* {
	outline: none;
}

html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size: 14px;
	color: #535353;
	
}

a:link,
a:visited,
a:active {
	color: #2b7aa7;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}



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

ul.list {
	margin: 12px 0 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	
}

ul.list li {
	list-style: none;
	background:url(layout/li_bg.gif) repeat-x left bottom;
	margin: 0;
	padding: 0 0 3px;
	line-height: 18px;
	width: 100%;
	float: left;
	
}


ul.list span {
	display: block;
	padding: 0 0 0 8px;
	background: url(layout/li_arrow.gif) no-repeat 0 7px;
}

div.dl {
	margin: 12px 0 12px;
}

div.dl dl {
	margin: 0;
	padding: 2px 0 7px;
	line-height: 16px;
	background:url(layout/li_bg.gif) repeat-x left bottom;
}

div.dl dt {
	margin: 0;
	padding: 0 0 0 8px;
	background: url(layout/li_arrow.gif) no-repeat 0 6px;
	color: #ababab;
	font-size: 10px;
}

div.dl dt strong {
	color: #4b8e9f;
	font-size: 12px;
}

div.dl dd {
	margin: 0;
	padding: 0 0 0 8px;
}


.extra1 {
	display: block;
	background:url(layout/bg_top2.gif) repeat-x;
	height: 54px;
	width: 50%;
	float: right;
	margin: 0 0 -54px;
}


#wrapper {
	position: relative;
	top: 0;
	left: 0;
	min-height: 100%;
	min-width: 1000px;
	background:url(layout/bg_btm.jpg) no-repeat center bottom;
}

#wrapper_inner {
	width: 1000px;
	margin: 0 auto;
	background:url(layout/bg_top.jpg) no-repeat 200px 0;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	clear: both;
	
	
}

/* start header */
#header {
	height: 137px;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
	
}
#logo {
	width: 280px;
	height: 75px;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	margin: 39px 0 0 80px;
}
#logo a {
	display: block;
	height: 100%;
	text-indent: -3000px;
	overflow: hidden;
	background:url(layout/logo.png) no-repeat;
}

#main_menu {
	margin: 25px 104px 0 0;
	padding: 0;
	float: right;
	height: 84px;
	display: inline;
	
}
#main_menu li {
	float: left;
	margin: 0;
	padding: 27px 0 0 3px;
	list-style: none;
}

#main_menu a:link,
#main_menu a:visited,
#main_menu a:hover, 
#main_menu a:active {
	display: block;
	height: 34px;
	float: left;
}

#main_menu span {
	height: 100%;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	float: left;
	width: 100%;
	cursor: pointer;
}

#main_menu span span {
	height: 102px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	text-indent: -3000px;
	overflow: hidden;
}

#main_menu span span:hover {
	top: -34px;
}



#main_menu a#selected span span {
	top: -68px ;
}

.portfolio_lk {
	width: 99px;
}

.portfolio_lk span span {
	background-image:url(layout/portfolio_lk.png);
}

.about_lk {
	width: 71px;
}

.about_lk span span {
	background-image:url(layout/about_lk.png);
}

.testimonials_lk {
	width: 110px;
}

.testimonials_lk span span {
	background-image:url(layout/testimonials_lk.png);
}

.privacy_lk {
	width: 71px;
}

.privacy_lk span span {
	background-image:url(layout/privacy_lk.png);
}

.contact_lk {
	width: 85px;
}

.contact_lk span span {
	background-image:url(layout/contact_lk.png);
}

/* end header */

/* start content */
#content {
	width: 806px;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	padding: 0 0 72px;
	z-index: 2;
}

#prev_off {
	display: none;
	width: 26px;
	height: 204px;
	overflow: hidden;
	position: absolute;
	top: 225px;
	left: 63px;
}

#next_off {
	display: none;
	width: 26px;
	height: 204px;
	overflow: hidden;
	position: absolute;
	top: 225px;
	left: 910px;
}

#top_off {
	display: none;
	width: 132px;
	height: 22px;
	overflow: hidden;
	background:url(layout/top_nav.gif) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -64px;
	margin-top: -240px;
	z-index: 10;
}

#top_off a {
	display: block;
	height: 22px;
	overflow: hidden;
	background:url(layout/top_nav.gif) no-repeat 0 -22px;
}

#content_inner {
	width: 100%;
	overflow: hidden;
}

.section {
	width: 100%;
	overflow: hidden;
	padding: 0 0 17px;
	position: relative;
	top: 0;
	left: 0;
}

.section_extra {
	display: block;
	background:url(layout/h2_left.png) no-repeat;
	width: 4px;
	height: 63px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.section_top {
	width: 100%;
	overflow: hidden;
} 

h2 {
	font-size: 16px;
	line-height: 29px;
	height: 29px;
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet Ms';
	float: left;
	white-space: nowrap;
	color: #fff;
	background: #a4a4a4 url(layout/h2_bg.png) repeat-x;
	margin: 0 0 0 4px;
	padding: 0 0 0 5px;
	display: inline;
	position: relative;
	top: 0;
	left: 0;
	
}

.h2_txt {
	display: block;
	float: left;
}

.h2_extra {
	display: block;
	background: url(layout/h2_right.png) no-repeat;
	width: 37px;
	height: 29px;
	position: absolute;
	right: -37px;
	top: 0;
}

.section_middle {
	background: #f1f1f1;
	border: 5px solid #cbcbcb;
	margin: 0 0 0 4px;
	padding: 19px 17px;
	width: 758px;
	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: 239px;
	margin: 0 20px 0 0;
	overflow: hidden;
}

.section_content_thin {
	float: left;
	width: 110px;
	margin: 0 20px 0 0;
	overflow: hidden;
}

.section_middle .large_content {
	width: 498px;
	overflow: hidden;
}

.section_middle .middle_content {
	padding: 0 0 35px;
}



.foto {
	display: block;
	border: 1px solid #c4c4c4;
	padding: 4px;
	background: #cbcbcb;
	margin: 12px 0 0;
}
.foto img {
	display: block;
	border: 1px solid #fff;
}

h3 {
	font-family: 'Trebuchet Ms';
	font-size: 28px;
	line-height: 20px;
	font-weight: normal;
	margin: 0 0 -3px;
	padding: 0;
	color: #363636;
	background:url(layout/h3.gif) repeat-x left bottom;
	padding: 0 0 11px;
	white-space: nowrap;
}

h4 {
	font-family: 'Trebuchet Ms';
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	margin: 7px 0 -9px;
	padding: 0;
	color: #636363;
	background:url(layout/h3.gif) repeat-x left bottom;
	padding: 0 0 5px;
	white-space: nowrap;
	
}

#testimonials h4 {
	margin-top: 1em;
}

.justify p {
    text-align: justify;
}

.section_bottom {
	display: block;
	background:url(layout/section_btm.png) no-repeat;
	height: 10px;
	width: 799px;
	overflow: hidden;
	margin: 0 0 0 4px;
}

/* start portfolio */
#portfolio {
	padding: 0;
}
#portfolio_list {
	width: 100%;
	overflow: hidden;
}

#portfolio_list ul {
	margin: -22px 0 0;
	padding: 0;
	width: 850px;
	float: left;
	
} 
#portfolio_list li {
	margin: 22px 27px 0 0;
	list-style: none;
	float: left;
	background:url(layout/thumb_li.png) no-repeat;
	width: 249px;
	height: 225px;
	overflow: hidden;
}



#portfolio_list a {
	padding: 0 0 0 4px;
	float: left;
	color: #fff;
	text-decoration: none;
	font-family: 'Trebuchet Ms';
	font-weight: bold;
	font-size: 14px;
	display: block;
}


.thumb {
	border: 5px solid #2e2e2e;
	background-color: #2e2e2e;
	background-repeat: no-repeat;
	width: 235px;
	height: 181px;
	overflow: hidden;
	float: left;
	clear: both;
	position: relative;
	top: 0;
	left: 0;
}

#your_project .thumb {
	text-indent: -3000px;
	background: #c8c8c8 url(layout/your_project.gif) no-repeat;
}

.thumb img {
	border: 0;
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 235px;
	height: 362px;
	
}

.thumb img:hover {
	top: -181px;
}





.thumb_title {
	display: block;
	background: #0c0c0c url(layout/thumb_title_middle.png) repeat-x;
	float: left;
	white-space: nowrap;
	height: 27px;
	line-height: 27px;
	position: relative;
	top: 0;
	left: 0;
	padding: 0 0 0 6px;
	margin: 0 34px 0 0;
	
}

.thumb_txt {
	display: block;
	float: left;
}

.tmb_extra {
	background:url(layout/thumb_tile_right.png) no-repeat;
	width: 34px;
	height: 27px;
	overflow: hidden;
	position: absolute;
	right: -34px;
	top: 0;
}

/* end portfolio */

/* start portfolio details */
#portfolioItems {
	padding: 0;
}

.medium_gallery {
	display: block;
	border: 1px solid #c4c4c4;
	background: #cbcbcb;
	padding: 4px;
	float: left;
	width: 488px;
	height: 291px;
}
.medium_gallery img {
	display: block;
	border: 1px solid #efefef;
	width: 486px;
	height: 289px;
}
.medium_gallery img:hover {
	border-color: #757575;
}

.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: 7px 7px 0 0;
}

.portfolio_gallery_thumbs a {
	display: block;
	border: 1px solid #cdcdcd;
	background: #e4e4e4;
	padding: 4px;
}

.portfolio_gallery_thumbs img {
	display: block;
	border: 1px solid #efefef;
}

.portfolio_gallery_thumbs img:hover {
	border-color: #757575;
}



.project_lk {
	display: block;
	width: 100%;
	overflow: hidden;
}

.project_lk a:link,
.project_lk a:visited,
.project_lk a:hover,
.project_lk a:active {
	
	display: block;
	white-space: nowrap;
	float: left;
	padding: 0 0 0 15px;
	background:url(layout/project_lk.gif) no-repeat left center;
}


/* end portfolio details */



/* start about */
#about .foto, #testimonials .foto, #privacy .foto {
	margin: 0;
}
/* end about */

/* start price list */
#request_quote {
	width: 278px;
	height: 82px;
	display: block;
	text-indent: -3000px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 221px;
}
#request_quote span {
	width: 100%;
	height: 164px;
	background:url(layout/request_quote.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
}
#request_quote span:hover {
	top: -82px;
}
/* end price list */

/* start contact */

.contact_details, .ims {
	background:url(layout/li_bg.gif) repeat-x;
	padding: 7px 0 0;
	margin: 7px 0 0;
	line-height: 16px;
	font-size: 12px;
}

.contact_details dl, .ims dl {
	margin: .5em 0 0 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: #797878;
	background:url(layout/contact_details_arrow.gif) no-repeat left center;
	padding: 0 0 0 10px;
	float: left;
	white-space: nowrap;
}

.contact_details dd {
	width: 160px;
	float: right;
}

.ims dt {
	font-weight: bold;
	color: #797979;
	float: left;
	white-space: nowrap;
	padding: 0 0 0 19px;
	position: relative;
	top: 0;
	left: 0;
}

.ims dd {
	width: 135px;
	float: right;
}

.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: #787878;
}

.input_wrapper {
	width: 413px;
	float: right;
	display: block;
}

.input {
	display: block;
	border: 1px solid #cecece;
	float: left;
	background: #f8f8f8 url(layout/input_bg.gif) repeat-x;
	padding: 2px 3px;
	min-height: 13px;
	position: relative;
	top: 0;
	left: 0;
}

.select_input {
	z-index: 1;
}

.small_input {
	width: 223px;
} 
.medium_input {
	width: 327px;
}

.large_input {
	width: 405px;
}

input.text, textarea, select {
	width: 100%;
	color: #535353;
	font-family: Tahoma;
	font-size: 11px;
}

.contact_form textarea {
	height: 80px;
}


.button {
	display: block;
	color: #464545;
	background:url(layout/button_middle.gif) repeat-x;
	font-size: 13px;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	float: left;
	font-weight: bold;
	text-decoration: none;
	margin: 0 13px 0 0;
	
}

.button:hover, .button:hover span  {
 background-position: 0 -22px;
	
}

.button:hover span span {
	background-position: right -22px;
}

.button span {
	background:url(layout/button_left.gif) no-repeat;
	display: block;
	float: left;
	white-space: nowrap;
}

.button span span {
	background:url(layout/button_right.gif) no-repeat right 0;
	display: block;
}

.button span span em {
	display: block;
	line-height: 21px;
	padding: 0 10px;
	height: 22px;
	font-style: normal;
	background:url(layout/send_message.png) no-repeat;
	text-indent: -3000px;
	overflow: hidden;
	width: 84px;
	float: left;
}


.button input {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	height: 1000px;
	width: 1000px;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	top: -100px;
	left: -100px;
	cursor: pointer;
}

#response {
	display: block;
	float: left;
	line-height: 22px;	
	color: #a1a1a1;
}

#response span {
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 18px;
	font-weight: bold;
	font-size: 12px;
}

.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 #cecece;
	border-width: 0 1px 1px;
	overflow: hidden;
	
}

.select  li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	background: #dcdcdc;
	border: solid #cecece;
	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: #7b7b7b;
	display: block;
	padding: 0 3px;
}

.select a:hover {
	background: #efefef;
	text-decoration: none;
	color: #000;
}

.select  li.first a:link,
.select  li.first a:visited,
.select  li.first a:hover,
.select  li.first a:active {
	color: #535353;
	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: #7b7b7b;
}



/* end contact */

/* end content */

#main_menu a:link, #main_menu a:visited, #main_menu a:hover, #main_menu a:active {
	position: relative;
}