/*  @@@@@[  Wrappers  ]@@@@@ */

body {background: #4D423C center center repeat-x;  font: 12px/24px Arial, Helvetica, sans-serif; color:#ccc; text-align: center; margin:0px; padding: 0px;}
.wrapped {width: 760px; margin: 0px auto; text-align: left;}



/*  @@@@@[  Navigation  ]@@@@@ */

#nav {float: right; width: 426px; padding: 0px;	margin: 0px;}
#nav img {padding:0px; margin-right: 10px; margin-top: 14px;}
#subnav {background: #4D423C   repeat;
	width:760px;
	margin: 0px;
	text-align:right;
	padding-top: 6px;
}
#subnav a:link, #subnav a:visited, #subnav a:active {color: #EDDDAB; text-decoration: none;}
#subnav a:hover {color: #82D3D6; text-decoration: none;}
.space {padding: 0px 12px 0px 12px;}

/* @@@@@[  Header / Footer  ]@@@@@ */

#logo{ float: left; width: 720px; height: 48px; padding-top: 17px}
#header {height: 49px; padding-top: 75px;}
#footer {
	font-size: 11px;
	text-align: left ;
	color: #878787;
	width: 760px;
	padding: 2px 0px 14px 0px;
	border-top: 12px solid #82D3D6;
	font-family: Arial, Helvetica, sans-serif;
}
#footer div{float:right; text-align:right;}
#footer a:link, #footer a:visited, #footer a:active {color: #878787; text-decoration: none;}
#footer a:hover {color: #878787; text-decoration: underline;}
#footer a.seo:link, #footer a.seo:visited, #footer a.seo:active {color: #878787; text-decoration: none;}
#footer a.seo:hover {color: #878787; text-decoration:none; cursor:text;}

/* @@@@@[  Main Page  ]@@@@@ */

#pageimg {background:   no-repeat center 760px; margin: 0px auto; text-align: left;}
#mainwrapper {position:relative; width: 650px;}
#main {position:relative; padding: 242px 0px 20px;}


#portnav {float: left; width: 211px; padding: 41px 27px 118px 20px; margin: 0px; background:   no-repeat bottom right;}
#portnav ul {margin-top:20px;}
#portnav li {background:  url no-repeat; list-style:none; padding:0px 0px 15px 15px; line-height:4px; margin-bottom:0px; margin-top:0px;}
#portThumbs div a:link, #portThumbs div a:visited, #portThumbs div a:active fff{color: #; text-decoration: none;}
#portThumbs div a:hover {color: #666; text-decoration: none;}
#thumbnails {float: left; width: 95px; padding-top: 61px;}
#thumbnails ul {margin: 0px; padding: 0px;}
#thumbnails li {list-style: none; margin-bottom: 8px; padding: 0px;}
#thumbnails img {
	border: 0px solid #4F4F4F;
}
#portfolio {
	float: left;
	width: 396px;
	padding-top: 61px;
}
#portfolio img {
	border: 1px solid #4F4F4F;
}
#portfolio h1 {margin-bottom: 0px;}
#pageimg {
background:  url(file:/images/bkg.gif) no-repeat center 124px; margin: 0px auto; text-align: left;
}
#portThumbs div {
	padding-bottom: 10px;
	width: 230px;
	padding-right: 0px;
	line-height: 17px;
	font-weight: bold;
	float: left;
}
#portThumbs div.clr {
	margin: 0px;
	padding: 0px;
	width: 100%;
	line-height: 0px;
	clear: both;
	float: none;
}
#portThumbs img {
	border: 1px solid #4F4F4F;
}

#portcontent {
	float: right;
	width: 460px;
}
#portThumbs div#portcontent {
	float: right;
	width: 460px;
	font-weight: normal;
}
.clr {clear: both; font-size: 1px; line-height: 1px; margin: 0px; padding: 0px; height: 0px; visibility: hidden;}

/* @@@@@[  Redefined Tags / Classes  ]@@@@@ */

a:link, a:visited, a:active {color: #ccc; text-decoration: underline;}
a:hover {color: #ccc; text-decoration: none;}

h1 {
	font: 16px/0px Times New Roman, Times, serif;
	color:#dc8e29;
	margin-top: 0px;
	padding-top: 14px;
	margin-bottom: 10px;
	text-transform:uppercase;
	font-weight: bold;
	line-height:20px;
}
h2 {font: 12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #df851a; margin-top: 0px; padding-top: 0px; margin-bottom: 10px;}
p {margin-top: 0px; padding-top: 0px; margin-bottom: 13px; line-height:15px;font-size:11px;}
p.break {margin-top:10px;}
p.smalltext {font-size:10px;}
p.smalltext_break {font-size:10px; margin-top:10px;}

.left {float: left;}
.right {float: right;}
img.right {
	margin-bottom: 10px;
	margin-left: 13px;
	margin-top: 4px;
	border: 1px solid #82D3D6;
}
img.left {
	margin-bottom: 10px;
	margin-right: 13px;
	margin-top: 4px;
	border: 1px solid #82D3D6;
}

/* @@@@@[  Form Elements  ]@@@@@ */

#companylist {font-weight:bold;}
#companylist li {padding-bottom:0px; padding-top:0px;}
#contactform { width:350px;margin-left:150px;}
.contactinfo { float:left; clear:left;margin-top:10px; width:350px;}
.contactinfo input { float:right;}
.contaccheck {width:350px; float:left; height:25px; clear:left;}
.contaccheck input {float:left; margin-right:30px;}
.contacttext { float:left; clear:left;margin-top:20px; width:350px;}
input {font-size: 11px; color: #666; background: #fff; border: 1px solid #82D3D6; margin-bottom:5px;}
textarea {font-size: 11px; width:320px; color: #666; font-family:Arial, Helvetica, sans-serif; background: #fff; border: 1px solid #82D3D6; margin-bottom:5px;}
#clrform { clear:left;}
#button { padding-left:110px;}
input.clean {border-style: none; background: none;}
#content {
	padding: 41px 80px 0px 70px;
	margin: 0px;
	line-height: 18px;
}
#content h2 {margin-bottom:0px;}
#sectionHeader {
	margin-left: -50px;
}
.portfolio_cate {
	clear: both;
	margin-bottom: 13px;
}
.portfolio_text {
	float: right;
	width: 400px;
	padding-top: 16px;
}
.porttable a:link, .porttable a:visited, .porttable a:active {color: #fff; text-decoration: none;}
.porttable a:hover {color: #666; text-decoration: none;}
#sitemapcontent {
	padding: 41px 80px 0px 70px;
	margin: 0px;
	line-height: 18px;
}
#sitemap li {background:  url no-repeat; list-style:none; padding:0px 0px 15px 15px; line-height:18px;}
.sub_sitemap {
	margin:20px 0px -5px 0px;
	padding:0px;
}
.sub_sub_sitemap {
	margin:20px 0px -5px 0px;
	padding:0px;
}
.porttable td {
	padding-right: 35px;
	padding-bottom: 20px;
	width: 50%;
	vertical-align: top;
}
a.seo:visited, a.seo:active, a.seo:link, a.seo:hover {
	text-decoration: none;
	color: #CCCCCC;
	cursor: text;
}
#portThumbs a.seo:visited, #portThumbs a.seo:active, #portThumbs a.seo:link, #portThumbs a.seo:hover {
	text-decoration: none;
	color: #CCCCCC;
	cursor: text;
}
.clientClose {
	float:right;
	font-weight:bold;
	margin-bottom:25px;
}
.contentClients a:link {
	font:12px/18px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#df851a;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:10px;
	text-decoration:none;
}
.contentClients h2 {
	color:#df851a;
	text-decoration:none;
}
.contentClients a:visited{
	font:12px/18px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#df851a;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:10px;
	text-decoration:none;
}
.contentClients a:hover {
	font:12px/18px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ccc;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:10px;
	text-decoration:none;
}
.contentClients img {
	margin-bottom:25px;
	margin-left:20px;
}
a.h2:link, a.h2:visited, a.h2:active {color: #df851a; text-decoration: none;}
a.h2:hover {color: #df851a; text-decoration: none; cursor: text}

#footerText {
	line-height:14px;
	margin:15px 0px;
	color:#999;
}

