/*
Theme Name: 33 webstreet
*/
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,blockquote {margin:0; padding:0; }	a:active, a:focus{outline:none;}
img { border:0; }ol,ul { list-style:none; }h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
.clearing {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}
body {background-color: #4F5E6F; font-family: Optima, verdana;font-size: .9em;} 
#wrap { width:960px; margin: 30px auto;  position: relative;} 
ul#nav {list-style:none;float:right;margin-top:9px;text-transform:uppercase;font-size:11px; margin-bottom: 0; margin-right: 5px;}
ul#nav li{display:inline;}
ul#nav li a {color:#fff;padding:2px 10px; text-decoration: none;}
ul#nav li a:hover {background-color: #ddd; -moz-border-radius: 5px;-webkit-border-radius: 5px 2px; color: #182c42;}
#banner {width:960px;height: 155px;background: url(images/banner33D.png) no-repeat center top;margin-top: 0; clear: both;background-color: #4F5E6F;}

#main, #mainM { background-color:#999; width:920px;  padding:18px;-moz-border-radius: 6px;-webkit-border-radius: 6px; float: left;}
#mainM {background-color: #ededed;} #mainC {background-color:#4f5e6e; padding:27px;}
#content, #contentM {background-color:#999;  padding: 18px;border: 1px solid #666; -moz-border-radius: 6px;-webkit-border-radius: 6px; padding-top: 0; width: 882px; float: left;position: relative;}
 #contentM {background-color: #ededed;}
 
#M1  {padding: 18px;  float: left; width: 45%; margin-right: 27px;}#M2 {padding: 3px 0;  float: left; width: 45%; }
#M1 h1 {color: #182c41; font-size: 171%; margin-bottom: 9px; font-weight: bold;}
#M2 h2 {color: #182c41; font-size: 126%; margin-bottom: 9px; margin-top: 18px; font-weight: bold;}
.intro {color: #184118; font-size: 117%; font-weight: bold;line-height: 144%; }
#M1 ul, #M2 ul { margin: 0 0 0 45px; list-style: disc;color: #182c41; }
#M1 li, #M2 li, .panel li {margin-top: 5px;}
#M1 li span, #M2 li span, .panel li span {color: #333; }
#M1 li a:link, #M2 li a:link, #M1 li a:visited, #M2 li a:visited  { color: #411840; text-decoration: none; font-size: 108%;border-bottom: 1px solid #411840; }
#M1 p, #M2 p {margin-top: 18px;line-height: 144%; }
#M1 p a, #M2 p a {color: #411840; text-decoration: none; border-bottom: 1px solid #411840;}


#footer { width: 957px;background-color: #042a47; margin: 12px auto; position: relative;float: left;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
#footer ul {text-align: center; margin: 0 auto; width: 100%; padding: 6px 0 3px; }
#footer li {list-style:none;	display:inline;}
#footer li a:link, #footer li a:visited {text-decoration: none; color: #fff; font: 80% Verdana, Optima; padding: 3px 9px; letter-spacing: 2px;}
#footer li a:hover {background-color: #ddd; height: 22px;-moz-border-radius: 5px;-webkit-border-radius: 5pxcolor: #182c42;}
#foot { width: 957px;background-color: #4F5E6F; margin: 9px auto; float: left; height: 1px;}
#slider{width:840px;position:relative;margin:0 auto; text-align: center;}
.scroll{position:relative;clear:left;background:#ededed;border: 1px solid #666;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.scrollContainer div.panel{width:800px;padding:30px 18px 0 18px;} .scrollContainer p.one { padding: 0 99px; margin-bottom: 18px; font-size: 110%;}
div.panel {text-align: left;}

ul.navigation{list-style:none;width:840px;margin:18px 0 9px 0;padding:0 0 10px;}
ul.navigation li{display:inline; margin-right:9px; font-size: 80%;padding: 9px 0; line-height: 200%;}
ul.navigation a:link,ul.navigation a:visited{color:#fff;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius:3px;padding:9px;}
ul.navigation li.but1 a:link,ul.navigation li.but1 a:visited{background-color:#4f5e6e;}
ul.navigation li.but2 a:link,ul.navigation li.but2 a:visited{background-color:#4F6E4F;}
ul.navigation li.but3 a:link,ul.navigation li.but3 a:visited{background-color:#6E4F6D;}
ul.navigation li.but4 a:link,ul.navigation li.but4 a:visited{background-color:#6E5F4F;}
ul.navigation li.but5 a:link,ul.navigation li.but5 a:visited{background-color:#6E4F54;}
ul.navigation li.but1 a:hover,ul.navigation li.but2 a:hover,ul.navigation li.but3 a:hover,ul.navigation li.but4 a:hover,ul.navigation li.but5 a:hover{background-color:#666;}
ul.navigation li.but1 a.selected,ul.navigation li.but2 a.selected,ul.navigation li.but3 a.selected,ul.navigation li.but4 a.selected,ul.navigation li.but5 a.selected{background-color:#ededed;border:1px solid #888;color:#999;}
ul.navigation a:focus{outline:none;}
.hide{display:none;}
/* #shade{background:#ededed url(images/shade.jpg) no-repeat 0 0;height:36px;} */
#slider h1 {color: #182c41; font-size: 153%; margin-bottom: 15px; font-weight: bold; margin-left: 99px;}
.panel ul { margin: 0 100px 0 145px; list-style: disc;color: #182c41; }
.one strong {color: #182c41; }
#list1  {float: left; width: 33%;}
#list2 {float: left; width: 33%; }
#list3 { float: left; width: 33%; }
#list1 img, #list2 img, #list3 img { margin-top: 18px; margin-right: 18px; margin-left: 15px;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#list1 ul li a img, #list3 ul li a img, #list3 ul li a img {opacity:1.0; filter: alpha(opacity=100);-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} 
#list1 ul li a:hover img, #list2 ul li a:hover img, #list3 ul li a:hover img {opacity:0.45; filter: alpha(opacity=45);}
.portlist { width: 100px; font-size: 90%; display: block; float: right; text-align: right; margin-top: 5px; margin-right: 18px; margin-bottom: 0;}
.portlist a:link,.portlist a:visited  {color:#042a47;}.portlist a:hover { color: #042a47; text-decoration: none; background-color: #fff;-moz-border-radius:3px;-webkit-border-radius:3px; padding: 2px;}
#tut {background-color:#ededed;  padding: 36px; border: 1px solid #666; margin-top: 36px; margin-left: 36px;
 -moz-border-radius: 6px;-webkit-border-radius: 6px; width: 720px; float: left; display: block;}
#tut h1 {color: #182c41; font-size: 153%; margin-bottom: 15px; font-weight: bold; margin-left: 9px;}
#tut div.step{ padding: 9px; margin-bottom: 18px; font-size: 110%; background: #fff;border: 1px solid #999; width: 720px;}
#tut div.step span {padding:9px; width: 210px; display: block; float: left;}
#tut img {float: right; margin: 0 0 0 12px; width: 450px; border: 1px solid #999;}

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.clearing {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}
fieldset {width:350px;-moz-border-radius: 3px;-webkit-border-radius: 3px; height: 330px; }
fieldset p {color:#fff;display:block;font-size:90%;letter-spacing:1px;text-align:left; font-weight: bold; padding-left: 20px;}


#shadowbox_container,#shadowbox_overlay{top:0;left:0;height:100%;width:100%;margin:0;padding:0;}
#shadowbox_container{position:fixed;display:block;visibility:hidden;z-index:999;background-color:transparent;text-align:center;}
#shadowbox_overlay{position:absolute;background-color:#030303;opacity:0.4;}
#shadowbox{position:relative;text-align:left;margin:0 auto;}
#shadowbox_body{position:relative;border:1px solid #333;overflow:hidden;margin:0;padding:0;}
#shadowbox_body_inner{position:relative;height:100%;}
#shadowbox_content.html{height:100%;overflow:auto;}
#shadowbox_loading{position:absolute;top:0;width:100%;height:100%;}
#shadowbox_body,#shadowbox_loading{border:9px #999 solid;-moz-border-radius:9px;-webkit-border-radius:9px;background-color:#fff;}
#shadowbox_loading_indicator{float:left;height:32px;width:32px;background-image:url(skin/loading.gif);background-repeat:no-repeat;margin:10px 10px 0;}
#shadowbox_loading span{font-family:'Lucida Grande', Tahoma, sans-serif;font-size:10px;float:left;margin-top:16px;}
#shadowbox_title,#shadowbox_info{position:relative;overflow:hidden;margin:0;padding:0;}
#shadowbox_title_inner,#shadowbox_info_inner{position:relative;font-family:'Lucida Grande', Tahoma, sans-serif;line-height:16px;}
#shadowbox_title{height:26px;}
#shadowbox_title_inner{font-size:16px;color:#fff;padding:5px 0;}
#shadowbox_info{height:38px; margin-top: 6px;}
#shadowbox_info_inner{font-size:18px;color:#fff; background-color: #666;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#shadowbox_nav{float:right;height:30px;width:70%;padding:4px 0;}
#shadowbox_nav a{display:block;float:right;height:30px;width:120px;margin-left:3px;cursor:pointer;}
#shadowbox_nav_close{background-image:url(skin/close.png);background-repeat:no-repeat;margin-left: 200px;}
#shadowbox_nav_next{background-image:url(skin/next.png);background-repeat:no-repeat;}
#shadowbox_nav_previous{background-image:url(skin/previous.png);background-repeat:no-repeat;}
#shadowbox_nav_play{background-image:url(skin/play.png);background-repeat:no-repeat;}
#shadowbox_nav_pause{background-image:url(skin/pause.png);background-repeat:no-repeat;}
#shadowbox_counter{float:left;width:25%;padding:9px;color:#fff;}
#shadowbox_counter a{text-decoration:none;cursor:pointer;color:#fff;padding:0 4px 0 0;}
#shadowbox_counter a.shadowbox_counter_current{text-decoration:underline;}
div.shadowbox_clear{clear:both;}
div.shadowbox_message{font-family:'Lucida Grande', Tahoma, sans-serif;font-size:12px;text-align:center;padding:10px;}
#shadowbox_loading span a:link,#shadowbox_loading span a:visited,div.shadowbox_message a:link,div.shadowbox_message a:visited{color:#fff;text-decoration:underline;}