@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {background-image:url(images/bg.png);background-repeat:repeat-x;background-color: #fff;}
#layout,#head,.main,#foot{background-color: #fff;position:relative;display: block;overflow: hidden;margin: 0 auto;}
 #layout{width:882px;}
.main{padding: 15px 0;}
#head{background-image:url(images/bg_header.png);background-repeat:no-repeat;height: 152px;}
#foot{background-image:url(images/bg_footer.png);background-repeat:no-repeat;background-position: top right;background-color: #F7F7F7;border: 1px solid #DDDDDD; padding: 12px;margin: 25px 0 10px 0;}
div.logo{position:absolute;background-image:url(images/logo.png);width:184px;height:51px;background-repeat:no-repeat;left: 0px;top: 25px;}
div.logo a{position:absolute;width: 100%; height: 100%; left: 0; top: 0;}
div.logo a span{display: none;}
div.menu{position:absolute;width:882px;height:43px;background-image:url(images/bg_menu.png);background-repeat:no-repeat;right: 0px;top: 107px;overflow:hidden;}
div.menu ul{position:relative;margin:0; padding: 1px 10px;}
div.menu ul li{position:relative;list-style:none;display:block;float:left;padding: 8px 4px 8px 5px;background-image:url(images/menu_separate.png);background-repeat:no-repeat;background-position: top left;}
div.menu ul li.first{background-image:none;}
div.menu ul li a{list-style:none;display:block;float:left;left: 0;right: 0;text-decoration: none;color: #fff;text-transform: uppercase;font-family: Arial;font-weight: bold;font-size: 11px;line-height: 100%;border: none;}
div.menu ul li a span{display: block;padding: 7px 15px 7px 15px;}
div.menu ul li a:hover,div.menu ul li a:active ,div.menu ul li a.selected,div.menu ul li a.sub_open{background-repeat: no-repeat;background-position: top left;background-image: url(images/menu_s_left.png);}
div.menu ul li a:hover span,div.menu ul li a:active span,div.menu ul li a.selected span,div.menu ul li a.sub_open span{background-repeat: no-repeat;background-position: top right;background-image: url(images/menu_s_right.png);}
div.menu ul li a:hover{color: #EFEFEF;}
div.home .col{width:294px;float:left; margin-bottom: 15px;}
div.home .col h2{font-size:16px;font-weight:bold;}
div.double .col{width:420px;float:left; margin-bottom: 15px; padding: 0 10px;}
div.search{position: absolute; width: 212px; height: 25px; top: 40px; right: 0;background-image: url(images/bg_search.png);background-repeat: no-repeat; background-position: top left;}
div.search .input{padding:1px; width: 150px; height: 23px; margin:0 auto; display: block; float: left;overflow: hidden;}
div.search .submit,div.newsletter .input,div.newsletter .submit{display: block; float: left; padding: 1px;}
div.search .submit input{width: 58px; height: 23px;background-image: url(images/search_button.png);background-repeat: no-repeat; cursor: pointer; border: none; margin: 0; background-color: transparent;}
div.search .input input{ padding: 5px 3px; width: 144px; margin: 0 2px; border: 0; background-color: #fff; color: #666666; font-size: 11px; background-image: none;}
div.newsletter{padding:11px 0; width: 273px; height: 25px;background-image: url(images/bg_newsletter.png);background-repeat: no-repeat; margin: 0 0 10px 0;}
div.newsletter .input{width: 256px; height: 23px;background-image: url(images/bg_newsletter_input.png);background-repeat: no-repeat; margin-left: 8px; position: relative; padding: 1px;}
div.newsletter .submit{position: absolute; width: 29px; height: 23px; top: 0; right: -2px;}
div.newsletter .input input{ padding: 5px 3px 3px 3px; margin: 0 2px; border: 0; width: 217px; background-color: #3994C0; color: #fff; font-size: 11px; background-image: none;}
div.newsletter .submit input{width: 29px; height: 23px;background-image: url(images/bg_newsletter_submit.png);background-repeat: no-repeat; display: block; float: right; cursor: pointer;}


div.folio{overflow: hidden; width: 882px;}
div.folio a.nav{display: block; width: 30px; height: 122px; background-repeat: no-repeat; background-position: 0 0;}
div.folio a.nav span{display: none;}
div.folio a.left{background-image: url(images/folio_left.png);float: left;}
div.folio a.right{background-image: url(images/folio_right.png);float: left;}
div.folio div.fmain{background-image: url(images/folio_main.png);float: left; width: 820px; height: 122px;}
div.folio div.fmain ul,div.folio div.fmain ul li{margin: 0; padding: 0; list-style: none; background-image: none;}
div.folio div.fmain ul li{float: left;}
div.folio div.fmain ul li a img{border: 5px solid #fff; margin: 9px;}
.btop,.bbottom{height: 2px; background-position: top left; background-repeat: no-repeat;}
.btop{background-image: url(images/bg_col_black_t.png);}
.bmain{background-image: url(images/bg_col_black_m.png); background-position: top left; background-repeat: repeat-y; width: 270px; padding:  10px 12px;}
.bbottom{background-image: url(images/bg_col_black_b.png);margin-bottom: 15px;}
.read{float:right;}
.read a{ text-decoration:none;}
#foot p{margin:0; padding: 0;color: #7C796B;}
#foot p.left{ float:left;}
#foot p.right{ float:right;}

div.portfolio{overflow: hidden;}
div.portfolio .col{margin: 10px 8px;position: relative;float:left; overflow: hidden; width: 278px; display: block; height: 270px;}
div.portfolio .col a img:hover{border: 1px solid #222222; opacity: .5;}
div.portfolio .col a img{ padding: 0; overflow: hidden; margin: 0;padding:3px;border: 1px dotted #7C796B;}
div.portfolio .col a.folii{ padding: 0; overflow: hidden; margin: 0; display: block;}
div.portfolio .col p{font-size:11px; display:block;bottom: 0;left: 0;padding:10px 5px 5px 5px;}
div.content,div.content div.left,div.content div.right{overflow: hidden;}
div.content div.left{float: left; width: 610px;}
div.content div.right{float: right; width: 270px;}

.col img.left { margin: 0 10px 10px 0;}
.col img.right { margin: 0 0 10px 10px;}

.contactform{margin: 0;padding: 0;position: relative;}
form fieldset {border:0;}
form p { float: left; margin-top: 6px; margin-bottom: 6px;}
form p small { color: #7C796B; font-size: 11px;}
form input, form textarea { background-color: #FFFFFF; border: #666052 1px solid; color: #666052; width:400px; padding:4px; margin:2px; margin-left: 15px; background-color: #FFF; background-image: url(images/input.png);}
form label {float:left;width:160px; text-align:left; padding-top:10px; margin-left: 10px;}
form textarea {overflow:auto; font-size: 12px;}
.contactform span.button { border: 0; cursor: pointer; outline: 0; margin-left: 525px; }

a.button,span.button{
	display:block;
	float:left;
	background-image:url(images/button-left.png);
	height:24px;
    margin: 0 4px;
    border: none !important;
	background-repeat:no-repeat;
	background-position:top left;
	padding:0 0 0 3px;
	text-decoration:none;
}
a.button span,span.button input{
	padding:4px 10px 5px 7px;
	display:block;
	color:#FFF;
    margin: 0 !important;
    line-height: 15px;
    border: 0;
    width: auto;
	font-weight:normal;
	font-size:12px !important;
	background-repeat:no-repeat;
	background-position:top right;
    background: transparent;
    cursor: pointer;
	text-shadow: 0pt 1px 0pt rgba(0, 0, 0, 0.8);
	background-image:url(images/button-right.png);
}
span.button input{
	padding:3px 10px 4px 7px;
}
a.button:hover span,span.button input:hover{
	color:#DFDFDF;
}
a.button span{
    height: 16px !important;
	padding:4px 10px 4px 7px;
}
a.green,span.button {background-position: 0 left;}
a.green span,span.green input {background-position: 0 right;}
a.gold,span.gold {background-position:left -24px ;}
a.gold span,span.gold input {background-position:right -24px ;}
a.blue,span.blue {background-position:left -48px ;}
a.blue span,span.blue input {background-position:right -48px ;}

.error ul { padding: 15px 32px; margin:0 0 15px 0; -moz-border-radius: 3px;-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;	background: #fffbcc;border: 1px solid #e6db55;	color: #555555;}
.error ul li { display: block; background-image: url(images/error.png);background-repeat: no-repeat; background-position: left center; list-style: none; padding: 3px 0 3px 25px;}
.info { padding: 15px 32px; margin:0 0 15px 0; -moz-border-radius: 3px;-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;	background: #fffbcc;border: 1px solid #e6db55;	color: #555555;}

#coding {position: relative;height: 175px;margin: 0 auto 20px auto;}
#coding .box_c {display: block;float: left;position: relative;width: 133px;height: 175px; margin: 5px; padding: 5px 2px; background-color: #F7F7F7;-moz-border-radius: 3px;-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
#coding .box_c img {display: block;position: relative;height: 125px;margin: 0 auto;}
#coding .box_c h3 {display: block;position: relative;margin: 0;padding: 2px 0;text-align: center;font-size: 13px;}
#coding .box_c strong {display: block;position: relative;font-weight: normal;text-align: center;}

.sbfolio p {display: block;}
.sbfolio p img {padding:3px;border: 1px dotted #7C796B;}