/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/cont_top_bac.jpg) repeat-x center top #000000; font-family: Arial, Helvetica, sans-serif; }
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

#container{ position:relative; padding:0px 0px 0px 0px; margin-top:2px; margin-left:auto; margin-right:auto; width:777px; border:0px solid #000000; }
.sculpt { margin-left:40px; margin-top:0px;  margin-bottom:0px; width:156px; height:70px; }
.link { margin-left:50px; width:61px;   margin-top:0px; margin-bottom:0px; height:70px; }

#link_holder { margin-top:20px !important; margin-bottom:50px; }

#header {  border-right:1px solid #3d3d3d; border-left:1px solid #3d3d3d; width:777px; height:93px; position:relative; margin:0px; padding:0px; background:url(../images/header.jpg) left repeat-x; }
#header form {position:absolute; top:14px; right:0px; width:224px; height:22px; padding:5px 0px 0px 0px;}
#header label {color:#ffffff; font-size:12px;}
#header input { color:#707070; width:163px; border:none; background:none; font-size:12px; height:19px; padding:0px; margin:0px 0px 0px 5px;}
body:last-child:not(:root:root) #header input { -webkit-border: 1px  solid#ffffff; color:#707070; width:163px; border:none; background:none; font-size:12px; height:19px; padding:0px; margin:0px 0px 0px 5px;}

#slideshow2 ul {list-style:none; margin:0px; padding:0px;}
*html #slideshow2 ul {list-style:none; margin:0px 0px 0px -343px; padding:0px;}
*+html #slideshow2 ul {list-style:none; margin:0px 0px 0px -343px; padding:0px;}

#slideshowm li {list-style:none; margin:0px; padding:0px;}
#header button {color:#000000; position:absolute; bottom:0px; right:10px; font-size:12px; border:0px; margin:0px 0px 0px 0px; width:37px; height:22px; background:url(../images/search_button.jpg) no-repeat center;}
*html #header button {color:#000000; position:absolute; bottom:-1px; right:9px; font-size:12px; border:0px; margin:0px 0px 0px 0px; width:37px; height:22px; background:url(../images/search_button.jpg) no-repeat center;}
body:last-child:not(:root:root) #header button {color:#000000; position:absolute; bottom:-3px; right:8px; font-size:12px; border:0px; margin:0px 0px 0px 0px; width:37px; height:22px; background:url(../images/search_button.jpg) no-repeat center;}


*html #slideshow3 { width:347px; height:501px; margin:0px 0px 0px -200px; padding:0px; position:absolute; left:0px;}
*+html #slideshow3 { width:347px; height:501px; margin:0px 0px 0px -200px; padding:0px;} 
#slideshow3 { width:347px; height:501px; margin:0px; padding:0px;}
#slideshow3 ul {list-style:none; margin:0px !important; padding:0px !important;}
#slideshow3 li {list-style:none; margin:0px !important; padding:0px !important;}


.saf { color:#707070; width:163px; border:none; background:none; font-size:12px; height:19px; padding:0px; margin:0px 0px 0px 5px;}

.link_po {margin:20px 0px 20px 140px;}

#contact a {color:#ffffff; font-size:18px; text-decoration:none; margin:10px 0px 10px 50px; padding:0px 0px 0px 0px;}

#logo {  width:300px; height:54px; margin:33px 0px 30px 0px; padding:0px; background:url(../images/logo.gif) no-repeat; }

#logo2 {  width:299px; height:110px; margin:0px 0px 0px 0px; padding:0px; background:url(../images/logo.jpg) no-repeat; }


#main { background:url(../images/main_bac.jpg) repeat-y right;  width:100%; margin:0px 0px 0px 0px; min-height:640px; height:auto !important; height:640px; border-left:1px solid #404040; border-right: solid 1px #404040; border-top:1px solid #404040; border-bottom:solid 1px #404040;  }

#main_gallery { background:url(../images/main_bac.jpg) repeat-y right;  width:100%; margin:0px 0px 0px 0px; min-height:640px; height:auto !important; height:640px; border-left:1px solid #404040; border-right: solid 1px #404040;  border-bottom:solid 1px #404040;  }
#right {position:absolute; right:0px;}
#left {position:absolute; left:0px;}
#sidebar { width:354px;  height:100%; float:right; margin:0px; padding:0px 0px 0px 6px; background:#252525; }

#news  { width:360px; margin:20px 0px 0px 0px;}
#news h1 {font-size:12px;}
.news  { width:360px; margin:0px 0px 10px 0px;}
.news h2 {border:0px; font-size:12px; margin:0px 0px -10px 3px; padding:0px;}
.news a { color:#f31713;}
.news p {margin:0px 0px 0px 16px; padding:0px;}
.news a:hover {color:#f31713; text-decoration:none;}
#content  { width:398px;  background:url(../images/content_area_top.jpg) #0f0f0f no-repeat top left;   margin:0px 0px 0px 0px; float:left; padding:0px 0px 0px 16px; min-height:300px; height:auto !important;   height:300px;}


#content p {width:360px; margin:10px 0px 10px 3px; line-height:20px; padding:0px;}
#content h1{width:360px; margin:10px 0px 10px 0px;}
#content img {margin:10px 0px 10px 0px; padding:0px;}
#product_summary { width:580px;  margin:0px 0px 0px 14px; margin:auto;   padding:0px; min-height:300px; height:auto !important;    height:300px;}
.product_summary{ width:262px; height:89px; float:left; padding:0px; margin:0px 10px 15px 10px; }
.product_summary img{ width:66px; height:66px; float:left; margin:10px 0px 0px 0px; padding:0px; }
.products_summary p{ float:left; width:173px; margin:0px 10px 0px 10px; padding:0px; }
.products_summary a{ font-size:12px; margin:0px 0px 0px 110px; text-decoration:none; color:#54b1f0;}


#contact_form input {width:150px; position:relative; z-index:100;}
#contact_form textarea {width:150px; height:80px; position:relative; z-index:100;}

#footer { width:100%; background:#252525; border:1px solid #404040; margin:5px 0px 0px 0px; }

.clear { clear:both; }
    @media all and (min-width: 0px) {
             #header button {color:#000000; font-size:12px; border:0px; margin:-0px 0px 3px 6px; padding:0px; width:37px; height:22px; background:url(../images/search_button.jpg) no-repeat center;}

    }
/*--------------------------------------gallery------------------------------------------------------*/

#content_gallery  { width:400px; position:relative; background:url(../images/gal_content.jpg) top repeat-x right #0f0f0f;   margin:0px 0px 0px 0px; float:left; padding:60px 0px 0px 16px; min-height:300px; height:auto !important;   height:300px;}
#content_gallery  p {width:360px; margin:10px 0px 10px 3px; line-height:20px;  padding:0px;}
#content_gallery  h1{width:360px; margin:10px 0px 10px 0px;}
#content_gallery  img {margin:10px 0px 10px 0px; padding:0px;}
#sidebar ul { margin:0px; padding:0px;}
#stage li {list-style:none; margin:0px; padding:0px;}
.hidden {display:none;}
#gallery_back_but {width:300px; height:23px; margin:30px 0px 0px 20px; }
#gallery_back_but a {background:url(../images/button.jpg) no-repeat left; height:21px; width:190px; font-size:12px; padding:10px 60px 10px 40px; position:relative; z-index:20;}
#gallery_back_but a:hover {text-decoration:none;}
#gallery_instruct  {color:#ffffff;  margin-top:20px;}
#gallery_instruct p {color:#ffffff;}
#projects li{ list-style:none;}
#sub_header { width:100%; border-left:1px solid #3d3d3d; border-right:1px solid #3d3d3d; min-height:139px; height:auto !important; height:139px;  position:relative; margin:0px; padding:0px; background:url(../images/header2.jpg)  no-repeat; }

#portfolio_title {position:absolute; top:40px; right:20px;}
#portfolio_title h1 {font-size:30px; font-weight:normal; border:0px; margin:0px 0px 0px 0px;}

#slideshow {width:344px; height:236px;}
#nav_gallery { width:112px; position:relative; height:35px; margin-left:auto; margin-right:auto; margin-top:50px; }
*html nav_gallery { margin-top:0px; }

#project_nav {width:366px; }
#project_nav a {border:1px solid #8d8d8d; width:358px; display:block; padding:5px 0px 5px 8px; background:#2a2a2a; font-size:12px; no-repeat; margin:0px 0px 1px 0px;}
#project_nav a:hover {background:#cbcbcb; color:#262626; text-decoration:none;}
#project_nav  .navcol {background:#3d3d3d;}
#top_gal_nav {position:absolute; background:url(../images/middle_mg.jpg) #3D3D3D no-repeat center; width:417px; height:38px; top:0px; left:0px;}
#top_gal_nav a { margin:0px; text-decoration:none; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; height:28px; padding:10px 0px 0px 0px; width:205px; text-align:center; display:block; float:left;}
*html #top_gal_nav a {  width:200px;}

#slideshow2 {width:344px; height:536px;}
#slideshow2 img {border:#f31713 solid 2px; veritcal-align:center; }

#slideshow2 {margin:10px 0px 10px 0px; text-align:center;}
#slideshow {margin:10px 0px 10px 0px; text-align:center; display:block; min-height:100px; height:auto !important; height:100px;}
#slideshow img {border:#f31713 solid 2px; veritcal-align:center; }
#contact {margin:-20px 0px 0px 0px;}
/*--------------------------------------news------------------------------------------------------*/
#content_news  { width:580px;  float:right;  margin:0px 10px 0px 0px; padding:0px; min-height:300px; height:auto !important;    height:300px;}

/*------------------------------------ nav-----------------------------------------------------------*/
*html #nav { position:absolute; right:0px; bottom:-7px; margin:0px 0px 0px 0px; height:40px; padding:0px 0px 0px 0px; }

#nav { position:absolute; right:0px; bottom:7px; margin:0px 0px 0px 0px; height:40px; padding:0px 0px 0px 0px; }
#nav p { color:#ffffff; font-weight:normal; text-align:left; } 
#nav a { background:url(../images/nav_lr.jpg) left  no-repeat; display:block; float:left;  margin:0px 0px 0px 0px; padding:20px 10px 20px 10px; color:#a2a2a2; font-weight:normal; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif;}

#nav a:hover {color:#a2a2a2; text-decoration:none; } 

#date_nav { float:left;   min-height:24px; height:auto !important; height:24px; text-align:left; width:777px; margin:-3px 0px 0px 0px; padding:4px 0px 0px 0px; }
#date_nav a {display:block; float:left; margin:0px 0px 0px 0px; padding:7px 6px 7px 6px; height:14px; color:#a2a2a2; font-weight:normal; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#date_nav a:hover {color:#ffffff; background:#3d3d3d; text-decoration:none; } 
.datebor {background:url(../images/som.jpg) right center no-repeat;} 
.selected {color:#ffffff; background:#3d3d3d; text-decoration:none; } 

/*------------------------------------- General Text & Colours & backgrounds---------------------------------------*/

h1{ color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; border-bottom:1px solid #f31713;   margin:15px 0px 10px 0px; padding:0px 0px 3px 0px; }
h2{ color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; border-bottom:1px solid #f31713;   margin:15px 0px 10px 0px; padding:0px 0px 3px 0px; }
h3{ color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; border-bottom:1px solid #f31713;   margin:15px 0px 10px 0px; padding:0px 0px 3px 0px; }
h4{ color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; border-bottom:1px solid #f31713;   margin:15px 0px 10px 0px; padding:0px 0px 3px 0px; }
h5{ color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; border-bottom:1px solid #f31713;   margin:15px 0px 10px 0px; padding:0px 0px 3px 0px; }
ul {  }
ol { }
li { color:#ffffff; list-style:disc;}
ol  li { color:#ffffff; list-style:decimal; }

a { color:#ffffff; text-decoration:none; }
a:hover { color:#ffffff; text-decoration:underline; }

p { font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color:#999999; }
#footer p { font-size:11px; color:#FFFFFF; text-align:right; margin:10px 10px 10px 0px; }

#footer a { color:#ffffff; text-decoration:none; }
#footer a:hover { color:#ffffff; text-decoration:none; }