/*- 0: Standard Template Elements---------------------------------- */


body {
	color: #7f7f7f;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	background-color: #FFFFFF;
	line-height: 18px;
	padding-top:15px;
}

a:link, a:active, a:visited { 
	color: #88a75d; 
	text-decoration: none;
}

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

a.sub:link, a.sub:active, a.sub:visited { 
	color: #6db1e3; 
	text-decoration: none;
}

a.sub:hover { 
	color: #6db1e3; 
	text-decoration: underline; 
}

.port{
	float:left;
	background-color:#a7c49b;
	padding:4px;
	width:94px;
	height:70px;
	cursor: pointer; 
	margin-bottom:5px;
}

.port_title{
	color:#8f9f59;
	float:left;
	padding:4px;
	width:94px;
	font-weight:bold;
	font-size:18px;
	margin:-10px 0 5px 0;
}

.port:hover {
	background-color:#8f9f59;
}

.port_scroll{
	overflow-x:hidden;
	overflow-y:scroll;
	height:422px;
	clear:both;
}

.thumbs{
	padding-top:25px;
}

.thumbs2{
	padding-top:10px;
}

.port_big{
	background-color:#8f9f59;
	padding:4px;
	height:393px;
}

.mr_10{
	margin-right:5px;
}

.mr_100{
	margin-right:100px;
}

.thumb_txt{
	font-weight:bold;
	margin:-4px 0 8px 4px;
	width:212px;
}

.thumb_txt2{
	height:25px;
}
.clear{
clear:both;
}

/*- : Frame Structure---------------------------------- */

#clearall {clear: both; margin: 0px; height:0;}

.container{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 880px;
}

.content{
	margin:30px 0 0 0;
}

.main{
	margin:525px 0 0 0;
	padding-bottom:50px;
	height:330px;
}

.footer{
	margin:20px 0 20px 0;
}

.footer_holder{
	padding:0 10px 0 10px;
}

.main_holder{
	padding-bottom:2px;
}

.top_holder{
	position:absolute;
	left:725px;
	top:-15px;
}

/*- 3: MENU ---------------------------------- */

.menu_holder{
	position:relative;
	left:-40px;
	color:#FFFFFF;
}

.prodrop5 {margin-top:0; margin-bottom:0; list-style:none; height:62px; position:relative; z-index:500; width:879px; background:url(../imgs/bg_nav.gif); background-repeat:no-repeat; background-position:760px;}

.prodrop5 li.top {display:block; float:left;}

.prodrop5 li a.pos1 {background:url(../imgs/nav_home1.gif) no-repeat; width:108px; height:62px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos2 {background:url(../imgs/nav_about1.gif) no-repeat; width:128px; height:62px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos3 {background:url(../imgs/nav_services1.gif) no-repeat; width:126px; height:62px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos4 {background:url(../imgs/nav_design1.gif) no-repeat; width:160px; height:62px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos5 {background:url(../imgs/nav_portfolio1.gif) no-repeat; width:123px; height:62px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos6 {background:url(../imgs/nav_contact1.gif) no-repeat; width:140px; height:62px; display:block; text-indent:-99999px;} 

.prodrop5 li a.pos1a {background:url(../imgs/nav_home2.gif) no-repeat; width:108px; height:62px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos2a {background:url(../imgs/nav_about2.gif) no-repeat; width:128px; height:62px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos3a {background:url(../imgs/nav_services2.gif) no-repeat; width:126px; height:62px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos4a {background:url(../imgs/nav_design2.gif) no-repeat; width:160px; height:62px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos5a {background:url(../imgs/nav_portfolio2.gif) no-repeat; width:123px; height:62px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos6a {background:url(../imgs/nav_contact2.gif) no-repeat; width:140px; height:62px; display:block; text-indent:-99999px;} 

.prodrop5 li.p1 {background:url(../imgs/nav_home2.gif) no-repeat;} 
.prodrop5 li.p2 {background:url(../imgs/nav_about2.gif) no-repeat;} 
.prodrop5 li.p3 {background:url(../imgs/nav_services2.gif) no-repeat;} 
.prodrop5 li.p4 {background:url(../imgs/nav_design2.gif) no-repeat;} 
.prodrop5 li.p5 {background:url(../imgs/nav_portfolio2.gif) no-repeat;} 
.prodrop5 li.p6 {background:url(../imgs/nav_contact2.gif) no-repeat;} 

.prodrop5 li.current a.pos1,
.prodrop5 li.current a.pos1:hover {background:url(../imgs/nav_home2.gif) no-repeat;} 
.prodrop5 li.current a.pos2,
.prodrop5 li.current a.pos2:hover {background:url(../imgs/nav_about2.gif) no-repeat;} 
.prodrop5 li.current a.pos3,
.prodrop5 li.current a.pos3:hover {background:url(../imgs/nav_services2.gif) no-repeat;} 
.prodrop5 li.current a.pos4,
.prodrop5 li.current a.pos4:hover {background:url(../imgs/nav_design2.gif) no-repeat;} 
.prodrop5 li.current a.pos5,
.prodrop5 li.current a.pos5:hover {background:url(../imgs/nav_portfolio2.gif) no-repeat;} 
.prodrop5 li.current a.pos6,
.prodrop5 li.current a.pos6:hover {background:url(../imgs/nav_contact2.gif) no-repeat;} 

.prodrop5 li.current a.pos1a,
.prodrop5 li.current a.pos1a:hover {background:url(../imgs/nav_home2.gif) no-repeat;} 
.prodrop5 li.current a.pos2a,
.prodrop5 li.current a.pos2a:hover {background:url(../imgs/nav_about2.gif) no-repeat;} 
.prodrop5 li.current a.pos3a,
.prodrop5 li.current a.pos3a:hover {background:url(../imgs/nav_services2.gif) no-repeat;} 
.prodrop5 li.current a.pos4a,
.prodrop5 li.current a.pos4a:hover {background:url(../imgs/nav_design2.gif) no-repeat;} 
.prodrop5 li.current a.pos5a,
.prodrop5 li.current a.pos5a:hover {background:url(../imgs/nav_portfolio2.gif) no-repeat;} 
.prodrop5 li.current a.pos6a,
.prodrop5 li.current a.pos6a:hover {background:url(../imgs/nav_contact2.gif) no-repeat;} 

.prodrop5 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.prodrop5 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop5 li:hover {position:relative; z-index:200;}

.prodrop5 li a.top_link:hover {background:transparent;} 
.prodrop5 li:hover > a.top_link {background:transparent;} 

.prodrop5 ul.about {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.prodrop5 ul.services {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.prodrop5 ul.design {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.prodrop5 ul.portfolio {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop5 :hover ul.about {left:0; top:57px; background-color:#8f9f59; margin:0; padding:4px 4px 10px 4px; height:63px; width:175px; white-space:nowrap; z-index:300;}
.prodrop5 :hover ul.about li {display:block; height:21px; position:relative; font-weight:bold; width:auto;}
.prodrop5 :hover ul.about li a {display:block; font-size:11px; height:21px; line-height:21px; width:auto; padding:0 10px; color:#d1eac7; background:transparent; text-decoration:none;}
.prodrop5 :hover ul.about li a:hover {color: #FFFFFF; text-decoration: none; }

.prodrop5 :hover ul.services {left:0; top:57px; background-color:#8f9f59; margin:0; padding:4px 4px 10px 4px; height:127px; width:155px; white-space:nowrap; z-index:300;}
.prodrop5 :hover ul.services li {display:block; height:21px; position:relative; font-weight:bold; width:auto;}
.prodrop5 :hover ul.services li a {display:block; font-size:11px; height:21px; line-height:21px; width:auto; padding:0 10px; color:#d1eac7; background:transparent; text-decoration:none;}
.prodrop5 :hover ul.services li a:hover {color: #FFFFFF; text-decoration: none; }

.prodrop5 :hover ul.design {left:0; top:57px; background-color:#8f9f59; margin:0; padding:4px 4px 10px 4px; height:148px; width:151px; white-space:nowrap; z-index:300;}
.prodrop5 :hover ul.design li {display:block; height:21px; position:relative; font-weight:bold; width:auto;}
.prodrop5 :hover ul.design li a {display:block; font-size:11px; height:21px; line-height:21px; width:auto; padding:0 10px; color:#d1eac7; background:transparent; text-decoration:none;}
.prodrop5 :hover ul.design li a:hover {color: #FFFFFF; text-decoration: none; }

.prodrop5 :hover ul.portfolio {left:0; top:57px; background-color:#8f9f59; margin:0; padding:4px 4px 10px 4px; height:85px; width:114px; white-space:nowrap; z-index:300;}
.prodrop5 :hover ul.portfolio li {display:block; height:21px; position:relative; font-weight:bold; width:auto;}
.prodrop5 :hover ul.portfolio li a {display:block; font-size:11px; height:21px; line-height:21px; width:auto; padding:0 10px; color:#d1eac7; background:transparent; text-decoration:none;}
.prodrop5 :hover ul.portfolio li a:hover {color: #FFFFFF; text-decoration: none; }


/*- : HOLDER ---------------------------------- */

.bar_dot{
	width:880px;
	height:31px;
	clear:both;
	background-image:url(../imgs/bar_dot.gif);
	background-repeat:repeat-x;
}


/*- : DESIGN ELEMENTS ---------------------------------- */

.float_left{
	float:left;
}

.float_right{
	float:right;
}

.sub_left{
	float:left;
	width:216px;
	background:url(../imgs/bg_photo.gif);
	background-repeat:no-repeat;
	padding:0 50px 0 11px;
}

.sub_right{
	float:left;
	width:595px;
}

.port_sub_left{
	float:left;
	width:233px;
	background:url(../imgs/bg_photo.gif);
	background-repeat:no-repeat;
	padding:0 33px 0 11px;
}

.sub_title{
	font-size:26px;
	padding:19px 0 10px 0;
	line-height:25px;
}

.sub_title2{
	font-size:20px;
	padding:0 0 10px 0;
	line-height:25px;
}

.sub_txt{
	padding-left:4px;
}

.home_right{
	float:left;
	width:640px;
}

.home_txt{
	font-size:16px;
	padding:0 10px 0 20px;
	line-height:25px;
}

.home_link{
	padding:0 0 0 10px;
}

.bold{
	font-weight:bold;
}

.w_200{
	width:270px;
	position:absolute;
	top:130px;
	left:22px;
}

.clear{
	clear:both;
	padding-top:10px;
}

.center{
	text-align:center;
}

.theform{
	display:inline;
}

input.txtfld{
	color:#666666;
	width:97px;
	font-size:11px;
	padding:2px;
}

.pt_10{
	padding-top:6px;
}

.pb_10{
	padding-bottom:10px;
}

.pb_20{
	padding-bottom:20px;
}

.pb_30{
	padding-bottom:30px;
}

.pr_50{
	padding-right:50px;
}

.pr_200{
	padding-right:200px;
}

.emailholder{
	clear:both;
	width:500px;
	padding-bottom:10px;
}

.theform{
	display:inline;
}