@charset "utf-8";
/* CSS Document */

body {font: 15px/24px Arial, Helvetica, sans-serif}
div#wrapperpage {width:990px;margin:20px auto 20px;position: relative;}

#logo {
	margin: 20px auto;
	background-color:transparent;
	font-weight:bold;
	z-index:100;
	position:absolute;
	top:-200px;
	left:330px;
}

div#nav {margin: 20px auto; background-color:transparent;font-weight:bold; z-index:100;position:absolute; top:-50px; left:190px;}
div#nav ul {margin: 0;padding: 0;list-style-type: none; background-color:#a6a6a6; height: 30px; width: 610px; margin: auto;}
div#nav ul li {float: left;text-align:center;}
div#nav ul a {
width:150px;
height:40px;
border-right:#fff 3px solid;
display: block;
height:30px;
line-height: 30px;
text-decoration: none;
font-size: 16px;
color: #ffffff;}
div#nav ul li a.last {border-right:none}
div#nav ul li a.current {background-color: #cc1334;height:30px;}
div#nav ul a:hover {background-color: #cc1334;height:30px;
display: block;
line-height: 28px;
}
div#main {
margin-top:190px;
padding-top:20px;
min-height:413px;
-moz-box-shadow: 0px 0px 16px 12px #d2d2d2;
-webkit-box-shadow: 0px 0px 16px 12px #d2d2d2;
box-shadow: 0px 0px 16px 12px #d2d2d2;
padding-right:10px;}
body#home div#wrapperpage div#main {background:#FFFFFF url(images/tri-aboutus.jpg) top left no-repeat;}
body#services div#wrapperpage div#main {background:#FFFFFF url(images/tri-services.jpg) top left no-repeat;}
body#home div#wrapperpage div#main {background:#FFFFFF url(images/tri-aboutus.jpg) top left no-repeat;}
body#work div#wrapperpage div#main {background:#000 url(images/tri-work.jpg) top left no-repeat;min-height:485px}
body#contactus div#wrapperpage div#main {background:#FFFFFF url(images/tri-contactus.jpg) top left no-repeat;}

div#mainside {width:320px;float:left;margin-right:40px;margin-top:64px;margin-left:12px;color:#ffffff;font-size:12px;}
div#mainside p strong {font-size:15px;}
div#mainside ul {margin-left:-2em;}
div#mainside ul li {padding-bottom:3px;}

div#maincontent {
	float:left;
	width:570px;
	margin-right:10px;
}
div#maincontent p {padding-bottom:7px;}

div#footer {float:left;background:url(images/footer.jpg) bottom left no-repeat; width:990px;height:110px; font:12px/12px Arial, Helvetica, sans-serif;color:#6c6666;position:relative;z-index:-1;margin-bottom:30px; }
body#home div#wrapperpage div#footer {margin-top:-45px;}

div#footer p.right {position:absolute; bottom:-6px; right:2px;}
div#footer p.left {position:absolute; bottom:-6px; left:2px;}
div#footer p.right a {text-decoration:none; color:#6c6666;}

/*services */
body#services div#wrapperpage div#main div#maincontent dl {float:left;width:285px;}
	
body#services div#wrapperpage div#main div#maincontent dl dt {font: 21px/32px Arial, Helvetica, sans-serif;
font-weight:bold;color:#0073c4;}
body#services div#wrapperpage div#main div#maincontent dl dd {margin-bottom:35px;margin-left:0;padding-left:0;line-height:27px;}
html body#services div#wrapperpage div#main div#maincontent dl dt a {color:#0073c4;text-decoration:none;}

/*work */

body#work div#wrapperpage div#main div#mainside {font-weight:bold;font-size:15px;line-height:22px;color:#000;margin-left:0;min-height:425px;margin-right:24px;}

body#work div#wrapperpage div#main div#mainside ul { list-style:none; margin-top:40px; }
html body#work div#wrapperpage div#main div#mainside ul li {margin-left:-10px; padding-left:22px;margin-bottom:14px;}
body#work div#wrapperpage div#main div#mainside ul li.current {background:url(images/triangle.jpg) 0px 0px no-repeat;}
html body#work div#wrapperpage div#main div#mainside ul li.current a {color:#fff;}
body#work div#wrapperpage div#main div#mainside ul li a {color:#000000; text-decoration:none;}

/* portfolio */
#mainportfolio {position:relative;}
#port-nav {clear:both;position:relative;float:left; /* margin-left:345px; */width:653px;padding-top:36px;}
#port-nav h1 {
	font-size:15px;
	color:#cc1334;
	margin-bottom:3px;
	padding-bottom:0;
}
#port-nav h1 span {font-weight:100;}
#port-nav p {margin-top:0;font-size:14px;}

#port-image {}
/*  #port-def {clear:both;}  */

div.circles {width:24px;float:right;}

div.circles a img {border:0;width:23px;}

/* contact us */

html body#contactus div#wrapperpage div#main div#maincontent div#contactusform form#contact table tbody tr td p {color:#0073c4;font-weight:bold;line-height:16px;}

input#subject, input#email, input#name {background-color:#e5f1f9; border: 1px #0073c4 solid;width:350px; height:25px;}

textarea#comments.yourmessage {background-color:#e5f1f9; border: 1px #0073c4 solid;width:580px;}

input.sendmessage  {background-color:#0073c4; border: 1px #0073c4 solid;color:#fff;font-weight:bold;text-transform:uppercase;font-size:10px;height:25px;}

html body#contactus div#wrapperpage div#main div#maincontent div#contactusform form#contact table tbody tr td#addressblock p {font-size:13px; color:#000000; font-weight:100;margin-right:0px;}

html body#contactus div#wrapperpage div#main div#maincontent div#contactusform form#contact table tbody tr td#addressblock p strong {color:#0073c4;font-weight:bold;}