@charset "UTF-8";
/* CSS Document */
* {padding:0px; margin:0px;}
body {background:black url('/images/wormbone-background.jpg') no-repeat center top; font-family:Century Gothic, Arial, Helvetica, sans-serif;}

/* Header */
#header {text-align:center; margin-top:35px; margin-bottom:35px; }
#logo {background: url('/images/wormbone-logo.png') no-repeat 50% bottom; 
width:457px; height:105px;  margin:0px auto 10px auto; padding-bottom:10px; }
#logo a {display: block; width:475px; height:105px; overflow: hidden;}
#logo h1 {text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

/* Page */
#pageContainer {width:872px; padding:auto; margin:10px auto 0px auto;}
#navContainer {width:874px; height:29px; position:relative; }

/* Home Styles */
#homeContainer {background: url('/images/home-background.gif') no-repeat center top; width:874px; height:429px; position:relative;}
#homeDesc {position:absolute; top:35px; left:40px; width:490px; height:130px; color:#FFFFFF; font-size:.8em; line-height:1.6em;}
#homeDesc p {padding-bottom:.5em;}
#homeDesc p.first {padding-top:.5em}
#homeServices {position:absolute; left:575px; top:30px; width:190px; height:135px;} 
#homePhotos {position:absolute; left:8px; top:216px;}

/** Sub Page Styles and Curved Border Styles **/
div.content {background: url(/images/topleftBorder.gif) top left no-repeat; width:874px; position:relative;}
div.contentTitle {background: url(/images/toprightBorder.gif) top right no-repeat; padding:60px 0px 0px 70px;}
div.contentBody {background: url(/images/rightborderBorder.gif) top right repeat-y; padding:15px; clear:right;} 
div.contentFooter {background: url(/images/bottomleftBorder.gif) bottom left no-repeat;}
div.contentFooter span {background: url(/images/bottomrightBorder.gif) bottom right no-repeat; display:block; padding:30px; color:#FFFFFF; font-size:.8em;}

/** ContentBody Grid and Typography  **/
div.leftColumn  {width:200px; float:left; left:55px; top:20px; position:relative;font-size:.8em; color:#ecbd1b;  line-height:1.6em;}
div.rightColumn {width:450px; position:relative; margin-left:320px; top:15px; position:relative; font-size:.8em; color:#FFFFFF;  line-height:1.6em; }

div.rightColumn h3 {font-size:1.3em; font-weight:normal; line-height:1.3; padding-bottom:1.5em; color:#9fbbee}
div.rightColumn h2 {font-size:1em; color:#ecbd1b; font-weight:normal; }
div.rightColumn h4 {font-size:1.1em; color:#ecbd1b; font-weight:normal;}
div.rightColumn p {padding-bottom:1.5em;}
div.rightColumn a, div.rightColumna:link, div.rightColumn a:visited {color:#ecbd1b; text-decoration:none;}
div.rightColumn a, div.rightColumn a:hover {color:#ecbd1b; text-decoration:underline;}
div.project {font-size:.9em; line-height:1.6em; padding:10px; border:1px #484455 double; margin-bottom:5px; background:#1d192d;}

img.right {float:right; padding:0px 0px 10px 10px;}
img.left {float:left; padding:0px 10px 10px 0px;}



/* Footer */
#footer {width:300; color:#ffffff; font-size:.75em; margin:10px 0px 20px 35px;}
#footer a, #footer a:link, #footer a:visited {color:#ecbd1b; text-decoration:none;}
#footer a, #footer a:hover {color:#ecbd1b; text-decoration:underline;}
#copyright {width:300px; float:left;}
#email {width:400px; float:right; text-align:right;padding-right:30px;}

/* Nav Menu */
ul#nav { background:url(/images/wormbone-menu.gif) }
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:29px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#navAbout a, li#navServices a, li#navEquipment a, li#navProjects a, li#navContact a { background:url('/images/wormbone-menu.gif') }

li#navAbout a 						{ background-position:0 0; width:170px; left:0 }
li#navAbout a:hover					{ background-position:0 -29px }
body#pageAbout li#navAbout a 		{ background-position:0 -57px }

li#navServices a 					{ background-position:-170px 0; width:170px; left:170px }
li#navServices a:hover				{ background-position:-170px -29px }
body#pageServices li#navServices a 	{ background-position:-170px -57px }

li#navEquipment a 					{ background-position:-340px 0; width:170px; left:340px }
li#navEquipment a:hover				{ background-position:-340px -29px }
body#pageEquipment li#navEquipment a { background-position:-340px -57px }

li#navProjects a 					{ background-position:-510px 0; width:170px; left:510px }
li#navProjects a:hover				{ background-position:-510px -29px }
body#pageProjects li#navProjects a 	{ background-position:-510px -57px }

li#navContact a 					{ background-position:-680px 0; width:170px; left:680px }
li#navContact a:hover				{ background-position:-680px -29px }
body#pageContact li#navContact a 	{ background-position:-680px -57px }


/* Page Titles + Image Replacement */
#titleElectronicMusicStudio {background: url('/images/homeElectronicMusicStudio.gif') no-repeat 50% bottom; 
width:343px; height:19px;  margin-bottom:0px; margin-top:0px;
}
#titleElectronicMusicStudio h1 {text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0; }

#titleHomeServices {background: url('/images/homeServices.gif') no-repeat 50% bottom; 
width:221px; height:160px;  margin-bottom:0px; margin-top:0px;}
#titleHomeServices h2 {text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0; }

#titleServices {background: url('/images/titleServices.gif') no-repeat 50% bottom; 
width:200px; height:18px;  margin-bottom:0px; margin-top:0px;}
#titleServices h1 {text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0; }

#titleEquipment {background: url('/images/titleEquipment.gif') no-repeat 50% bottom; 
width:200px; height:18px;  margin-bottom:0px; margin-top:0px;}
#titleEquipment h1 {text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0; }

#titleProjects {background: url('/images/titleProjects.gif') no-repeat 50% bottom; 
width:200px; height:18px;  margin-bottom:0px; margin-top:0px;}
#titleProjects h1 {text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0; }

#titleContact {background: url('/images/titleContact.gif') no-repeat 50% bottom; 
width:200px; height:18px;  margin-bottom:0px; margin-top:0px;}
#titleContact h1 {text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0; }