/* Document */

body {
	background-color:#232323;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#CCCCCC;
}


h1, h2, h3, h4, h5, h6, h7, p, ul, li { margin: 0; padding: 0; }
img, a{border:0; text-decoration: none;}

h2 {font-size:17px; font-weight:lighter; margin-bottom:3px; color:#34C4F4; margin-top:15px;}
/*h2 {
	font: normal 24px/26px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
}*/
h3 {font-size:14px;	text-transform:uppercase; margin-bottom:5px; margin-top:0px; }
h4 {margin-top:20px; font-weight:lighter; margin-left: 5px; font-size:17px; color:#94b3c5; width:500px;}
h5 {margin-top:0px; margin-bottom: 5px; margin-left: 6px; font-weight:lighter; font-size:11px; color: #C0C0C0; width:400px;}
p {margin-top:15px; line-height: 20px;}


/*LINKS*/
a:link {text-decoration:none; border-bottom:dotted 1px #FFFFFF; color:#FFFFFF;}
a:visited {text-decoration: none; border-bottom:dotted 1px #FFFFFF; color:#FFFFFF;}
a:hover {text-decoration: none; border-bottom: solid 1px; color:#FFFFFF;}
a:active {text-decoration: underline; border-bottom:none; color:#FFFFFF;}

.sub {margin:0px 5px 0px 5px;}
a.sub:link {text-decoration:none; border-bottom:dotted 1px #CCC; color:#CCC; line-height:18px; padding:1px;}
a.sub:visited {text-decoration: none; border-bottom:dotted 1px #CCC; color:#CCC; line-height:18px; padding:1px;}
a.sub:hover {text-decoration: none; border-bottom: solid 1px #CCC; color:#CCC; line-height:18px; padding:1px;}
a.sub:active {text-decoration: underline; border-bottom:none; color:#CCC; line-height:18px; padding:1px;}



a.page:link {text-decoration:none; border-bottom:none; color:#666666;}
a.page:visited {text-decoration: none; border-bottom:none; color:#666666;}
a.page:hover {text-decoration: none; border-bottom:none; color:#999999;}
a.page:active {text-decoration: none; border-bottom:none; color:#999999;}


#head {
	background:url(../images/headBG.gif) no-repeat;
	margin-left:auto;
	margin-right:auto;
	width:851px;
	height:163px;
	text-align:left;
}

#logo {
	float:left;
	width:285px;
}

#subnavholder {
	margin-bottom:20px;
}

.portfolioInfo {
	font-size:11px;
}

.portfolioTitle {
	color:#00CCFF;
}

.portfolioNoLink {
	font-size:10px;
	font-weight:bold;
}

.portfolioLink {
	font-size:12px;
	font-weight:bold;
}

.contactForm {	
	font-size:15px;
	margin-left:25px;
	margin-top:30px;
}

.formInputs {
	visibility:hidden;
}

.formHolder {
	padding-left:10px;
}


/* Nav Stuff*/ 

#navHolder {
	float:left;
	margin-left:6px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.onNavBox {
	float:left;
	font-size:13px;
	line-height:13px;
	border-top: #555 3px solid;
	/*border-bottom:2px solid #555;
	display:block;*/
}

.onNav {
	float:left;
	font-size:13px;
	line-height:13px;
	border-top: #555 3px solid;
	border-bottom:2px solid #6699cc;
	display:block;
	padding:8px;
	background-color:#111;
}

.onNavBox a:link {display:block; border-bottom:2px solid #555; padding:8px;}
.onNavBox a:visited {display:block; border-bottom:2px solid #555; padding:8px;}
.onNavBox a:hover {display:block; background-color:#222; border-bottom:2px solid #999; padding:8px;}
.onNavBox a:active {display:block; border-bottom:2px solid #999; background-color:#222; padding:8px; text-decoration:none;}

.navHead {
	color:#99ccff;
}
.onNavBox a:link .navHead {color:#DDD;}
.onNavBox a:visited .navHead {color:#DDD;}
.onNavBox a:hover .navHead {color:#FFFFFF;}
.onNavBox a:active .navHead {color:#FFFFFF; text-decoration:none;}

.navSub {
	font-size:10px;
	line-height:11px;
	color:#6699cc;
}

.onNavBox a:link .navSub {color:#999;}
.onNavBox a:visited .navSub {color:#999;}
.onNavBox a:hover .navSub {color:#CCC;}
.onNavBox a:active .navSub {color:#CCC; text-decoration:none;}

a.navlink:link {display:block; padding:8px; border-bottom:0px;}
a.navlink:visited {display:block; padding:8px; border-bottom:0px;}
a.navlink:hover {display:block; padding:8px; background-color:#222; border-bottom:0px;}
a.navlink:active {display:block; padding:8px; border-bottom:0px;}

/*OLD
#nav {
	float:left;
}

.navChoice {
	float:left;
	background-color:#343434;
	border:1px solid #141414;
	margin-left: 0px;
}

.navChoice a:link {

	padding:7px;
	text-decoration:none;
	border-bottom:0px;
	height:30px;
}

.navChoice a:hover {
	background-color:#555;
}

.navChoice a .title {
	color:#DDDDDD;
	display:block;
	font-size:15px;
	line-height:17px;
}

.navChoice a .sub {
	color:#BBBBBB;
	font-size:10px;
	display:block;
	line-height:11px;
}

.navSelect {
	float:left;
	background-color:#343434;
	border:1px solid #141414;
	margin-left: 0px;
}

.navSelect a:link {
	display:block;
	padding:7px;
	text-decoration:none;
	border-bottom:0px;
	height:30px;
}

.navSelect a:hover {

}

.navSelect a .title {
	color:#34C4F4;
	display:block;
	font-size:15px;
	line-height:17px;
}

.navSelect a .sub {
	color:#0a90bd;
	font-size:10px;
	display:block;
	line-height:11px;
}
*/



#container {
	margin:auto;
	width:830px;
}

.port_box {
	border-top:dotted 1px #666666;
	padding-top:10px;
	width:820px;
}

.port_img {
	float:left;
	width:320px;
}

.port_cont {
	float:left;
}

.port_cont_title {
	float:left;
	font-weight:bold;
	text-transform:uppercase;
	width:130px;
	margin-bottom:10px;
}

.table {
	display:table;
}

.tablerow {
	display:table-row;
}

.tablecell {
	display:table-cell;
	padding:4px;
	width:100px;
}

#footer {
	margin-top:25px;
	margin-bottom:15px;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
}


/*FORM*/

.textbox {
	line-height:25px;
	background-color:#333 !important;
	border:1px solid #666;
	height:25px;
	color:#ddd;
	font-size:13px;
	padding:3px 6px 3px 6px;
}

.textarea {
	width:300px;
	height:125px;
	line-height:22px;
	background-color:#333;
	border:1px solid #666;
	color:#ccc;
	font-size:13px;
	padding:3px 6px 3px 6px;
	overflow:auto;
}

.submitButton {
	border:1px solid #666;
	color:#fff;
	background-color:#000;
	height:35px;
	font-size:14px;
	padding:5px;
}
#sent {
	color:#34C4F4;
	margin:20px 0px 20px 20px;
}
	
.contactContent {
	color:#FFF;
	margin:20px 0px 20px 20px;
}


/*Clearfix*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */