* { outline: none; margin:0px; padding:0px; }

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

html, body { height: 100%; margin: 0; padding: 0; }
body {  background: #4a6900 url(layout/body_bg.png) repeat-y; font-family: Tahoma; font-size: 11px; color: #ffffff;  }

#wrapper { position:relative; top:0; left:0px; height:600px; width:100%; background:url(layout/wrapper_bg.png) repeat-x; float:left; }
#wrapper_inner { width:790px; background:url(layout/image_bg.jpg) no-repeat left top; position: relative; top: 0; left: 0; z-index: 1; display:inline; float:left; min-height:600px; height:auto !important; height:600px; }


/* Start Menu */

#leftMenu { min-height:600px; height:auto !important; height:600px; width:200px; overflow: hidden; position: relative; z-index: 1; float:left; background:url(layout/body_bg.png) repeat-y; }

#logo { width: 200px; height:117px;	margin: 0; padding: 0; float: left; display:block; }
#logo a { display: block; height:117px;	text-indent: -3000px; overflow: hidden;	background:url(layout/logo.jpg) no-repeat; width:200px; }

p { line-height: 15px; margin: 15px 0 0; padding: 0; }

#main_menu { width:172px; margin:27px 0 0 14px; background:url(layout/dotted_line.gif) repeat-x top; float:left; padding-top:1px; position:relative; }
#main_menu li { list-style:none; list-style-type:none; float:left; display:block; width:172px; background:url(layout/dotted_line.gif) repeat-x bottom; } 
#main_menu li a { display:block; text-decoration:none; color:#fff; font-size:22px; text-transform:uppercase; padding:3px 0; float:left; width:172px; }
#main_menu li a:hover { color:#92e3e5;}

#main_menu li a#selected { background:url(layout/light_hover.jpg) no-repeat left center; position:relative; margin-left:-14px; padding-left:14px; color:#92e3e5; }
#main_menu li a#selected a:hover { color:#92e3e5;}

/* start content */
#content { width:763px; margin: 0 auto; position: relative; top: 0; left: 0; padding:0; z-index: 2; }
#content_inner { width: 100%; overflow: hidden; }

#prev_off { display: none; }
#next_off { display: none; }
#top_off { display: none; }

.section { width: 100%;	overflow: hidden; padding: 0 0 20px; position: relative; top: 0; left: 0; }
.section_top {width:763px; float:left; height:45px; background:url(layout/header_bg.png) no-repeat left top; overflow:hidden; } 
.section_top_services {width:763px; float:left; height:45px; background:url(layout/servicesTitle.png) no-repeat left top; overflow:hidden; }
.section_top_one {width:763px; float:left; height:45px; background:url(layout/oneTitle.png) no-repeat left top; overflow:hidden; } 
.section_left { width:495px; float:left; padding:0 0px 0 18px; display:block; }
.section_right { width:210px; float:left; padding:0 13px 0 23px; display:block; }

.section_middle { margin:0 0 0 3px; padding: 14px 0 0 17px; width: 746px; overflow: hidden; position: relative; top: 0; left: 0; }
.section_middle:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.section_contents { min-height: 390px; width: 800px; }
.section_content { float: left; width: 229px; margin:0px 20px 0 0;  }
.section_middle .large_content { width: 498px; overflow: hidden; }
.section_middle .middle_content { padding: 0 0 35px; }
.foto {	display: block;	 margin: 12px 0 0; }
.foto img {	display: block;	border: 1px solid #fff; }

h1 { font-size:28px; color:#fff; line-height:45px; text-transform:uppercase; }
h1 span { font-weight:normal; }
h2 { font-size:20px; color:#fff; line-height:45px; text-transform:uppercase; }
h2 span { font-weight:normal; }
h2.title { font-size:20px; color:#f7ffa8; background:url(layout/dotted_title.gif) repeat-x bottom; padding-bottom:5px; margin-bottom:-10px; font-weight:normal; text-transform:none; line-height:normal; }
h4 { font-size:14px; color:#f7ffa8; margin-top:15px; margin-bottom:-15px; }
h3.title { font-size:16px; color:#f7ffa8; background:url(layout/dotted_title.gif) repeat-x bottom; padding-bottom:5px; margin-top:10px; margin-bottom:-5px; text-transform:none; line-height:normal; }
h3 { color:#f7ffa8; font-size:15px; margin:8px 0 0px 0; background:url(layout/dotted_title.gif) repeat-x bottom; padding-bottom:8px; }

#back { height:20px; padding-top:10px; overflow:hidden; }
#back1 { height:20px; padding-top:10px; overflow:hidden; }
#back2 { height:20px; padding-top:10px; overflow:hidden; }
.back { background:url(layout/backArrow.jpg) no-repeat left 4px; text-transform:uppercase; float:right; padding-left:14px; font-size:20px; color:#fff;text-decoration:none; position:relative; z-index:1000; width:auto; } 
.back:hover { background-position:0 -17px; color:#f9ff9f; text-decoration:none; }

.leftBottom { width:185px; padding-left:15px; position:absolute; left:0; top:510px; color:#403f3f; }
.leftBottom .copy { color:#2f2f2f; }


/* start portfolio */
#portfolio { padding: 0; }
#portfolio_list { width: 100%; overflow: hidden; float:right; }
#portfolio_list ul { margin:0; padding:0 13px 0 17px; width:216px; float: left; overflow:hidden; } 
#portfolio_list li { margin: 22px 0 0 0; list-style: none; float: left; width: 210px; display:block; }
#portfolio_list a.project_name { background:url(layout/dotted_title.gif) repeat-x bottom; padding-bottom:6px; margin-bottom:-10px; color:#f7ffa8; font-size:16px; text-decoration:none; font-weight:normal; width:100%; display:block; }
#portfolio_list a.project_name:hover { text-decoration:underline; }
.full_details { color:#a7ecff; text-decoration:none; background:url(layout/loop.gif) no-repeat left center; padding-left:15px; margin-top:10px; float:left; font-weight:bold; width:auto; }
.full_details:hover { text-decoration:underline; }
.date { width:auto; font-size:16px; color:#cee2b2; float:right; margin-top:-33px; margin-right:27px; display:inline; }

/* end portfolio */

/* start portfolio details */
#portfolioItems { padding: 0; }
.medium_gallery { display: block; border: 1px solid #d7d7d7; background: #ffffff; padding: 3px; float: left; width: 488px;	height: 291px; }
.medium_gallery img { display: block; border: 1px solid #d7d7d7; width: 486px; height: 289px; }
.medium_gallery img:hover {	border-color: #2baed2; }
.portfolio_gallery_thumbs { width: 510px; margin: 0; padding: 0; float: left; background:url(layout/portfolio_gallery_thumbs.gif); }
.portfolio_gallery_thumbs li { float: left;	list-style: none; margin: 0; padding: 8px 9px 0 0; width:auto; }
.portfolio_gallery_thumbs a { display: block; border: 1px solid #d7d7d7; background: #ffffff; padding: 3px; }
.portfolio_gallery_thumbs img {	display: block;	border: 1px solid #d7d7d7; }
.portfolio_gallery_thumbs img:hover { border-color: #2baed2; }

.list { width:100%; }
.list li { width:100%; display:block; list-style:none; background:url(layout/dash.gif) repeat-x bottom; padding:4px 0; color:#d2e783; }
.list li span { background:url(layout/blackArrow.gif) no-repeat left 5px; padding-left:10px; }
.website { color:#a7ecff; text-decoration:none; background:url(layout/loop.gif) no-repeat left center; padding-left:15px; margin-top:5px; float:left; width:auto; }
.website:hover { text-decoration:underline; }

/* end portfolio details */

/* start about */
#about .foto { margin:0 10px 0 0; border:2px solid #fff; float:left; width:auto; }
/* end about */

/* start services */
.section_left_services { width:535px; float:left; padding:0 0px 0 18px; display:block; }
.section_right_services { width:175px; float:left; padding:0 0px 0 33px; display:block; }
.rightnav { float:right; margin:0; padding:0; width:260px; }
.rightnav li { width:187px; float:left; display:block; list-style:none; margin:0 0 5px 15px; }
.rightnav li .topRightNav { background:url(layout/topRightNav.png) no-repeat left top; width:187px; height:6px; float:left; }
.rightnav li .middRightNav { background:url(layout/middRightNav.png) repeat-y; width:173px; float:left; display:block; padding:0 7px; }
.rightnav li a { text-decoration:none; text-transform:uppercase; font-size:15px; color:#f7ffa8; font-weight:bold; display:block; line-height:15px; cursor:pointer; float:left; width:100%; }
.rightnav li a:hover { text-decoration:none; text-transform:uppercase; font-size:15px; color:#f1ff64; font-weight:bolder; display:block; line-height:15px; float:left; width:100%; }
.rightnav li .bottomRightNav { background:url(layout/bottomRightNav.png) no-repeat left top; width:187px; float:left; display:block; height:6px; }
.rightnav li.activ { width:201px; float:left; display:block; list-style:none; margin:0 0 5px 0; background:url(layout/arrowRightNav-activ.png) no-repeat 6px top; }
.rightnav li.activ .topRightNav { background:url(layout/topRightNav-activ.png) no-repeat right top; width:201px; float:left; display:block; }
.rightnav li.activ .middRightNav { background:url(layout/middRightNav-activ.png) repeat-y right; width:174px; float:left; display:block; padding:0 7px 0 20px; color:#fefefe; }
.rightnav li.activ .middRightNav a { text-decoration:none; text-transform:uppercase; font-size:15px; color:#fefefe; font-weight:bold; display:block; line-height:15px; cursor:pointer; float:left; width:auto; }
.rightnav li.activ .middRightNav a:hover { text-decoration:none; text-transform:uppercase; font-size:15px; color:#fefefe; font-weight:bold; display:block; line-height:15px; cursor:pointer; float:left; width:auto; }
.rightnav li.activ .bottomRightNav { background:url(layout/bottomRightNav-activ.png) no-repeat right top; width:201px; float:left; display:block; height:6px; }
/* end services */

/* start contact */

.contact_details, .ims { background:url(layout/li_bg.gif) repeat-x;	padding: 7px 0 0; margin: 7px 0 0; line-height: 16px; }
.contact_details dl, .ims dl { margin: 0; padding: 0; width: 100%; overflow: hidden; }
.contact_details dt, .contact_details dd , .ims dt, .ims dd { margin: 0; padding: 0; display: inline; }
.contact_details dt { font-weight: bold; color: #d2e783; background:url(layout/contact_details_arrow.gif) no-repeat left center; padding: 0 0 0 10px; float: left;white-space: nowrap; width:auto; }
.contact_details dd { width: 175px;	float: right; color:#b0c55f; }
.ims dt { font-weight: bold; color: #d2e783; float: left; white-space: nowrap; padding: 0 0 0 19px; position: relative; top: 0;	left: 0; width:auto; }
.ims dd { width: 135px;	float: right; color:#b0c55f; }
.ims .ico { display: block;	width: 14px; height: 14px; overflow: hidden; position: absolute; left: 0;	top: 50%; margin: -7px 0 0 0; background-repeat: no-repeat; }
.yahoo .ico { background-image:url(layout/yahoo.png); }
.skype .ico { background-image:url(layout/skype.png); }
.msn .ico {	background-image:url(layout/msn.png); }
.google .ico { background-image:url(layout/google.png); }

.contact_form { }
.contact_form form, 
.contact_form fieldset { margin: 0;	padding: 0;	border: 0; }
.contact_form form { padding: 10px 0 0; }
input.text, textarea, select { background: transparent;	border: 0; display: block; margin: 0; padding: 0; }
textarea { overflow: auto; }
.contact_form  form p {	width: 100%; min-height: 1px; padding: 0 0 9px;	margin: 0; }
.contact_form  form p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.contact_form  form label {	float: left; font-size: 12px; line-height: 19px; white-space: nowrap; font-weight: bold; color: #d2e783; width:auto; }
.input_wrapper { width: 413px; float: right; display: block; }
.input { display: block; border: 1px solid #a0bdb1;	float: left; background:#9ab7a9; padding: 2px 3px; min-height: 13px; position: relative; top: 0; left: 0; width:auto; }
.select_input {	z-index: 1; }
.small_input { width: 223px; } 
.medium_input {	width: 327px; }
.large_input { width: 405px; }
input.text, textarea, select { width: 100%;	color: #393939;	font-family: Tahoma; font-size: 11px; }
.contact_form textarea { height: 95px; background:url(layout/textareaBg.png) repeat; padding:5px; width:390px; }

.buttonMsg { display: block; background:url(layout/send_message.png) no-repeat; overflow: hidden; position: relative; top: 0; left: 0; float: left; margin: 0 13px 0 0; border:0; width:130px; height:23px; cursor:pointer; color:#f7ffa8; font-weight:bold; font-size:14px; padding:0 0 4px 0; }
.buttonMsg:hover { color:#f1ff64; }

#response img { margin-right:3px; vertical-align:middle; }
#response { background-repeat: no-repeat; background-position: left center; padding: 0;	font-weight: bold; font-size: 12px; color:#abba00; }
.positive {	background-image:url(layout/ok.gif); }
.negative {	background-image:url(layout/negative.gif); }
.scroll_top { display: block; overflow: hidden;	background:url(layout/scroll_top.gif) no-repeat; width: 89px; height: 29px;	float: right; text-indent: -3000px; }
.scroll_top:hover {	background-position: 0 -29px; }

.select { margin: 0; padding: 0; width: 100%; position: absolute; top: -1px; left: -1px; width: 333px; border: solid #a0bdb1; border-width: 0 1px 1px;	overflow: hidden; }
.select  li { list-style: none; margin: 0; padding: 0; width: 100%;	float: left; background:#dbe6e1; border: solid #d3d3d3; border-width: 1px 0 0; line-height: 21px; display: none; }
.select  li.first { background: transparent; line-height: 18px;	display: block; border: 0; }
.select_open li { display: block; }
.select a:link, .select a:visited, .select a:active {	color: #393939;	display: block;	padding: 0 3px; }
.select a:hover { background: #efefef; text-decoration: none; color: #116f89; }
.select  li.first a:link, .select  li.first a:visited, .select  li.first a:hover, .select  li.first a:active { color: #393939; background: transparent url(layout/select_li_first.gif) no-repeat right center; }
.select .active_option:link, .select .active_option:visited, .select .active_option:hover, .select .active_option:active {	background: #e0e0e0 url(layout/active_option.gif) no-repeat right center; 	font-weight: bold; color: #707070; }

/* end contact */

/* end content */

#main_menu a:link, #main_menu a:visited, #main_menu a:hover, #main_menu a:active { position: relative; }
.itemGall li a:hover img { border:2px solid #c9f3ff; }


/* vertical slider  */

#prev_btn { position:relative; top:0; width:203px; height:22px; z-index: 100; margin:0 auto; background:url(layout/topArrow.png) no-repeat; behavior:url(iepngfix.htc); }
#prev_btn:hover { background-position:0 -24px; }
#next_btn { position:relative; top:0; width:203px; height:22px; z-index: 100; margin:0 auto; background:url(layout/bottomArrow.png) no-repeat; behavior:url(iepngfix.htc); }
#next_btn:hover { background-position:0 -22px; }

#prev_btnGall { position:relative; top:0; width:203px; height:22px; z-index: 100; margin:0 auto; background:url(layout/topArrow.png) no-repeat; behavior:url(iepngfix.htc); }
#prev_btnGall:hover { background-position:0 -24px; }
#next_btnGall { position:relative; top:0; width:203px; height:22px; z-index: 100; margin:0 auto; background:url(layout/bottomArrow.png) no-repeat; behavior:url(iepngfix.htc); }
#next_btnGall:hover { background-position:0 -22px; }