@charset "utf-8";

/* CSS Document */
html {background:#EFEFEF;}
body { font-family:Arial, Helvetica, sans-serif; line-height:140%;}

p { font-size:13px; color:#333; margin-bottom:10px;}

h1 { font-family:'DancingScriptOTRegular', Arial, Helvetica, sans-serif; font-size:42px; color:#C00; line-height:130%;}
h2 {font-family:'DancingScriptOTRegular', Arial, Helvetica, sans-serif; font-size:28px; color:#000; line-height:130%;}
h3 {font-family:'DancingScriptOTRegular', Arial, Helvetica, sans-serif; font-size:24px; color:#000; line-height:130%;}
h4 { font-size:12px; font-weight:bold; color:#000;}
h5 {}
h6 { font-size:12px; margin-bottom:10px; color:#666; line-height:16px;}

.clear { clear:both;}
.floatLeft { float:left;}
.floatRight { float:right;}

strong { font-weight:bold;}

.pageWidth {width:960px;}
.centrePage { margin:auto;}

#topBar { background:url(../images/bg_nav.jpg) repeat-x top left;}
#topContent {}
.dividerLong { background:url(../images/longBar.jpg) top center; height:5px;}
.pageBreak { background:url(../images/pageBreak.jpg) top left; height:4px;}
#navigation { float:right;}


#headerBanner { margin:0 auto 15px auto;}

#homeCopy{ height:100%; margin-top:15px; background:#FFF;}
#quickContact { float:right; width:350px; border-left:1px solid #999; padding-left:15px; margin-left:15px; height:100%;}
#quickContact p strong{ color:#C00;}
#quickContactForm { font-size:10px; float:right; text-align:right; width:170px}
#quickContactForm input[type=text] { width:170px; margin-bottom:10px; padding:3px; border:1px solid #CCC;}
#quickContactForm textarea { padding:3px; width:170px; margin-bottom:10px; resize:none; height:90px; border:1px solid #CCC;}
#quickContactForm input[type=submit]{ width:60px; height:23px; background:url(../images/submitbtn.png) 0 0 no-repeat; border:none;}
#quickContactForm input[type=submit]:hover{ width:60px; height:23px; background:url(../images/submitbtn.png) 0 -23px no-repeat;}

#bottomSection { background:#EFEFEF;}
#bottomHolder { padding:15px 0 0 0;}
.latestWorkCopy { float:left; width:240px;}
.latestWorkCopy p { font-size:12px; color:#666;}
#bottomHolder .project {float:left; width:225px; margin-left:15px; margin-bottom:15px;}
#bottomHolder .project h2 { font-size:13px; color:#999; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
#bottomHolder .project h4 { font-size:11px; color:#999; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#bottomHolder .project a:link, #bottomHolder .project a:visited { color:#C00; text-decoration:none;}
#bottomHolder .project .projectBtn { background:url(../images/projectButton.jpg) no-repeat 0 0;}
#bottomHolder .project .projectBtn:hover { background:url(../images/projectButton.jpg) no-repeat 0 -23;}

#footer { padding:15px 0;}
#footer h6 { font-size:11px; margin-bottom:5px;}
#footer h5 { font-size:10px;}
#footer a:link, #footer a:visited { color:#666; text-decoration:none;}
#footer a:hover {color:#C00;}

.workGal { margin-left:20px;}

.testi {}
.testi ul {}
.testi li { width:960px; float:left; margin-right:30px; background:url(../images/testBgTop.jpg) no-repeat top;}
.testi .copy { padding:25px 25px 10px 25px;}
.testi li.author { background:url(../images/testBgTop_02.jpg) no-repeat top;}
.testi li.author .copy { padding:35px 60px 15px 120px;}

.projectGallery { float:right; width:420px; margin-left:20px;}
.projectGallery img { margin-bottom:10px; margin-left:10px;}

a:link, a:visited { color:#C00; text-decoration:none;}
a:hover { color:#000;}
#map_canvas { float:right; width:492px; height:324px;}