@charset "utf-8";
/* CSS Document */
html, body {padding:0px; margin:0px;}

/* ///// Formating /////// */
h2 {color:#000; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:lighter; line-height:1.5; display:inline;}
h3 {font-size:20px;}
span#inline {display:inline;}
span#hidden {display:none;} /* don't display the extra keywords to viewers, only to bots */

span#indent {text-indent:30px;}

/* ////////// HEADER  ///////// */

#header {padding:0px; margin:0px;
height:144px;
background-color:#590000;}
#headerstuff {
/*margin-left:100px;*/
margin-left:auto;
margin-right:auto;
width:1000px;}

#contactbutton {position:absolute; margin-left:880px; margin-top:-135px;}

#buttonarea a {display:block; width:160px; height:147px; background:url(../images/contactbuttonsplice.png);text-decoration:none; border-bottom-width:0px;}
#buttonarea a:hover {display:block; width:160px; height:147px; background:url(../images/contactbuttonsplice.png) 0 -147px; text-decoration:none; border-bottom-width:0px;}

img#logo {display:block; margin-left:40px; margin-right:50px; float:left;}

#spacer {height:90px; width:10px;}

#headerstuff a {color:#fff; font-size:36px; font-family: font-family:"Abadi MT Condensed Light", sans-serif; text-decoration:none; margin-right:55px;}

#headerstuff a:hover {border-bottom:4px solid #FFF; }
#headerstuff a:active {border-bottom:4px solid #FFF; }
#headerstuff a.current {border-bottom:4px solid #FFF; }

#contactbutton a:hover {border-bottom:0px;}
#contactbutton a:active {border-bottom:0px;}
#contactbutton a.current {border-bottom:0px;}

#extrablueprint {background-image:url(../images/bgrepeat.png); background-repeat:repeat-x;}

#blueprint {margin:0; height:780px; background-image:url(../images/blueprint.png); background-repeat:no-repeat;}

/* /////////// SMALL MENU  /////////////  */

#writetop {background-image:url(../images/writetop.png); 
/*margin-left:100px; */
margin-left:auto; 
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
width:1030px;
height:50px;
}



ul.menu {
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;}

.menu li {
	float:left;
	margin:0px;
	padding:0px;}

.menu li#generalcontracting a, li#generalcontractingactive a {
	text-decoration:none;
	display:block;
	width:152px;
	height:45px;
	margin-left:32px;
	margin-right:14px;
	}

.menu li#projectmanagement a, li#projectmanagementactive a {
	text-decoration:none;
	display:block;
	width:157px;
	height:45px;
	margin-left:0px;
	margin-right:14px;
	}
	
.menu li#designbuild a, li#designbuildactive a {
	text-decoration:none;
	display:block;
	width:125px;
	height:45px;
	margin-left:0px;
	margin-right:14px;
	}

.menu li#architecturaldesign a, li#architecturaldesignactive a {
	text-decoration:none;
	display:block;
	width:153px;
	height:45px;
	margin-left:0px;
	margin-right:14px;
	}
	
.menu li#draftingservices a, li#draftingservicesactive a {
	text-decoration:none;
	display:block;
	width:135px;
	height:45px;
	margin-left:0px;
	margin-right:14px;
	}

.menu li#buildingpermitdrawing a, li#buildingpermitdrawingactive a {
	text-decoration:none;
	display:block;
	width:177px;
	height:45px;
	margin-left:0px;
	margin-right:14px;
	}

.menu li a span {
	display:none;
}

#generalcontractingactive a {background:url(../images/menusplice.png) -20px 0px; background-repeat:no-repeat;}
#generalcontracting a {background:url(../images/menusplice.png) -20px -52px; background-repeat:no-repeat;}
#generalcontracting a:visited {background:url(../images/menusplice.png) -20px -52px; background-repeat:no-repeat;}
#generalcontracting a:hover {background:url(../images/menusplice.png) -20px 0px; background-repeat:no-repeat;}
#generalcontracting a:active {background:url(../images/menusplice.png) -20px 0px; background-repeat:no-repeat;}

#projectmanagementactive a {background:url(../images/menusplice.png) -186px 0px; background-repeat:no-repeat;}
#projectmanagement a {background:url(../images/menusplice.png) -186px -52px; background-repeat:no-repeat;}
#projectmanagement a:visited {background:url(../images/menusplice.png) -186px -52px; background-repeat:no-repeat;}
#projectmanagement a:hover {background:url(../images/menusplice.png) -186px 0px; background-repeat:no-repeat;}
#projectmanagement a:active {background:url(../images/menusplice.png) -186px 0px; background-repeat:no-repeat;}

#designbuildactive a {background:url(../images/menusplice.png) -357px 0px; background-repeat:no-repeat;}
#designbuild a {background:url(../images/menusplice.png) -357px -52px; background-repeat:no-repeat;}
#designbuild a:visited {background:url(../images/menusplice.png) -357px -52px; background-repeat:no-repeat;}
#designbuild a:hover {background:url(../images/menusplice.png) -357px 0px; background-repeat:no-repeat;}
#designbuild a:active {background:url(../images/menusplice.png) -357px 0px; background-repeat:no-repeat;}

#architecturaldesignactive a {background:url(../images/menusplice.png) -495px 0px; background-repeat:no-repeat;}
#architecturaldesign a {background:url(../images/menusplice.png) -495px -52px; background-repeat:no-repeat;}
#architecturaldesign a:visited {background:url(../images/menusplice.png) -495px -52px; background-repeat:no-repeat;}
#architecturaldesign a:hover {background:url(../images/menusplice.png) -495px 0px; background-repeat:no-repeat;}
#architecturaldesign a:active {background:url(../images/menusplice.png) -495px 0px; background-repeat:no-repeat;}

#draftingservicesactive a {background:url(../images/menusplice.png) -662px 0px; background-repeat:no-repeat;}
#draftingservices a {background:url(../images/menusplice.png) -662px -52px; background-repeat:no-repeat;}
#draftingservices a:visited {background:url(../images/menusplice.png) -662px -52px; background-repeat:no-repeat;}
#draftingservices a:hover {background:url(../images/menusplice.png) -662px 0px; background-repeat:no-repeat;}
#draftingservices a:active {background:url(../images/menusplice.png) -662px 0px; background-repeat:no-repeat;}

#buildingpermitdrawingactive a {background:url(../images/menusplice.png) -811px 0px; background-repeat:no-repeat;}
#buildingpermitdrawing a {background:url(../images/menusplice.png) -811px -52px; background-repeat:no-repeat;}
#buildingpermitdrawing a:visited {background:url(../images/menusplice.png) -811px -52px; background-repeat:no-repeat;}
#buildingpermitdrawing a:hover {background:url(../images/menusplice.png) -811px 0px; background-repeat:no-repeat;}
#buildingpermitdrawing a:active {background:url(../images/menusplice.png) -811px 0px; background-repeat:no-repeat;}

/* ////////  END MENU ////////// */

#writehere {background-image:url(../images/writehere.png);
background-position:center top;
/*margin-left:100px;*/
margin-left:auto;
margin-right:auto;
width:1030px;
min-height:730px;
}
div#writehere div, span, p {text-align:justify;}

#footer {text-align:center;
border-top-color:#590000; 
border-top-style:solid;
/*padding-left:450px;*/
padding-top:14px;
padding-bottom:14px;
border-width:1px;
}

/*#content form {padding-left:10px;}*/
/* ///////// CONTACT ARROW //////// */
div#contactarrow {width:873px; height:170px; margin-top:80px; background:url(../images/contact-arrow.png); background-repeat:no-repeat; padding-top:10px;}
div#contactarrow a#contactarrowbuton {position:relative; margin-left:577px; margin-top:4px; display:block; width:235px; height:140px; background:url(../images/contact-arrow-splice.png) 0px -14px; background-repeat:no-repeat;}
div#contactarrow a:hover#contactarrowbuton {display:block; width:235px; height:140px; background:url(../images/contact-arrow-splice.png) 0px -184px; background-repeat:no-repeat;}

/* ///////// ORIGINAL VERSION //////// */
#content h1 { color:#590000; font-family:"Abadi MT Condensed Light", sans-serif; text-decoration:underline; font-size:22px; font-weight:bolder; margin-bottom:5px;}
#c_both h1 {margin-top:0px; margin-bottom:10px;}
#content   {color:#000; font-family:Arial, Helvetica, sans-serif; font-size:16px; /*font-weight:bolder;*/}
#content p {text-indent:30pt; margin-top:5px; line-height:1.5;}
#content div, span {line-height:1.5;}

table {margin-left:0px; padding-left:0px;}
tr {margin-left:0px; padding-left:0px;}
td {margin-left:0px; padding-left:0px;}

td.indent {text-indent:30pt; margin-top:1px;}
#content a {font-family:inherit; font-size:inherit; color:#590000; /*font-weight:bolder;*/ text-decoration:underline;}
/*#content a:hover { color:#590000; font-weight:bold; text-decoration:underline;}*/
#c_left { width:500px; float:left; padding:30px; padding-left:40px; padding-top:5px; margin-top:0px; }
#c_right {width:400px; float:left; padding:20px; padding-left:30px; margin-top:20px; border-left:2px solid #590000;}
#c_both {width:950px; padding:20px; padding-left:40px;}

/* /////////// IMAGES /////////// */
.floatr {float:right;}
.floatl {float:left;}

#officepic {padding:20px; padding-top:40px;}
#drafting {padding-left:20px; padding-top:25px;}
img#designbuild {padding-right:20px;}
#testimonial {padding-left:40px;}
#draftingservicepic {padding-right:20px;}
#permitpic {padding-left:20px;}
#generalcontractingpic {padding-left:20px;}
#projectmanagementpic {padding-right:20px;}

/* /////////////// GALLERY ///////////////// */
span#giveback {margin-left:700px; margin-top:20px; color:#CCC; font-size:.7em;}
span#giveback a, span#giveback a:hover {color:#CCC; font-size:.8em; text-decoration:none;}