body {
background: #979797 url(img/noise.jpg) repeat scroll top center;
font-family: Helvetica, Verdana,Arial,sans-serif;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5em;
font-size: 12px;
color: #4D4D4D;
}
* {
margin:0pt;
padding:0pt;
}

.clear {
clear:both;
}

option {
padding-right:6px;	
}

p {
margin-bottom: 10px;
}

a, a:visited {
font-size: 12px;
text-decoration: none;
color: #808080;

}

a:hover {
font-size: 12px;
color:#CACACA;
}

h3 {
font: 16px/18px 'Quicksandlight', Arial, sans-serif;
text-transform: uppercase;
border-bottom: 1px #CACACA dotted;
margin:0 0 5px;
padding:0 0 5px;
font-family: "Helvetica Neue", Times;
font-weight: 300;
}

h4 {
font: 14px/19px 'QuicksandBold', Arial, sans-serif;
}

#container {
margin:25px auto;
width:813px;
position: relative;
}

#header {
background: transparent url(img/bgheader.png) no-repeat scroll top center;
height: 136px;
width:851px;
}

#content {
background: transparent url(img/bgmid.png) repeat-y scroll top center;
width:851px;
padding-top: 35px;
}

#footer {
background: transparent url(img/bgfooter.png) no-repeat scroll bottom center;
width:851px;
padding:25px 0px 55px 0px;
}




/*	##################################
   	header
	################################## */



/*	##################################
   	content
	################################## */
	


#portfolio {
width:720px;
margin: 0px auto;
padding: 0 0 25px 0;
}

.section-head {
font: 18px/27px 'QuicksandBold', Arial, sans-serif;
/* text-indent:-10000px; */
/* background: transparent url(img/recent.png) no-repeat scroll left 25px; */
/* padding:10px 0px 10px 115px; */
/* margin-left: 12px; */
/* height:26px; */
/* width:40px; */
}

.left{float: left;}
.right{float: right;}

.boxgrid{ 
-moz-box-shadow: 0px 0px 2px #666;
-webkit-box-shadow: 0px 0px 2px #666;
box-shadow: 0px 0px 2px #666;
width: 325px; 
height: 260px; 
margin:25px 0px; 
background:#ffffff; 
overflow: hidden; 
position: relative; 
padding:5px;
}
		
.boxgrid img{ 
position: absolute; 
top: 5px; 
left: 5px; 
border: 0; 
}

.desc {
padding:10px;
}

.desc p {
padding-top: 10px;
border-top: 1px #CACACA dotted;
margin-top: 5px;
}

.view {position: absolute;bottom: 10px;}

.arrow {
background: transparent url(img/arrow.png) no-repeat left center;
padding: 0 0 0 20px;
}

view:hover, footer a:hover {
color:#CACACA;
}

.desc ul {
padding-bottom: 10px;
color:#897E75;
 }

.desc ul li {
list-style-position: inside;
float: left;
display: list-item;
width: 100px;
list-style-type: circle;
 }
 
.cover {
z-index: 3;
}
 



/*	##################################
   	footer
	################################## */


#footer-left {
float:left;
/* padding:20px 0px 55px 0px; */
margin:0px 0px 0px 65px;
width:500px;
}

#footer-right {
float:left;
padding-top: 45px;
height:38px;
width:122px;
}

#footer-right h4 {
margin-bottom: 10px;
color: #808080;
}

#emailform {
width:300px;
margin-top: 20px
}

#emailform input {
color:#666;
border:darkgrey 1px solid;
background: none;
margin: 5px 0px 0px 0;
padding:3px;
}

#name {
width:200px;
}

#email {
width:250px;
}

#message {
color:#666;
border:darkgrey 1px solid;
background: none;
margin: 5px 0px 0px 0;
padding:3px;
width:300px;
height:150px;
resize: none;
}

#emailform .submit {
margin:0px;
padding:0px;
background: none;
border:none;
float:right;
}