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

* { margin: 0; outline:none; }

html, body { height: 100%; }

.page {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -84px; /* the bottom margin is the negative value of the footer's height */
	background: url(/images/clouds5.jpg) fixed center top;	
}

.footer, .push {
	height: 84px; /* .push must be the same height as .footer */
	clear: both; 	
}


.footer {  border-top:0px solid #eeeeee; position:relative; }  /* background: #3184b9; */
.footer-top { background: url(/images/footer-bg-top.png) repeat-x; position: absolute; top:-10px; width:100%; height:20px; }

.footer-content { background: url(/images/footer-bg27.jpg) no-repeat; width:1000px; margin:0 auto; height:50px; padding: 10px 0 0; color:#959595; }
.copyright { height:20px; padding-top:4px; background-color:#252525; color:#737373; font-size:12px; }
.copyright-content { width:1000px; margin:0 auto; text-align:right; }

.topBar { background-color: #6d6d6d; border-bottom: 1px solid #4e4e4e; position:fixed; width:100%; z-index:999; }
.topBar-content { width:916px; margin:0 auto; text-align:right; }
.topBar-content a { font-family: cartoGothic; padding:0 20px; height: 30px; line-height:30px; color:#cccccc; text-decoration:none; font-size:12px; text-transform:uppercase; display:inline-block; border-right:1px solid #545454; border-left:1px solid #838383; }
.topBar-content a:visited { color:#cccccc; }
.topBar-content a:hover { color:#fff; background-color:#5c5c5c; border-left:1px solid #5c5c5c; }

.navWrap { border-left:1px solid #545454; border-right:1px solid #838383; display:inline-block; zoom:1; *display:inline; float:right; }

.content { width: 1000px; margin: 0 auto; padding-top:80px; } /*960*/
.content-container { background: url(/images/white5.png);float:left;padding:36px;border:2px solid #a8d3eb; }

.col_left { width: 240px; float:left; }
.col_right { width: 680px; float:left; padding-bottom:20px; }

.section { border:1px solid #b0d3e7; padding:20px 20px 40px; background: url(/images/white6.png); position:relative;margin-bottom:40px; }
.portfolioWrap { position:absolute; top:0; left:20px; width:680px; }

@font-face {
    font-family: 'Caviar Dreams';
    src: url('/data/fonts/caviardreams-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/data/fonts/caviardreams-webfont.woff') format('woff'), 
	     url('/data/fonts/caviardreams-webfont.ttf')  format('truetype'),
	     url('/data/fonts/caviardreams-webfont.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cartoGothic';
    src: url('/data/fonts/CartoGothicStd-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/data/fonts/CartoGothicStd-Bold-webfont.woff') format('woff'), 
	     url('/data/fonts/CartoGothicStd-Bold-webfont.ttf')  format('truetype'),
	     url('/data/fonts/CartoGothicStd-Bold-webfont.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* typography ***** */
body { font-family: Verdana, Arial, Helvetica, sans-serif; color:#363636; }
h1 { font-family: cartoGothic, Verdana; font-weight:normal; font-size:30px; margin:0px 0 12px; color:#708b13;  border-bottom:0px solid #dfdfdf; }
.col_right > :first-child { margin-top: 0 !important; }  /* set top margin for first element to zero so that it is flush with the top of the container */
p { line-height:148%; margin-bottom:20px; font-size:14px; }

ul { margin:5px 0 0; padding:0 0 0 20px; }
ul li { margin-bottom:10px; }

a { color:#3d94c3; text-decoration:none; }
a:visited { color:#3d94c3; }
a:hover { text-decoration: underline; }

/* end of typography */

.logo { display:block; margin-left:16px; }
.box { width:350px; float:left; margin-top:20px; }
.c1 { margin-right:20px; }
.box h2 { display:inline-block; font-size:18px; margin-left:5px; font-weight:normal; position:relative; bottom:5px; zoom:1; *display:inline; }
.box p { font-size: 12px; padding:4px 0 0 37px; }
.clearfloats { clear:both; }

.servicesAnchor { position:relative; height:960px; margin-top:40px; }
.toolset { width:162px; height:300px; padding:20px; border: 1px solid #b0d3e7; background: url(/images/white6.png); position:absolute; left:-230px; top:90px; } /* d3e9f5 */
.ribbon { position:absolute; left:-57px; top:-3px; background: url(/images/ribbon.png) no-repeat; width:261px; height:40px; padding:5px 0 0 52px; color:#fff; }

.servicesWrap { position:absolute; left:0px; padding:0 20px 30px 20px; width:638px; border:1px solid #b0d3e7; background: url(/images/white6.png); } /* background-color:#d3e9f5; } */
.services { border-collapse: collapse; }
.services td {  width:300px; padding-top:20px; vertical-align: top; } 
.servicesAnchor h2 { display:inline-block; font-size:18px; margin-left:5px; font-weight:normal; position:relative; bottom:5px; zoom:1; *display:inline; }
.services p { font-size: 12px; padding:4px 0 0 37px; }
.services tr > :first-child { padding-right:20px; }

.customTitle a { color: #0099FF; text-decoration:none; font-weight:bold; }
.customTitle a:visited { color:#0099FF; }
.customTitle a:hover { text-decoration: underline; }

.portfolio { margin:0 0 8px -3px; float:left; background: url(/images/portfolio/frame.png) no-repeat; display:block; width:179px; height:129px; padding:11px 22px 22px; }
.portfolio:hover { }
.r1 { margin-left:-12px !important; }
.portfolio img { border:none; width: 179px; height:129px; }

.contactForm { margin-top:20px; padding:20px; background: url(/images/grid.png); }
.contactForm label { display:block; font-size:12px; font-family: cartoGothic, Verdana; margin-bottom:1px; color:#8ab8d2; }
.contactForm input, .contactForm textarea { color:#3d3d3d; display:block; margin-bottom:20px; padding:7px; font-size:16px; background: url("/images/white5.png"); border:1px solid #b0d3e7; width: 300px; }
.contactForm textarea { font-family: Verdana; font-size:14px; height:260px; overflow: auto; }
#submit, #reset { display:block; width: 127px; height: 31px; padding:11px 0 0; text-align:center; background: url(/images/button3.png) no-repeat top; border:none; color:#fff; font-weight:bold; font-family: cartoGothic; cursor:pointer; } 

.error { border: 1px solid #cd1f1f !important; }
.errMsg, .results { margin-bottom:20px; color: #56a1ca; font-family: cartoGothic; width:300px; display:none; }
.loading { background: url(/images/loading.gif) no-repeat; height:20px; padding-left:24px; line-height:20px; font-family:cartoGothic; color:#6bb0d6; display:none; }
.results img { display:inline-block; zoom:1; *display:inline; margin-right:6px; position:relative; top:2px; }
.results h1 { display:inline-block; zoom:1; *display:inline; font-size:16px; margin-bottom:0px; color:#56a1ca; }
.results p { margin-top:0px; color:#56a1ca;  }
#reset { display:none; }

#moreabout {  padding-bottom:20px; margin-bottom:0; float:left; }
#moreabout .left { width:148px; float:left; }
#moreabout .left img { border:1px solid #b0d3e7; }
#moreabout .right { width:468px; float:left; padding-left: 20px; }
.square { display:inline-block; zoom:1; *display:inline; width:20px; height:20px; padding:5px; background: url(/images/square.png) no-repeat; margin-right:-8px; margin-bottom:-5px; }
.square a { display:block; width:20px; height:20px; }
.links { margin-top:40px; }
.links h2 { margin-bottom:10px; font-size:14px; color:#747474; }
.squareWrap { margin-left:-5px; }

#eee { font-weight:bold; }

.aboutpic {
	width:349px;
	height:271px;
	background: url(/images/aboutpic.jpg) no-repeat;
	position:absolute;
	left: -120px;
	top:20px;
	border:2px solid #B0D3E7;
	

}