/*
	Golden Grid - CSS Library
	Author:Vladimir Carrer
*/

/* From inline */

body{background:url(cssimages/bg.jpg) repeat-x #09494f;}
.main{background:url(cssimages/bgwave.jpg) no-repeat;}
.g160,
.g320,
.g480,
.g640,
.g800,
.g960,
.g80,
.g240,
.g400,
.g560,
.g720,
.g880
{  } 
 
#nav {
margin:0;
padding-top: 90px;
list-style-type: none;
font-size:1.35em;
font-weight:700;
width: 950px;
float: left; 
font-weight: normal;
}
#nav li {
margin: 0;
padding: 5px 10px;
margin: 0 10px;
float: right;
height: 20px;
width: 68px;
background: url(cssimages/menu_bg.png) no-repeat top;
text-align: center;
}

#nav li:hover{ background: url(cssimages/menu_bg.png) no-repeat bottom; }

/* CSS Grid */


.main {  margin:0 auto;  width:970px; padding-top:10px;   }


.g160,.g320,.g480,.g640,.g800,.g960,.g80,.g240,.g400,.g560,.g720,.g880,.g960 {float:left; display: inline; margin-left:10px;  } 

/* 6 columns */
.g160 {width:150px; }
.g320  {width:310px; background:url(cssimages/fotbox.gif) no-repeat; margin-top: 50px;}
.g480  {width:470px;}
.g640  {width:630px;}
.g800  {width:790px;}
.g960  {width:950px;}
.g960 h5{margin:50px 100px; text-align: center; font-weight: 200;}

/* 12 columns */
.g80 {width:70px;}
.g240 {width:230px;}
.g400 {width:390px;}
.g560 {width:550px;}
.g720 {width:710px;}
.g880 {width:870px;}

/* margin */
.ml80{margin-left:90px;}
.ml160{margin-left:170px;}
.ml240{margin-left:250px;}
.ml320{margin-left:330px;}
.ml400{margin-left:410px;}
.ml480{margin-left:490px;}
.ml560{margin-left:560px;}
.ml640{margin-left:650px;}
.ml720{margin-left:730px;}
.ml800{margin-left:810px;}
.ml880{margin-left:890px;}
.ml960{margin-left:970px;}

.inside{margin-left:0;}

p.grid{ padding: 0 10px;}
  
.clear {clear:both;}
.clearfix, .main{ display:block;} 

.clearfix:after, .main:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
	 }

	 
a:active
{outline: none;}

a:focus
{-moz-outline-style: none;}

/*portfolio */
.headimg{background:transparent;}
.portfoliotitle{padding-top: 120px; text-align:center;}

/* kontaktformulär */
.text-input{position:relative; float: left; margin: 5px 0; display: block; width: 336px; height: 20px; background:url(cssimages/form_box.gif) no-repeat; border: 0; padding: 6px; font-family: Georgia; font-size: 15px; color: #0a3e4f;}
.text-input-box{position:relative; float: left; margin: 5px 0; display: block; width: 336px; height: 100px; background:url(cssimages/form_box_big.gif) no-repeat; border: 0; padding: 6px; font-family: Georgia; font-size: 15px; color: #0a3e4f; overflow: auto;}
.contact_row{position:relative; float: left; width:80%; height: 50px; }
.labelcontainer{position: relative; float: left; width: 137px; height: 32px; background:url(cssimages/form_bubble.gif) no-repeat; margin-bottom:22px; padding-right: 15px; font-size:1.2em; font-weight:700; text-align:center;}
.labelcontainer h2{padding-top: 6px;}
.blank{position: relative; float: left; width: 137px; height: 32px; margin-bottom:22px; padding-right: 15px;}
.inputcontainer{position:relative;float:left;width:348px;margin-top:-5px;}
.error{position:relative;float:left; font-family: Georgia; font-size: 15px; color: #0a3e4f; font-weight: bold; padding: 15px 0 8px 10px; background: url(cssimages/bubble_notify.png) no-repeat; width: 267px; height: 41px; z-index: 99; }
#contact_form{position:relative; float: left; width: 100%; padding-left: 30px;}
#submit_btn{position:relative; float:right; width:89px; height:32px; background:url(cssimages/btn_send.gif); border:0; font-family: Georgia; font-weight: bold; font-size: 16px; color: #0a3e4f; margin-top: 80px;}
#message{width: 100%; position:relative; float:left;}
#checkmark{position:relative;float:right; margin: -80px 60px 0 0;}