@charset "utf-8";
body { margin:0; padding:0; background: none; width:100%; background: #FFF url(../images/background.png) top repeat-x;}
html { padding:0; margin:0;}

.clr { clear:both;}


a img {border: 0px;}
/* main */
.main {width:100%; padding:0; margin:0 auto; }

/* top */
.top_right {width:65px; margin:0 auto; float:right; height:35px; padding: 20px 0 0 80px; background:url(../images/twitter.png) no-repeat left top; }
.top_left {width:830px; padding-top:10px; margin: 0 0 25px 0; float:left; height:20px; font: normal 11px Arial, Helvetica, sans-serif; color:#FFF;}


/* header */
.topsection { width:975px; margin:0 auto; padding:0; height:143px;}
.header {width: 975px; height: 140px; background:url(../images/header.png) no-repeat top; margin-top: 0px;}

#headerleft{width:auto; float: left; padding-top: 32px;}
/* Start header right elements */
#headerright {width: 330px; float: right;}


.ctsitelink {text-align: center; float: right; width: 165px; height: 30px; color: #666; font:12px Arial, Helvetica, sans-serif; 
				background: url(../images/ctlinkback.png) no-repeat top; position:relative; }
				
.ctsitelink a {color: #FFF; text-decoration: none; font:12px Arial, Helvetica, sans-serif;}
.ctsitelink a:hover {color: #FFF; font:12px Arial, Helvetica, sans-serif; text-decoration: underline;}

.date {margin-top: 60px;float: right; position: relative; text-align: right; color: #FFF; width: 200px;font:12px Arial, Helvetica, sans-serif;}
/* end header right elements */


.servicesmenuholder {width: 900px; float: left; background: #FFF; padding-left: 4px;}
.servicemenu {list-style:none; margin:5px; padding:0px; }
li.sermenuitem {float: left; width: 90px; height: 110px; margin:0px 1px 0px 1px; padding: 0px; background: url(../images/servicemenuback.png) no-repeat top;}
.sermenuitem a img{border: 0px;}

.white .maintext a {
		color: #006600;
		text-decoration: none;
	}
.white .maintext a:hover{
	color: #009900;
		text-decoration: underline;
	}
	
.white .maintext h4{color: #006600;}	












/* menu */
.menu { float:left; width:600px; padding:0; font: 12px Arial, Helvetica, sans-serif;}
.menu ul { float:left; margin:0 0 0 1px; padding:0; list-style:none;}
.menu li { margin:0; padding:0; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; float:left; }
.menu a { float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#151b1e; margin:0 2px 0 0; padding:12px 0 10px 0; text-decoration:none; }
.menu a span { padding:12px 15px 10px 15px;}
.menu a:hover { color:#fff; background:url(../images/menu_right.png) top right no-repeat; color:#FFF;}
.menu a:hover span { color:#fff; background:url(../images/menu_left.png) top left no-repeat;}
.menu a.active { background:url(../images/menu_right.png) top right no-repeat; color:#fff;}
.menu a.active span { color:#fff; background:url(../images/menu_left.png) top left no-repeat;}


/* scroller */
.scroller { width:980px; margin-left:1px; padding:0; height:342px; float:left; background:url(../images/screen_bg.png) repeat-x bottom; float:left; font:12px Arial, Helvetica, sans-serif; color:#fff;}
.img_left { width:640px; height:342px; margin:0 auto; float:left;}
.img_left .link { width:625px; float:left; list-style:none; padding:20px 0px 0px 20px;}

.img_left .link ul.tabs-nav { float:left; margin:0; padding:0; list-style:none; width:628px;}
.img_left .link ul.tabs-nav li { float:left; margin:0 1px; padding:0;}
.img_left .link ul.tabs-nav li a { float:left; display:block; padding:12px 0; color:#ffffff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.img_left .link ul.tabs-nav li a span { padding:12px 20px;}
.img_left .link ul.tabs-nav li a:hover { background:url(../images/sub_menu_r.png) no-repeat right top;}
.img_left .link ul.tabs-nav li a:hover span { background:url(../images/sub_menu_l.png) no-repeat left top;}
.img_left .link ul.tabs-nav li.tabs-selected a { background:url(../images/sub_menu_r.png) no-repeat right top;}
.img_left .link ul.tabs-nav li.tabs-selected a span { background:url(../images/sub_menu_l.png) no-repeat left top;}

.text_right img { }

.text_right {text-align: right; width:270px; margin:0px; float:right; padding: 40px 20px 0px 0px;}





/* mail */
.mail { float:right; width:140px; padding:10px 0 0 0; font:12px Arial, Helvetica, sans-serif; color:#fff; text-align:right;}
.mail a {text-decoration:none; color:#fff;}
.mail a:hover {text-decoration:underline;}

/* white*/
.white { width:982px; margin:0 auto; padding:0; background:#fff; border-top:1px solid #e4e5e5; border-bottom:1px solid #e4e5e5; font: 12px Tahoma, "Times New Roman", Times, serif; color:#6f6f6f; line-height:1.6em;}
.white img {}
.white p { padding:10px 5px; margin:0;}
.white h2 {font: bold 18px Arial, Helvetica, sans-serif; color:#006600;}

.white .bold {font: bold 18px Arial, Helvetica, sans-serif; color:#006600; padding:10px 0; margin:0;}
.white h3 {font: bold 18px Arial, Helvetica, sans-serif; color:#006600; /* border-bottom:1px solid #edeeee;*/ padding:10px 0; margin:0;}
.white a { color:#fff; text-decoration:underline;}

.white .left {float:left; width:280px; margin:20px 0; padding:0 20px; border-right:1px solid #edeeee;}
.white .left p.b_bottom { border-bottom:1px solid #edeeee;}

.white .right {float:right; width:620px; margin:20px !important; margin:20px 10px 20px 20px; color:#2F2F2F;}
.white .right_r {float:right; width:305px; padding:15px 0;}
.white .right_l {float:left; width:570px; padding-top:20px;}

.servicesmenuholder {width: 900px; float: left; background: #FFF; padding-left: 5px;}
.servicemenu {list-style:none; margin:0; padding:0px; }
.sermenuitem {float: left; width: 70px; height: 80px; margin:0px 5px 0px 5px; padding: 0px; background: url(../images/servicemenuback.png) no-repeat top;}
.sermenuitem a img{border: 0px;}




.white ul { list-style:none; margin:0; padding:10px;}
.white li { padding:8px; border-bottom:1px solid #EDEEEE; color:#2F2F2F;}
.white li a { color:#2F2F2F; text-decoration:none;}
.white li a:hover { text-decoration:underline;}
.white .author {font: 11px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 0;}
.white .content {border-bottom: 1px solid #EDEEEE; }
.white .content  ul { }
.white .content  li { background:url(images/li_03.jpg) no-repeat center left; border:none; padding-left:22px;}

/* button */
.button { float:left; width:110px; margin-right:2px; height:20px; background:#006600 url(../images/top_right.png) top right no-repeat;}
.button div { height:20px; background: url(images/top_left.gif) top left no-repeat;}
.button div div { height:20px; background: url(images/bottom_left.gif) bottom left no-repeat;}
.button div div div { height:20px; background: url(images/bottom_right.gif) bottom right no-repeat;}
.button a { font:12px Arial, Helvetica, sans-serif; color:#fff; line-height:1.6em; text-decoration:none;}
.button a:hover { text-decoration:underline;}

/* button_white */
.button_black { float:left; margin-right:2px; width:110px; height:20px; background:#181F23 url(../images/2_portfolio_24_top_right.gif) top right no-repeat;}
.button_black div { width:110px; height:20px;  background: url(../images/2_portfolio_22_top_left.gif) top left no-repeat;}
.button_black div div { width:110px; height:20px;  background: url(../images/2_portfolio_32_bottom_left.gif) bottom left no-repeat;}
.button_black div div div { width:110px; height:20px;  background: url(../images/2_portfolio_33_bottom_right.gif) bottom right no-repeat;}
.button_black a { font: 12px Arial, Helvetica, sans-serif; color:#fff; line-height:1.6em; text-decoration:none;}
.button_black a:hover { text-decoration:underline;}

/* button_black */
.button_white { float:left; margin-right:2px; width:110px; height:20px; background:#E0E0E0 url(../images/2_portfolio_20_top_right.gif) top right no-repeat;}
.button_white div { width:110px; height:20px;  background: url(../images/2_portfolio_18_top_left.gif) top left no-repeat;}
.button_white div div { width:110px; height:20px;  background: url(../images/2_portfolio_30_bottom_left.gif) bottom left no-repeat;}
.button_white div div div { width:110px; height:20px;  background: url(../images/2_portfolio_31_bottom_right.gif) bottom right no-repeat;}
.button_white a { font: 12px Arial, Helvetica, sans-serif; color:#000; line-height:1.6em; text-decoration:none;}
.button_white a:hover { text-decoration:underline;}




/* portfolio */

.white .maintext {float:left; width:92%; height: auto; margin:2%; color:#2F2F2F; padding: 2%;}

.white .portfolioentry {float:left; width:96%; margin:2%; color:#2F2F2F;}

.white #portfolioimages {padding-left: 50px;float:left; width:auto; background: #FFF ;margin:0px; color:#2F2F2F; text-align: center;}



/* main banner settings */

.about, .contact, .services, .login { float:left; width:982px; background:#161c1f url(../images/titlebox.png) repeat-x; height:91px; color:#E5E5E5;}
.about img, .contact img, .services img, .login img {padding-left:40px; padding-top:20px; }
.about div, .contact div, .services div, .login div {width:982px; float:left; height:91px; background:url(../images/titleboxleft.png) no-repeat bottom left;}
.about div div, .contact div div, .services div div, .login div div {float:left; width:982px; height:91px; background:url(../images/titleboxright.png) no-repeat top right;}


/* login section */

.white #loginheader { width: 350px; height: 34px; background: url(../images/loginheader.png) no-repeat top; margin-top: 100px; margin-right:auto; margin-left: auto;}
.white #loginmain {width: 346px; height: 150px; background: #FFF; margin-right:auto; margin-left: auto; border-left: 2px solid #CCC; border-right: 2px solid #CCC;}
.white #loginfooter { width: 350px; height: 25px; background: url(../images/loginfooter.png) no-repeat bottom; margin-right:auto; margin-left: auto; margin-bottom: 100px;}
.white #loginmain form {padding: 20px 0 0 20px;}
.white #loginmain label { margin:0; width:80px; display:block; float:left; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
.white #loginmain input { width:200px; border:1px solid #718E9F; margin-bottom:5px; padding:5px 2px; height:16px; background:#f5f5f5; color:#006600;}
.white #loginmain input.button  {  cursor:pointer;width: auto; height: auto; padding:3px 10px; margin: 10px 40px 0 0px; background:#006600; border:1px solid #090; color:#FFF; float:right; }





/* cub */
.cub {float:left; width:45px; background:#F5F5F5; height:45px; margin:5px; border:10px solid #E7E9EA;}

/* gr contacts */
.gr_c { width:982px; float:left; margin:0px auto; padding:20px 0; font: 12px Arial, Helvetica, sans-serif; color:#5d5d5d; background: #FFF;}
.gr_c p {padding:10px 15px; margin:0;}
.gr_c .contacts h3 { font: bold 15px Arial, Helvetica, sans-serif; padding:5px 15px; margin:0;  color:#006600;}


#contactform { margin:0; padding:5px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px; color:#006600;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none; border:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:2px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
#contactform label  a {color:#718E9F; text-decoration:none;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #718E9F; margin-bottom:5px; padding:5px 2px; height:16px; background:#f5f5f5;}
#contactform textarea { width:280px; border:1px solid #718E9F; padding:2px; background:#f5f5f5;}
#contactform li.buttons input {  cursor: pointer; padding:3px 10px; margin:0 0 0 150px; background:#006600; border:1px solid #718E9F; color:#FFF; float:left;}
input.buttons { cursor: pointer; padding:3px 5px; margin:0 0 0 0px; background:#006600; border:1px solid #718E9F; color:#FFF; }
p.response { text-align:center; color:#F00;}

/* form style*/
.form_style { padding:0; margin:0;}
.form_style .text { font:bold 14px   Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px 0 10px 40px; margin:0; width:150px; float:left;}
.form_style .form { width:380px; float:left; margin:0; padding:10px 0;}
.form_style .label2 { padding:0; margin:20px 0 20px 190px;}
.form_style .input2 { width:375px; border:1px solid #d6d6d6; background:#fff;}




/* footer*/
.footer { width:982px; margin:0 auto; padding:0; background:#fff; font: 12px Arial, Helvetica, sans-serif; float: left; position: relative;}
.footer .l {width:450px; float:left; margin:0 auto; padding:20px; color:#6f6f6f;}
.footer .l a { padding:0 5px; text-decoration:none; color:#6f6f6f;}
.footer .l a:hover { text-decoration:underline;}