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


html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, em, font, img, strong, b, u, i, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
    margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
	background:#000000;
	color:#999999;
}

#footlist ul, #sidelist ul { list-style: none; margin:0px 0px 10px 0px; padding:0px; }
#footlist li, #sidelist li {margin:0; font-size:12px; line-height:17px; margin:0px;padding:0px; }

:focus { outline: 0; -moz-outline-style: none; }

h1, h2, h3, h4, h5, h6 {font-weight:lighter;}

p, label	{ font-size:12px; line-height:17px; color:#999999; margin:0 0 15px 0; }
h1 	{ font-size:18px; color:#999999; margin:0; }
h2 	{ font-size:14px; color:#ffffff; margin:0; line-height:18px; }
h3 	{ font-size:14px; color:#ffffff; margin:0 0 15px 0; line-height:18px;}
h4 	{ font-size:12px; line-height:17px; color:#ffffff; margin:0; font-weight:bold;}
h5  {}
h6 	{}

.small {font-size:10px;}

h1 strong {font-weight:bold;}

b, strong {font-weight:bold; color:#FFFFFF; }


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






/*  GENERIC BTNS STYLES  */
a.genBtn1, a.genBtn2 { 
	text-align:center;
	padding:9px;
	text-transform:uppercase;
	color:#333333;
	background:url(/img/btns/btnBack.jpg) repeat-x;
	width:176px;
	display:inline-block;
	font-weight:bold; 
	margin:-6px 0 12px 0; }

a.genBtn1 { width:176px; margin:-6px 0 12px 0; }
a.genBtn2 { width:158px; margin:0 0 12px 0; }

a:hover.genBtn1, a:hover.genBtn2 { text-decoration:none; color:#666666;}
a.active {color:#999999;}

img {border:none;}
img a:active { border:none; outline:none; ie-dummy: expression(this.hideFocus=true); }

hr { border:none; height:1px; margin:10px 0; background-color:#414141; color: #414141;}
.line {width:100%; height:1px; background:url(/img/generic/line.gif) repeat-x; display:block; margin:6px 0; border:none;}

.white {color:#FFFFFF;}
.grey  {color:#999999;}






/*  MAIN DIV STYLES  */
#wrapper {
	margin:0 auto; 
	background:url('/img/generic/newBack.jpg') no-repeat center top #000000;
	width:1024px;}

#headold {width:874px; border:1px solid red; margin:0 75px 20px 75px; height:190px; }
#head {width:874px; border:0px solid red; margin:0 75px 20px 75px; height:190px; }
#logo {width: 259px; height:58px; float:left; margin:25px 0 20px 5px;}
#title {width:844px; margin:20px 75px 0 75px; height:40px; padding:0 20px;}
#content {width:874px; margin:0 75px;}
#contact {width:874px; height:160px; margin:20px 0; background:url(/img/generic/contactBack.jpg) repeat-x top; clear:both; display:inline-block; }
#footer {width:874px; height:160px; clear:both; margin-top:20px; border-top:1px solid #222222; }
#bottomNav {width:874px; height:80px; clear:both; margin-top:20px; border-top:1px solid #414141; }


#leftCol { 
	float:right; 
	width:634px; 
	margin-right:6px; 
	padding:10px; 
	margin-bottom:6px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/generic/leftCol_back.png');}


#leftCol[id] {
  background:url(/img/generic/leftCol_back.png) repeat;
}



#rightCol { float:left; width:214px; vertical-align:top;}

#titleCol { width:204px; float:left; margin:30px 6px 0 0;}
#mainCol { width:414px; float:right; margin-top:30px;}

#titleCol h2 {margin-left:10px;}

#back {float:left; margin-top:30px; padding:10px 0; border-top:1px solid #414141; width:100%;}

#title h1 {margin-left:198px; color:#ffffff;}

#title h1 a {text-decoration:none; color:#CCCCCC;}
#title h1 a:hover {color:#ffffff;}

/*  NAV DIV STYLES  */

#nav { width:874px;  float:left; height:61px; margin:10px 0 0 0;}
#nav ul { list-style:none; margin:0 0 0 20px; padding:0; }
#nav ul li {margin:0; font-size:13px; padding:0; display:inline;}
#nav ul li a {padding:3px 25px; text-decoration:none; display:inline-block; background:url(/img/nav/divider.gif) no-repeat 0 50%;}
#nav ul li a:hover { color:#999999;}
#nav ul li a.end{ background:none; padding-left:0;}


/*  SUBNAV DIV STYLES  */
#subnav { float:right; margin:15px 20px 0 0; display:inline;}
#subnav li {float:left; list-style:none; } 
#subnav li a {	font-size:11px; padding:1px 7px; text-decoration:none; display:block; border-right:1px solid #414141;}
#subnav li a:hover { color:#999999;}
#subnav li a.end {border-right:none;}


/*  BOTTOMNAV DIV STYLES  */
#bottomNav ul { float:right; margin-top:10px; }
#bottomNav ul li {float:left; list-style:none;  display:inline;}
#bottomNav ul li a {	font-size:11px; padding:0 6px; text-decoration:none; display:block; border-left:1px solid #414141;}
#bottomNav ul li a:hover { color:#999999;}






/*  HOMEPAGE ONLY STYLES  */

#showcase { width:874px; margin:0 0px 20px 0px; height:225px;  margin-top:-42px; text-align:center; z-index:1; position:relative;}
#homeIntro { width:384px; height:346px; float:left; margin-right:6px; background:url(/img/home/introBack.jpg) repeat-x top #000000; padding:0 25px; }
#homeIntro h1 	{ font-size:14px; color:#ffffff; margin:15px 0 10px 0; line-height:18px; }
#homeIntro h2	{ font-size:12px; line-height:17px; color:#999999; margin:0 0 10px 0; }
#homeHead {margin-left:-25px;}

#recentProject, #latestNews { background:#2e2e2e; width:194px; padding:0 10px 0px 10px;}

#recentProject { float:left; margin-right:6px;}
#latestNews { float:right;}

#recentProject h5, #latestNews h5  {
	width:202px;
	margin:0 0 10px -10px;
	font-size:14px; 
	color:#ffffff; 
	background:url(/img/home/panelHead.jpg) no-repeat; 
	display:block; 
	padding:12px 0 5px 12px; 
	height:26px; }

#recentProject p, #latestNews p, #recentProject h3, #latestNews h3 {
	font-size:11px; 
	line-height:14px;
	color:#999999;
	margin-bottom:10px;
	padding:0;  }

#recentProject img, #latestNews img {margin-bottom:10px;}
#recentProject hr, #latestNews hr { margin:3px 0; padding:0;}

.tabs{ width:214px; background:#000000; height:29px; margin:0 0 0 -10px;}

.tabs ul { height:29px; list-style:none; }
.tabs ul li { display:inline;}
.tabs ul li a { background:url(/img/home/tab.jpg) no-repeat; padding:8px 13px 12px 13px; height:29px; display:inline-block; text-align:center;}





/*  right column pullout DIV STYLES  */

.pullout { width:170px; background:#2e2e2e; margin-bottom:6px; padding:12px; }
.pullout h5 {
	margin:-12px 0 12px -12px;
	width:194px;
	font-size:14px; 
	color:#ffffff; 
	background:url(/img/generic/pulloutTab.jpg) no-repeat; 
	display:block; 
	padding:9px 0 5px 12px; 
	height:26px;}

.pullout ul li a {color:#999999;}









/*  4 Column DIV STYLES  */
.col1, .col2, .col3, .col4 {height:130px; padding:15px;}
.col1 p, .col2 p, .col3 p, .col4 p, .col5 p {font-size:11px; line-height:14px;}

.col1 { width:190px; float:left; padding:15px; }
.col2 { width:199px; border-right:6px solid #000000; float:left; padding-left:0px; }
.col3 { width:184px; border-right:6px solid #000000; float:left; }
.col4 { width:184px; float:right; }
.col5 { max-width:199px; float:left; margin-right:30px; height:130px; padding:15px 15px 15px 0;}

#enews {background:#666666; border:none; padding:8px; height:14px; color:#CCCCCC; float:left; width:110px; font-size:13px; font-family:Arial, Helvetica, sans-serif;}





/*  PORTFOLIO GALLERY DIV STYLES  */

#folio {float:left; width:660px; border:0px solid red;}
#folio h2 { padding:20px 0;}

.item {width:194px; height:213px; background:#222222; padding:10px; margin:0 6px 6px 0; float:left; border-top:1px solid #383838;}
.item p {margin:0; font-size:11px; line-height:14px;}
.itemImg {margin-bottom:6px;}
.itemLogo {float:right; margin:0 0 0 10px; width:70px; height:45px;}

/*  PORTFOLIO GALLERY DIV STYLES  */

.listItem {width:630px; float:left; padding:10px; background:#222222; height:111px; margin-bottom:10px; border-top:1px solid #383838;}
.listDesc { float:left; width:230px; height:111px;}
.listDeliver { float:right; width:160px; padding:0 10px; border-left:1px solid #3d3d3d; height:111px; }
.listImg {float:left; margin-right:20px;}

.listDesc p, .listDeliver p {font-size:11px; line-height:15px;}

#sort {float:right; width:194px; height:30px;}
#galleryBtn {float:left;}
#listBtn {float:right;}




/*  SERVICES DIV STYLES  */

.service { width:849px; background:#222222; padding:10px 10px 20px 15px; float:left;}
.service h2 {float:left; width:189px; margin-right:6px; padding-right:10px;}
.serviceImg {float:right;}
.serviceContent {width:424px; margin-right:6px; float:left; padding-right:10px;}
.serviceNav { width:176px; float:right; padding:0 9px }





/*  CLIENTS DIV STYLES  */

.client { margin:0 23px 23px 0;}
.clientend { margin:0 0 23px 0;}




/* CONTACT DIV  STYLES  */

#panelLeft { background:#222222; width:409px; margin-right:6px; float:left; height:460px; padding:10px 10px 10px 15px;}
#panelRight { background:#222222; width:414px; float:right; padding:10px; height:460px;   }

#contactForm {width:414px; border-collapse:collapse; }
#contactForm td {padding:6px 0; text-align:left;}

.contactField {background:#333333; border:none; padding:5px; color:#CCCCCC; float:left; width:180px; font-size:13px; font-family:Arial, Helvetica, sans-serif;}