body {margin:0; padding:0; background: url(/images/bgBody.gif) repeat-x #c1c1c2;}
img {border:0;}
form {margin:0; padding:0;}
.clear {clear:both;}
.indentul {margin-left:160px;}
p,td,li,div {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
li {
	margin-bottom:6px;
	word-spacing:1px;
}
a {
	color:#2559b0;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:27px;
	letter-spacing:-1px;
	color:#062e71;
	font-weight:bold;
	margin:7px 0 0 0;
}
h2, p.secondaryHeader {
	font-size:17px;
	line-height:17px;
	letter-spacing:1px;
	font-weight:bold;
}
h2.h2blue {
	display:block;
	background:#183d7b;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:right;
	float:none;
	clear:both;
	height:24px;
	padding:5px 29px 0 0;
}
#press h2 {
	margin-bottom:0px;
	font-size:13px;
	font-weight:bold;
	display:block;
	border-top:1px solid #CCCCCC;
	padding-top:5px;
}
hr {
	float:none;
	clear:both;
	border:0;
	margin-top:0px;
	height:1px;
	background:#CCC;
}
button {
	background:#062e71;
	border:0;
	font-weight:bold;
	color:#FFF;
	font-size:12px;
	border:1px solid #FFF;
	padding:0 0 2px 0;
}
.title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#062e71;
	font-weight:bold;
	margin:7px 0 0 0;
	text-align:center;
}

.title2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#062e71;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:5px;
	text-align:center;
}

input.txt {
	border:1px solid #dadada;
	height:16px;
	width:186px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#838383;
	float:left;
}
.join {
	margin-left:5px;
	float:left;
}
#landingTop {
	width:450px;
	float:left;
}
.landingTextBlue {
	font-size:14px;
	line-height:19px;
	color:#062e71;
	margin-top:3px;
}
.landingTextBlack {
	font-weight:bold;
	font-size:12px;
	line-height:21px;
/*	letter-spacing:-1px;*/
	margin-top:3px;
}
.landingTextBlackLarge {
	font-weight:bold;
	font-size:18px;
	line-height:21px;
	letter-spacing:-1px;
	margin-top:3px;
}

.landingImage {
	margin:8px 15px 8px 0px;
	float:left;
}
.landingGallery {
	width:170px;
	margin:15px 18px;
	float:left;
	clear:none;
	color:#183d7b;
}

#tab-1 .landingGallery {
	width:160px;
}

.landingGallery span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	letter-spacing:-1px;
	text-decoration:none;
	background:url(../images/landingDoubleDivider.gif) repeat-x bottom;
	display:block;
	padding:1px 0 8px 0;
}
		.landingGallery a {
			display:block;
			float:right;
			position:relative;
		}
		.landingGallery div {
			height:259px;
		}
.officeGallery {
	width:190px;
	margin:3px 5px;
	float:left;
	clear:none;
}
.goToSite {
/*	margin-top:5px;*/
	float:right;
}
#secondarySub p, p.secondarySub {
	line-height:21px;
}

.green {
	color:#8ea41e;
}
.getQuote {
	float:right;
	margin:auto 10px 5px auto;
	clear:both;
}
#mainWrapper {
	background: url(/images/bgWrapper.jpg) no-repeat;
	background-position:center top;
	width:100%;
	border-top:1px solid #062E71;
}
#innerWrapper {
	width:970px;
	margin:0 auto;
}
#header {
	width:925px;
	height:71px;
	margin:19px 0 0 25px;
}

.hpslideshow {
	width:930px;
	height:234px;
	overflow:hidden;	
}
#headerRight {
	width:400px;
	float:right;
	text-align:right;
	color:#FFF;
}
#headerRight a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #446295;
}
#headerRight a:hover {
	color:#bed631;
	border-bottom:1px solid #345861;
}

#navTop {
	background:url(/images/bgNavBar.gif) no-repeat;
	width:925px;
	height:51px;
	margin-left:25px;
	z-index:100000;
}

#lightbox {
	z-index:10000000!important;
}
#navTop a.main {
	display:block;
	background:url(/images/bgNavTop.gif) no-repeat;
	width:141px;
	height:25px;/*38*/
	padding:13px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:13px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	float:left;
	clear:none;
	margin:6px 6px;
	text-align:center;
}
#navTop a.seo {
	padding-top:7px;
	height:31px;
}

#navTop a.main:hover, #navTop a.ON {
	background:url(/images/bgNavTopOn.gif);
	color:#062e71;
}

/* [START] sub nav */
#navLeft {
	width:162px;
	height:364px;
	background:#2559b0;
	float:left;
	margin:4px 11px 6px 0;
	padding-top:3px;
}
#navLeft a {
	display:block;
	color:#FFF;
	text-decoration:none;
	padding:4px 7px;
	border-bottom:1px solid #88abe5;
}
#navLeft a:hover, #navLeft a.ON {
	background:#062b6e;
	color:#ecf390;
}
#navLeft .navLeft2 {
	border-bottom:1px solid #88abe5;
}
#navLeft .navLeft2 a {
	display:block;
	padding:1px;
	border-bottom:0;
	font-size:10px;
	padding-left:20px;
}


#navSubWide {
	background:#d5d5d5;
	margin-top:4px;
	padding:9px 7px;
}

.navSubTop {
	background:url(../images/navSubTop.gif) no-repeat;
	width:609px;
	height:8px;
}
.navSubBottomLeft {
	background:url(../images/navSubBottomLeft.gif) no-repeat;
	widows:152px;
	height:8px;
}

#navSubWideLeft {
	color:#FFF;
	float:left;
	width:152px;
}
#navSubWideLeft .top {
	min-height:20px;
	font-weight:bold;
	font-size:15px;
	padding:4px 20px 0 10px;
	background:url(../images/navSubArrow.gif) no-repeat right #2559b0;
}
#navSubWideLeft .bottom {
	padding:10px;
	color:#062e71;
	font-style:italic;
}
#navSubWideRight {
	background:#2559b0;
	float:left;
	width:439px; /*457*/
	min-height:83px;
	padding:0 0 4px 18px;
}
#navSubWideRight div {
	width:132px;
	float:left;
	margin-right:13px;
}
#navSubWideRight a {
	color:#FFF;
	text-decoration:none;
	padding-bottom:3px;
	display:block;
	width:132px;
	border-bottom:1px solid #5c8ad7;
	margin:4px 0 2px 0;
}
#navSubWideRight a:hover, #navSubWideRight a.ON {
	color:#bed631;
}
#navSubWide .mr1 {
	margin-right:1px;
}

/* [END] sub nav*/

#main {
	background:url(/images/bgMainMiddle.png) repeat-y;
	width:930px;/*977*/
	padding:0 23px 0 24px;
}

#newsletterHome {
	background:url(/images/bgNewsletterHome.gif) no-repeat;
	width:718px;
	height:33px;
	text-align:right;
	margin-top:5px;
}
#newsletterHome form {
	width:250px;
	float:right;
	margin:6px 0 0 5px;
}
#newsletter {
	background:url(/images/bgNewsletter.gif) no-repeat;
	width:624px;
	height:33px;
	text-align:right;
}
#newsletter form {
	width:205px;
	float:right;
	margin:6px 0 0 5px;
}

#homeLeft {
	width:718px;
	float:left;
	margin-top:5px;
}
#mainLeft {
	width:624px;
	float:left;
}
#homeRight {
	float:left;
	width:199px;
	margin-left:12px;
}
#mainRight {
	float:left;
	margin-left:6px;
	width:300px;
}
#mainRight .topMargin{
 margin-top:7px;
}

#customerTestimonials {
	background:url(/images/bgCustomerTestimonials.jpg) repeat-x bottom;
	border:1px solid #dadada;
	color:#062e71;
	padding:13px 13px 0px 13px;
	margin-top:7px;
}
#customerTestimonials span {
	display: block;
	background:url(/images/customerTestimonialBubble.gif) no-repeat right;
	font-size:16px;
	font-weight:bold;
	color:#062e71;
	width:230px;
	height:22px;
}

#breadCrumb {
	background:#d7e6ff;
	padding:9px;
	margin-top:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#7d97c3;
}
#breadCrumb a {
	color:#7d97c3;
}

#tabs {
	margin-top:15px;
}

#tabs h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	/*line-height:20px;*/
	letter-spacing:-1px;
}
#tabs .improve {
	font-size:14px;
	line-height:30px;
	letter-spacing:-1px;
}
#tab1-left{
	width:265px;
	float:left;
}

#tab1-right {
	width:393px; 
	margin-left:25px;
	float:left;
	clear:right;
}

#homeBottom {
	border:1px solid #062e71;
	padding:12px;
	margin-top:8px;
}

#homeBottom img {
	float:left;
	margin-right:10px;
}
#homeBottom p {
	display:block;
	float:left;
	width:205px;
	margin-left:15px;
	margin-top:0px;
}
#homeBottom p strong {
	color:#062e71;
/*	text-decoration:none;*/
	font-size:14px;
}
#homeBottom p span {
	color:#2559b0;
	font-weight:bold;
}



.siteMap {
	width:310px;
	float:left;
}
.siteMap ul {
	padding-left:8px;
	margin-left:8px;
}
.siteMap ul li ul {
	margin-left:5px;
	padding-left:5px;
}
.siteMap ul li a {
	font-weight:bold;
	font-size:14px;
}
.siteMap ul li ul li a {
	font-weight:normal;
	font-size:12px;
}




#freeEval {
	background:url(/images/bgFreeEval.gif) no-repeat;
	width:184px;
	height:318px;
	padding:15px 0 0 15px;
}
#freeEval strong {
	text-align:center;
}
#freeEval select, #freeEval input, #freeEval textarea,
#contactUs select, #contactUs input, #contactUs textarea {
	font-size:10px;
	border:1px solid #aeaeae;
	width:169px;
}
#freeEval select {
	margin:5px auto 0 auto;
}
#freeEval label {
	color:#062e71;
	font-weight:bold;
	display:block;
	margin-top:4px;
}
#contactUs label {
	color:#062e71;
	font-weight:bold;
	display:block;
	width:150px;
	float:left;
}
#freeEval button {
	margin:3px 15px 0 0;
	float:right;
}
#contactUs button{
	margin:3px 15px 0 150px;
}
#contactUs select {
	margin:3px 15px 0 0;
}



.testimonialCallout {
	background:url(../images/testimonialBG.jpg) no-repeat bottom #f3fdc0;
	margin-top:7px;
	padding-bottom:7px;
	font-weight:bold;
	font-size:9px;
}
.testimonialCallout div {
	margin:0px 15px;
}
.testimonialTitle {
	font-size:16px;
	line-height:18px;
	color:#062e71;
	display:block;
	text-align:center;
	font-weight:bold;
}
.testimonialSubTitle {
	font-size:12px;
	line-height:14px;
	color:#062e71;
	display:block;
	text-align:center;
	text-decoration:underline;
	margin-bottom:5px;
}
.testimonialLink {
	display:block;
	text-align:right;
	font-size:10px;
}

#footer {
	background:#062e71;
	text-align:center;
	padding:16px 0;
}

#footerInner {
	width:977px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:15px;
	margin:0 auto;
}

#footerInner a, #footerInner .blue {
	color:#aac2ea;
}
#footerInner a:hover {
	color:#bed631;
}

.seo-placement {
	color:#BED631;
	font-weight:bold;
	font-size:14px;
}
#video-links div {
	width: 200px;
	float: left;
	text-align: center;
	margin-right: 6px;
	margin-bottom: 12px;
}
#video-links div a {
	text-decoration: none;
}
#video-links div img {
	margin-bottom: 3px;
}

#search {
	height:22px;
	padding:5px;
	background:#256fbf;
	margin-bottom:7px;
}
#search input {
	width:219px;
	margin-right:5px;
	float:left;
}
#search button {
	float:right;
	background:none;
	border:0;
	padding:0;
	margin:0;
	width:62px;
	height:21px;
}
#search button img {
	border:0;
	margin:0;
}
.back {
	text-decoration:none;
	font-weight:bold;
	margin-top:5px;
	display:block;
	width:50px;
	padding:5px;
}

<!--start of portfolio CSS-->
#thumbnails {
	float: left;
	width: 635px;
}
#portfoliocontainer {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 650px;
}
#portfoliocontainer a {
	color: #457bd4;
	text-decoration: none;
}
#portfoliocontainer a:hover {
	color: #062f71;
	text-decoration: underline;
}
#portfoliocontent {
	float: left;
	width: 650px;
	margin-left: 14px;
}
#portfoliocontent h1 {
	font-size: 35px;
	color: #062f71;
	letter-spacing: -1px;
	margin-bottom: 10px;
}
#leftnav {
	background-image: url(../images/leftnav.png);
	background-repeat: no-repeat;
	float: left;
	height: 236px;
	width: 139px;
}
#leftnavtext {
	color: #FFF;
	float: left;
	width: 122px;
	font-size: 12px;
	margin-left: 10px;
	line-height: 23px;
	margin-top: 18px;
}
#leftnavtext li {
	list-style-type: disc;
}
#leftnavtext strong {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
#righttext {
	float: left;
	width: 437px;
	font-size: 12px;
	line-height: 16px;
	margin-left: 15px;
	margin-top: 32px;
}
#righttextcont {
	float: left;
	width: 650px;
	font-size: 11px;
	line-height: 14px;
	margin-top: 5px;
}

#thumbnails {
	float: left;
	width: 650px;
}

#thumbnails ul {
	width:711px;
	margin:10px auto;
	list-style-type:none;
	margin:0;
	padding:0;
	}

#thumbnails li {
	width:204px;
	float:left;
	padding:0;
	margin-top: 6px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-align: center;
	color: #457bd4;
	font-size: 13px;
	font-weight: normal;
	height:230px;
	}

#thumbnails h3 {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #062f71;
}

#thumbnails a {
	color: #457bd4;
	text-decoration: none;
	}
	
#thumbnails a:hover {
	color: #062f71;
	text-decoration: underline;
}

#portfolionavigation {
	float: left;
	width: 635px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
	color: #457bd4;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin-left: 8px;
	letter-spacing: 0px;
}
#portfolionavigation h2 {
	font-size: 20px;
	margin-bottom: 5px;
}
#portfolionavigation strong {
	color: #062f71;
}

.clear {
	clear: both;
}

#portfolionav {
	margin:20px 0;
	text-align:center;
	line-height:20px;
	color:#457bd4;
}

#portfolionav a {
	display: inline-block;
	margin:0 10px 0px 10px;
	color:#457bd4;
	text-decoration:none;
}

#portfolionav a:hover  {
	text-decoration:underline;
}

#portfoliocats h2 {
	padding:0px;
	margin:0px;
	}
	
	#portfoliocats li {
		float:left;
		width:170px;
		list-style-type:none;
		margin:0 15px 10px 0;
		height:180px;
		text-align:center;
	}
	
#portfolionav h2 {
	font-size:24px;
	margin-bottom:12px;
}

<!--end of portfolio CSS-->


#hpdesignportfoliowrap {
	width:705px;
	overflow:hidden;
	height:250px;
}

#hpdesignguideswrap {
	width:705px;
	overflow:hidden;
	height:270px;
}

#hpdesignportfolio {
	width:621px;
	height:200px;
	float:left;
	}
	
	#hpdesignguides {
	width:620px;
	height:275px;
	float:left;
	}
	
	#hpdesignguides div {
	text-align:center;
	float:left;
	}

.hpdesignportfolionav {
	float:left;
	width:30px;
	padding-top:75px;
	margin:0 5px;
	}

#hpdesignportfolio div {
	text-align:center;
	float:left;
	}
	
#viewmoredesigns {
	margin-top:20px;
	margin-left:580px;
	margin-bottom:0px;
}

#wordpress ul {
	-webkit-padding-start: 0px;
}

#wordpress li {
	float:left;
	width:300px;
	margin:0 10px 30px 0;
	text-align:center;
	list-style-type:none;
	padding:0;
	font-size:16px;
	font-weight:bold;
}
#wordpress li a {
	text-decoration:none;
	color:#000;
}