body {
   background: #f1f1f1;
   font-family: Tahoma, Geneva, sans-serif;
   color: #333333;
   font-size: 13px;
   line-height: 1.3em;
   text-align: center;
   margin: 0 0 40px 0;
}
p {
	margin: 15px 0 15px 0;
	text-align: left;
}
a {color: #1a61c1}
a:hover {color: #0046a4;}
.fltL {
   float: left;
   padding: 0 10px 10px 0;
}
.fltR {
   float: right;
   padding: 0 0 10px 10px;
}
.highlight { color: red; }
p.smallText { font-size: 11px;}


/* main containers
///////////////////////////////////*/
#imageContainer {
	background: #fff url(../images/mainBG.jpg) no-repeat center 24px;
	min-height: 750px;
}
/* backgrounds for pages */
#imageContainer.home {background: #fff url(../images/backgrounds/background1.jpg) no-repeat center 24px;}
#imageContainer.work {background: #fff url(../images/backgrounds/background3.jpg) no-repeat center 24px;}
#imageContainer.experience {background: #fff url(../images/backgrounds/background2.jpg) no-repeat center 24px;}
#imageContainer.services {background: #fff url(../images/backgrounds/background4.jpg) no-repeat center 24px;}
#imageContainer.contact {background: #fff url(../images/backgrounds/background6.jpg) no-repeat center 24px;}
#imageContainer.careers {background: #fff url(../images/backgrounds/background7.jpg) no-repeat center 24px;}

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#logoBoxHome, #logoBox {
   width: 260px;
   height: 210px;
   text-align: left;
   background: #e61b10;
   padding: 20px 20px 0 20px;
   margin: 3px 0 0 0;
}
#logoBox {
	height: 130px;
}
#sideContainerHome {
	width: 260px;
	background: #e61b10;
	padding: 0 20px 0 20px;
}
#sideContainer {
	width: 210px;
	background: #fff;
	padding: 20px;
	font-family: Tahoma, Geneva, sans-serif;
}
#titleBlock {
	margin: 0 0 10px 0;
}



/* Main content area */
.contentContainerHome {
	background: #fff;
	padding: 20px 30px;
	width: 590px;
	border-top: 7px solid #1a1a1a;
}
.contentContainer {
	background: #fff;
	padding: 40px 20px;
	width: 660px;
	margin: 50px 0 0 0;
}
#colL {
	float: left;
	width: 250px;
	margin: 0 10px 0 0;
	text-align: left;
	overflow: hidden;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#colLHome {
	width: 300px;
	float: left;
	margin: 0 10px 0 0;
}
#colRHome {
	width: 650px;
	float: left;
}
#colL h2 {
	font-size: 22px;
	color: #303030;
	font-weight: normal;
	padding: 0 0 6px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px dashed #c3c3c3;
	line-height: 1em;
}
#colR h1, #colRHome h1 {
	font-size: 22px;
	color: #e14716;
	font-weight: bold;
	margin: 20px 0 4px 0;
	line-height: 1em;
}
#colR h2, #colR h2.alt, #colRHome h2, #colLHome h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #3b3b3b;
	margin: 20px 0 10px 0;
	padding: 0 0 4px 0;
	line-height: 1em;
	border-bottom: 4px solid #1a1a1a;
}
#colRHome h2 {
	border: none;
	color: #1e1e1e;
	font-size: 24px;
}
#colLHome h2 {
	color: #fff;
	border: none;
	margin: 0 0 10px 0;	
}
#colR h2.alt { color: #2e6acd; }
#colRHome h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #1e1e1e;
	margin: 0 0 4px 0;
	line-height: 1em;
}
.contentContainer h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin: 0 0 4px 0;
	line-height: 1em;
}
#colRHome h4 {
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	margin: 10px 0 4px 0;
	line-height: 1em;
}
#colR {
	float: left;
	width: 700px;
	padding: 20px 0 0 0;
}

.post {
	margin: 20px 0 20px 0;
	padding: 0 0 20px 0;
}
.article {
	margin: 10px 0 20px 0;
	color: #fff;
}
.article a {
	color: #fff;
}
.article h3 {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
.article h3 a {
	color: #fff;
	text-decoration: underline;
}
.subColLHome {
	width: 285px;
	float: left;
	margin: 0 20px 0 0;
}
#colRHome .subColLHome h2 {
	margin: 0;
}
.last {margin: 0;}
a.readMore {
	background: #000 url(../images/moreArrow.png) no-repeat 6px center;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 10px 2px 12px;
	color: #fff;
	display: inline-block;
	text-decoration: none;
}
a.readMore:hover {
	background: #555 url(../images/moreArrow.png) no-repeat 6px center;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 10px 2px 12px;
	color: #fff;
	display: inline-block;
	text-decoration: none;
}


.workColL {
	width: 440px;
	float: left;
	margin: 0 20px 0 0;
}
.workColR {
	float: left;
	width: 170px;
	background: #f2faff;
	padding: 15px;
}
.workColR h3 {
	color: #2f6acd;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.workColL h3 {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 6px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}



/* Navigation */
#navContainer {
	background: #000;
	width: 100%;
	height: 40px;
}
#navBlock, #navBlockHome {
	float: right;
	width: 700px;
	height: 25px;
	background: #000;
	color: #fff;
	margin-top: -40px;
	text-align: right;
	padding: 15px 0 0 0;
}
#navBlockHome {
	width: 650px;
	margin-top: -20px;
}
#navBlock ul li, #navBlockHome ul li {
	display: inline;
	margin: 0 15px 0 0;
}
#navBlock ul li a, #navBlockHome ul li a {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#navBlock ul li a:hover, #navBlockHome ul li a:hover {
	text-decoration: underline;
	color: #cdffa9;
}



/* portfolio  */
.clientBox {
	background: #e9f7ff;
	padding: 20px 20px 0 20px;
	margin: 20px 0 0 -20px;
	text-align: center;
	width: 305px;
	float: left;
	overflow: hidden;
}
.clientBox:hover {
	background: #dff3ff;
}
.clientBox p {
	text-align: left;
	line-height: 1.2em;
	font-size: 12px;
}
.clientBox.last {
	margin: 20px -20px 0 0;
	float: right
}
.clientBoxButton {
	background: #222;
	color: #fff;	
	float: right;
	margin: 0 0 0 0;
}
.clientBoxButton a {
	color: #fff;
	width: 100%;
	height: 100%;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 10px;
	display: block;
	text-align: center;
	background: #222;
}
.clientBoxButton a:hover {
	background: #666;
}



/* sidebar */
.sideTitle {
	background: #333;
	padding: 6px 20px;
	color: #fff;
	font-size: 18px;
}


/* photo grid */
.photogrid {
	overflow: hidden;
}
.photogrid li {
	width: 148px;
	margin: 0 12px 12px 0;
	float: left;
}
.photogrid li a {
	border: 4px solid #dadada;
	width: 148px;
	height: auto;
	display: block;
}
.photogrid li a:hover {
	border: 4px solid #333333;
}
.photogrid li.last {
	margin: 0 0 12px 0;
}
.employeeProfile {
	width: 620px;
	background: #333;
	text-align: left;
	overflow: hidden;
}
.epL {
	float: left;
	width: 400px;
}
.epR {
	float: left;
	width: 220px;
	overflow: hidden;
}
.employeeProfile h2 {
	font-size: 18px;
	color: #fff;
	border: 0;
	margin: 10px 0 6px 0;
	padding: 0 10px;
}
.employeeProfile h3 {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	margin: 6px 0 0 0;
	padding: 0 10px;
}
.employeeProfile p {
	padding: 10px 10px 10px 10px;
	font-size: 11px;
	color: #fff;
	margin: 0;
	line-height: 1.4em;
	overflow: hidden;
}






.expBox {
	margin: 20px 0;
	overflow: hidden;
}
.expL {
	float: left;
	width: 250px;
	margin: 0 20px 0 0;
}
.expR {
	float: left;
	width: 369px;
	border-left: 1px dashed #b8b8b8;
	padding: 0 0 0 20px;
}
#colR .expL h3 a {
	color: #333;
}



/* social media */
#socialContainer {
	margin: 0;
}
#socialContainerHome {
	width: 300px;
	margin-left: -20px;
	margin-top: 20px;
}
#colL #socialContainer h2, #colLHome #socialContainerHome h2 {
	border: none;
	margin: 0;
	padding: 6px 12px;
	background: #fff url(../images/socialTab.png) no-repeat;
	font-size: 18px;
	color: #1a1a1a;
}
#colLHome #socialContainerHome h2 { 
	background: #dbddea url(../images/socialTab.png) no-repeat;
}

ul.socialList {
	background: #ecf2fb;
	padding: 20px 20px 30px 20px;
}
ul.socialList li {
	display: inline;
	text-align: center;
	font-size: 10px;
	margin: 0 6px 0 0;
}
/* contact tab */
#contactContainer {
	margin: 10px 0 -20px 0;
	background: #dbddea;
	width: 300px;
	margin-left: -20px;
	margin-top: 20px;
}
#colLHome #contactContainer h2 {
	border: none;
	margin: 0;
	padding: 6px 12px;
	background: #e61b10 url(../images/contactTab.png) no-repeat;
	font-size: 18px;
	color: #1a1a1a;
}
ul.contactList {
	background: #dbddea;
	padding: 10px 20px 20px 20px;
}
ul.contactList li {
	display: inline;
	text-align: center;
	font-size: 12px;
	margin: 0 6px 0 0;
}






/* lists */
ul.baseList {
	margin: 10px 0;
}
ul.baseList li {
	list-style: disc;
	margin: 0 0 0 40px;
}
ul.sideNav {
	margin: 0;
}
ul.sideNav li {
	margin: 0 0 6px 0;
	color: #12355c;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/sideArrow.png) left center no-repeat;
	padding: 0 0 0 6px;
}
ul.sideNav li a {
	color: #12355c;
	text-decoration: none;
}
ul.sideNav li a:hover {
	color: #e61b10;
	text-decoration: underline;
}
ul.sideNav li.on {
	color: #e61b10;
	background: url(../images/sideArrowOn.png) left center no-repeat;
}
ul.services li {
	margin: 4px 0 0 20px;
	list-style: square;
	font-size: 11px;
}





ul.navigation{ background:#fff;}
ul.navigation li a{text-decoration:none;}
ul.navigation li a.on{text-decoration:underline;}










/* footer
///////////////////////////////////*/
#footerContainer {
	width: 100%;
	border-top: 10px solid #fff;
}
#footerBlock {
   width: 920px;
   color: #333;
   font-size: 12px;
   padding: 30px 20px 30px 20px;
   text-align: left;
   margin: 0 auto;
   overflow: hidden;
   font-family: Arial, Helvetica, sans-serif;
}
#footerBlock a {
   color: #12355c;
   text-decoration: none;
}
#footerBlock a:hover {
   text-decoration: underline;
}
#footerL {
	width: 600px;
	float: left;
}
#footerR {
	width: 240px;
	padding: 0 80px 50px 0;
	float: left;
	text-align: right;
	background: url(../images/masonFooterLogo.png) no-repeat top right;
}
#footerBlock h2 {
	font-size: 14px;
	font-weight: bold;
	color: #444;
	font-family: Georgia, "Times New Roman", Times, serif;
}
ul.footerList {
	width: 180px;
	float: left;
	margin: 0 10px 0 0;
}
ul.footerList li {
	margin: 2px 0;
	font-size: 11px;
}



/* sitemap 
///////////////////////////////////*/
ul.sitemap  {
	margin: 8px 0 0 20px;
}
 ul.sitemap li {
	font-weight: bold;
	font-size: 13px;
	margin: 6px 0 4px 0;
	color: #333333;
	list-style: disc;
}








/* form.css */
form fieldset {
  clear: both;
  font-size: 100%;
  padding: 10px;
  margin: 0 0 0 0;
}

label {
  font-size: 100%;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  width: 500px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form .required {
  font-weight: bold;
  color: #ff3300;
}

p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

form div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form div.error p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

form div select, form div textarea {
  width: 300px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputText, form div input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}



form div.submit {
  width: 214px;
  padding: 0 0 0 146px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}





/* clearing for the browsers
///////////////////////////////////*/
.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 */