/* GENERAL */

* { margin: 0px; padding: 0px; outline: 0; }
img { border:0; }
ol, ul { list-style:none }

.clear { clear: both; height: 0; font-size: 0; margin:0; padding:0; overflow:hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }

body {
	font:normal 13px Verdana;
	color:#313130;
	background-color:#212121;
	}
	
	/*Misc*/
.fl-left {
	float:left;
	}
.fl-right {
	float:right;
	}
a:link, a:visited {
	color:#FFFFFF;
	text-decoration:underline;
	}
a:hover {
	color: #5D86CA;
	text-decoration:none;
	}
a.link-black:link, a.link-black:visited {
	color:#000;
	text-decoration:underline;
	}
a.link-black:hover {
	text-decoration:none;
	}
.align-center {
	text-align:center;
	}
.italic {
	font-style:italic;
	}
.f-11 { font-size:11px; }
.f-14 { font-size:14px; }
.f-17 { font-size:17px; }
.f-22 { font-size:22px; }

h1 {
	font:24px Verdana;
	margin-bottom:10px;
	text-transform:uppercase;
	}
h1 a:link, h1 a:visited {
	color:#313130;
	text-decoration:underline;
	}
h1 a:hover {
	text-decoration:none;
	}

h2 {
	font:bold 14px Verdana;
	margin-bottom:5px;
	}

.wrapper {
	width:950px;
	margin:0 auto;
	}
	
	/*HEADER*/
	
table.top {
  width:100%;
  justify-content: space-between;
	}
table.top td.banner {
  float: right;
  padding-left:40px;
}
.header {
	margin-top:10px;
	valign: middle;
	}
img.logo {
	width:200px;
	margin:-50px 0 0 0;
	}
img.banner {
	float:right;
	align:left;
	margin: -50px 0 0 0px;
	}

	
	/*NAVIGATION*/
ul.nav {
	text-align:center;
	font:bold 16px Verdana;
	width:100%;
	}
ul.nav2 {
	text-align:left;
	font:bold 14px Verdana;
	color:#ffffff;
	line-height:21px;
	width:100%;
	}
ul.nav li {
	position:relative;
	float:left;
	text-align: justify;
	margin: 9px 45px 20px 0px;
	padding:0 8px 0 8px; /*this padding needs to change in case the links change, leaving a 6px difference. The order is :top right bottom left*/
	}
ul.nav li:first-child {
	background:none;
	padding-left:0;
	}
ul.nav li:last-child {
	padding-right:0;
	}
ul.nav li a:link, ul.nav li a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}
ul.nav li a:hover, ul.nav li.active a:link, ul.nav li.active a:visited {
	color:#259FDC;
	}
ul.nav li ul {
	visibility:hidden;
	position:absolute; 
	top:15px; 
	left:0;
	padding-top:14px;
	text-align:left;
	font:bold 12px Verdana;
	text-transform:uppercase;
	width:400px;
	}
ul.nav li:hover ul { visibility:visible; cursor:pointer; }
ul.nav li ul li {
	float:left;
	background:url(images/nav-line2.gif) 0 2px no-repeat;
	padding:0 10px 0 14px;
	}
ul.nav li ul li a:link, ul.nav li ul li a:visited {
	color:#313130;
	}
ul.nav li ul li a:hover {
	color:#5d86ca;
	}

	/*SOCIAL*/
ul.social {
	float:left;
	margin: 15px 0 3px 47px;
	}
ul.social li {
	float:left;
	margin:0 5px;
	}
ul.social li a:link, ul.social li a:visited { }
ul.social li a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
	

	/*CONTENT LEFT*/
.content-left {
	width:200px;
	float:left;
	margin: 0px 5px 0 45px;
	padding: 23px 7px 10px 15px;
	line-height:20px;
	background-color: #a9a8a8;
	}

	
	/*CONTENT CENTER HOMEPAGE*/
.content-center {
	width:610px;
	margin: 0px 4px 0px 5px;
	padding:20px;
	float:right;
	line-height:20px;
	background-color: #bcbcbc;
	}
	
		
	/*CONTENT RIGHT*/
.content-right {
	width:200px;
	float:right;
	line-height:20px;
	}
	
	
		/*CONTENT FULL*/
.content-full {
	width:875px;
	margin: 0px 15px 0px 35px;
	padding:20px;
	line-height:20px;
	background-color: #bcbcbc;
	}	

ul.crumbs {
	font-size:11px;
	float:left;
	margin:9px 0 0 20px;
	}
ul.crumbs li {
	display:inline;
	text-transform:uppercase;
	}
ul.crumbs li a:link, ul.crumbs li a:visited {
	color:#313130;
	text-decoration:underline;
	}
ul.crumbs li a:hover {
	text-decoration:none;
	}
	
	/*FOOTER*/
ul.footer {
	text-align:center;
	margin:40px 0;
	font-size:11px;
	color:#ffffff;
	}
ul.footer li {
	display:inline-block;
	background:url(images/footer-line.gif) 0 2px no-repeat;
	padding:0 14px 0 20px;
	}
ul.footer li:first-child {
	background:none;
	padding-left:0;
	}
ul.footer li:last-child {
	padding-right:0;
	}
ul.footer li a:link, ul.footer li a:visited {
	color:#ffffff;
	text-decoration:none;
	}
ul.footer li a:hover {
	text-decoration:underline;
	}
	

	/*PROJECTS*/
table.projects {
	margin:20px 0;
	}
table.projects td {
	padding:5px;
	}
table.projects tr.title-big td {
	font-size:22px;
	text-align:left;
	font-weight:bold;
	line-height:24px;
	padding-bottom:20px;
	}
table.projects tr.title-medium td {
	font-size:17px;
	text-transform:uppercase;
	text-align:center;
	}
table.projects tr.images td {
	text-align:center;
	}
table.projects tr.lists {
	vertical-align:top;
	}
.projects ul {
	font-size:11px;
	border-style:solid;
	border-width:1px 1px 0 1px;
	border-color:#dadcdd;
	padding-left:5px;
	text-align:left;
	margin-top:10px;
	}
.projects ul li {
	border-bottom:1px solid #dadcdd;
	}
	
	/*PRICING*/
table.pricing {
	border:1px solid #dedede;
	border-right:none;
	font-size:11px;
	margin-bottom:15px;
	}
table.pricing th {
	border-right:1px solid #dedede;
	text-align:left;
	padding:3px 15px;
	}
table.pricing td {
	border-top:1px solid #dedede;
	border-right:1px solid #dedede;
	padding:3px 15px;
	}
table.pricing tr:hover {
	background:#f5f5f5;
	}
	
	/*CONTACT FORM*/
.contact-row {
	margin:5px 0 10px 0;
	}
.cr-w350 {
	width:340px;
	}
.cr-w350 input {
	width:335px;
	height:22px;
	padding-left:5px;
	border:1px solid #626262;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#626262;
	}
.cr-w350 input.error {
	background:
	}
.cr-w350 input:hover, .cr-w350 input:focus {
	background:#f2f2f2;
	}
.cr-w700 {
	width:700px;
	}
.cr-w700 textarea {
	width:690px;
	height:90px;
	padding:5px;
	border:1px solid #626262;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#626262;
	overflow:auto;
	}
.cr-w700 textarea:hover, .cr-w700 textarea:focus {
	background:#f2f2f2;
	}
.form-button {
	text-align:right;
	}
.form-button input {
	background:#404040;
	border:#404040;;
	color:#fff;
	padding:5px 10px;
	cursor:pointer;
	font-weight:bold;
	margin:5px 0;
	}
.form-button input:hover {
	background:#595959;
	}
.form-button input:focus {
	background:#737373;
	}

.contact-row label {
	display:block;
	font:normal 13px Georgia, "Times New Roman", Times, serif;
	margin-bottom:5px;
	}
.contact-row label span {
	color:#CC0000;
	}
.error {
	color:#CC0000;
	}
	
/*Search*/
.search {
	width:420px;
	margin:0 auto;
	}