/*
Website Name: Cornerstone
Description: Cornerstone Media Productions - Designs that get noticed...
Author: CornerStone Media Productions
Author URI: http://www.cornerstonemediaproductions.com
Copyright: Cornerstone Media Productions
*/
.clear { clear:both; line-height:0; }
body { margin:0px; padding:0px; text-align:center; background:#ffffff; font-family:Arial, Helvetica, sans-serif; }
img{ border:none; }
a { text-decoration: underline; }

#main{ margin:0px auto; padding:10px 0 10px 0; width:100%; text-align:center; background:#EFE9E5; height:80px; }

#nav{ margin:0px auto; padding:12px 0px 6px 40px; width:100%; height:16px; background:#998B7D URL(images/nav.jpg) center top; text-align:center; }
#nav ul { margin:0; padding: 0; list-style-type:none; font-size:12px; color:#ffffff; }
#nav ul li { display:inline; margin:0; padding:0 80px 0 0; }
#nav ul li a, ul li a:visited { color:#ffffff; text-decoration:none; }
#nav ul li a:hover { color:#E9E3DB; text-decoration:underline;}

#portfolionav{ margin:0px; padding:25px 0 40px 0; width:100%;text-align:center; }
#portfolionav ul { margin:0; padding: 0; list-style-type:none; font-size:12px; color:#8A7967; }
#portfolionav ul li { display:inline; margin:0; padding: 0 15px 0 0; }
#portfolionav ul li a, #portfolionav ul li a:visited { color:#8A7967; text-decoration:none; }
#portfolionav ul li a:hover { color:#6B563E; text-decoration: underline; }
#portfolionav p{margin:0; padding-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8A7967;font-weight:bold;}

#text {padding:0; margin: 100px 0 45px 0; width:100%; text-align:center;}
#text p {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8A7967;}
#text h1 {margin: 0px 0px 8px 0px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8A7967;}

#news {padding:0; margin: 0 0 45px 0; width:100%; text-align:center;}
#news p {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8A7967;}
#news h1 {margin: 0px 0px 8px 0px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8A7967;}

#scrollbar {margin: 200px 0 45px 0; padding-bottom:20px; width:100%; overflow-x:scroll; overflow-y:hidden; white-space: no-wrap;}
#scrollbar p {margin:12px 0 10px 0;padding:0; font-size:12px; color:#6B563E;}
#scrollbar p a. { text-decoration:none;}

#footer { margin:0px; padding:10px 0 8px 0; width:100%; height:16px; background:#cac2b8 url(images/footer.jpg) center top; text-align:center;}
#footer ul{ margin:0px; padding:0px; font-size:10px; color:#ffffff;}
#footer ul li { display:inline; margin:0; padding:0; }

.thumbnail2 img{ border: 1px solid #D1D3D4; margin: 0;padding:5px;}

.thumbnail2:hover{ background-color: transparent;}

.thumbnail2:hover img{ border: 1px solid #4D4D4D; padding:5px;}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 0;
left: -1000px;
border:none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 0; /*position where enlarged image should offset horizontally */
z-index: 50;
}


.thumbnail img{ border: 1px solid white; margin: 0;padding:5px;}

.thumbnail:hover{ background-color: transparent;}

.thumbnail:hover img{ border: 1px solid #4D4D4D; padding:5px;}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 0;
left: -1000px;
border:none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 0; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.stroke {border:1px solid #D1D3D4; width:120px;}

#video{width:100%; margin:20px 0; padding:0; text-align:center;}

#contact {margin:0px auto; padding:12px 0px 6px 0; width:500px; text-align:left;}
/*#contact h1 { margin:15px 0 0 215px; padding:0; display:block; width:323px; height:45px; background:transparent url(images/h1-contactus.png) 0 0 no-repeat; text-indent:-9999px; }*/
#contact p { margin:14px 0 14px 0; padding:0; font-size:14px; color:#8A7967; line-height:21px; }
#contact span.required { color:#FF0000; font-size:11px; font-weight:bold; }
#contact form { margin:14px 0 14px 0; padding:0; width:500px; font-size:13px; color:#8A7967;}
#contact form fieldset { margin:0; padding:0; border:none; }
#contact form fieldset label { margin:0; padding:0 15px 0 0; display: inline; width:170px; float:left; text-align:right; }
#contact form fieldset label span { color:#FF0000; font-size:11px; font-weight:bold; }
#contact form fieldset input, #contact form fieldset select, #contact form fieldset textarea { margin:0 0 7px 0; padding:1px; width:275px; border:1px solid #a7a9ac; font-size:13px; color:#8A7967; }
#contact form fieldset input.send { margin:0 0 10px 180px; border:none; padding:0; width:auto; }
#contact form fieldset input.captcha { width:100px; }

#videobar {margin: 65px 0 45px 0; width:100%; overflow-x:scroll; overflow-y:hidden; white-space: no-wrap;text-align:center;}
