/* CSS Document */

body { background-color:#FFFFFF; }
a { color: #000044; text-decoration:none; }
a:hover { color:#ccff33; text-decoration:none; }
.container { height:650px; width:1500px; padding:0px; margin:0px; position:absolute; top:0px; left:0px; }
.contentcontainer { height:650px; width:1500px; padding:0px; margin:0px; position:relative; top:0px; left:0px; }
.banner { height:610px; width:1500px; top:0px; bottom:0px; position:relative; background-image:url(images/bgconcreteblur.jpg); background-repeat:no-repeat; }
.bannerportfolio { height:610px; width:1500px; top:0px; bottom:0px; position:relative; background-image:url(images/bgbuildingsblur.jpg); background-repeat:no-repeat; }
.bannerquote { height:610px; width:1500px; top:0px; bottom:0px; position:relative; background-image:url(images/bgstepsblur.jpg); background-repeat:no-repeat; }
.bannerrates { height:610px; width:1500px; top:0px; bottom:0px; position:relative; background-image:url(images/bgratesblur.jpg); background-repeat:no-repeat; }
.bannerservices { height:610px; width:1500px; top:0px; bottom:0px; position:relative; background-image:url(images/bgbrickblur.jpg); background-repeat:no-repeat; }
.bannercontact { height:610px; width:1500px; top:0px; bottom:0px; position:relative; background-image:url(images/bgcontactblur.jpg); background-repeat:no-repeat; }
.top { padding:0px; margin:0px; height:55px; width:1500px; position:absolute; top:0; left:0; background-image:url(images/transparenttop.png); background-repeat:no-repeat; }
.logo { height:55px; width:400px; position:absolute; left:100px; top:-3px; background-image: url(images/logo-eluminated.png); background-repeat:no-repeat; }
.logo:hover { height:68px; width:400px; position:relative; left:100px; top:-3px; background-image: url(images/logo-white.png); background-repeat:no-repeat; }
.menu { height:55px; width:800px; padding:0px; margin:0px; position:absolute; right:200px; top:0px; float:left; color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size:14px; }
.info { height:50px; width:497px; margin:0px; position:absolute; right:502px; top:60px; float:left; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size:14px; background-image:url(images/slogan.png); background-repeat:no-repeat; }
.musician { height:150px; width:150px; padding:0px; margin:0px; background-image: url(images/attn-musician.png); background-repeat:no-repeat; position:absolute; bottom:80px; left:150px;  } 
.musician:hover { height:150px; width:150px; padding:0px; margin:0px; background-image: url(images/attn-musiciangreen.png); background-repeat:no-repeat; position:absolute; bottom:80px; left:150px;  } 
.smallbusiness { height:150px; width:150px; padding:0px; margin:0px; background-image: url(images/attn-smallbusiness.png); background-repeat:no-repeat; position:absolute; bottom:80px; left:310px;  } 
.smallbusiness:hover { height:150px; width:150px; padding:0px; margin:0px; background-image: url(images/attn-smallbusinessgreen.png); background-repeat:no-repeat; position:absolute; bottom:80px; left:310px;  } 
.requestquote { height:150px; width:150px; padding:0px; margin:0px; background-image: url(images/requestquote.png); background-repeat:no-repeat; position:absolute; bottom:80px; left:700px;  } 
.requestquote:hover { height:150px; width:150px; padding:0px; margin:0px; background-image: url(images/requestquotegreen.png); background-repeat:no-repeat; position:absolute; bottom:80px; left:700px;  } 
.quoterequestquote { height:150px; width:150px; padding:0px; margin:0px; background-image: url(images/requestquote.png); background-repeat:no-repeat; position:absolute; bottom:240px; left:150px;  } 
.quoterequestquote:hover { height:150px; width:150px; padding:0px; margin:0px; background-image: url(images/requestquotegreen.png); background-repeat:no-repeat; position:absolute; bottom:240px; left:150px;  } 
#services { width:115px; height:40px; float:left; top:3px; padding:0px; margin-top:10px; margin-right:1px; background-image:url(images/serviceswhite.png); background-repeat:no-repeat; }
#porfolio { width:128px; height:40px; float:left; top:3px; padding-top:3px;margin-top:10px;  margin-right:1px; background-image:url(images/portfoliowhite.png); background-repeat:no-repeat; }
#rates { width:100px; height:40px; float:left;  top:3px; padding-top:3px; margin-top:10px; margin-right:1px; background-image:url(images/pricingwhite.png); background-repeat:no-repeat; }
#quote  { width:83px; height:40px; float:left; top:3px;padding-top:3px;margin-top:10px; margin-right:1px; background-image:url(images/quotewhite.png); background-repeat:no-repeat; }
#about { width:85px; height:40px; float:left; top:3px; padding-top:3px; margin-top:10px; margin-right:1px; background-image:url(images/aboutwhite.png); background-repeat:no-repeat; }
#contact { width:109px; height:40px; float:left; top:3px; padding-top:3px; margin-top:10px;margin-right:1px; background-image:url(images/contactwhite.png); background-repeat:no-repeat; }

#services:hover { width:115px; height:40px; float:left; top:3px; padding:0px; margin-top:10px; margin-right:1px; background-image:url(images/servicesgreen.png); background-repeat:no-repeat; }
#porfolio:hover { width:128px; height:40px; float:left; top:3px; padding-top:3px;margin-top:10px;  margin-right:1px; background-image:url(images/portfoliogreen.png); background-repeat:no-repeat; }
#rates:hover { width:100px; height:40px; float:left;  top:3px; padding-top:3px; margin-top:10px; margin-right:1px; background-image:url(images/pricinggreen.png); background-repeat:no-repeat; }
#quote:hover  { width:83px; height:40px; float:left; top:3px;padding-top:3px;margin-top:10px; margin-right:1px; background-image:url(images/quotegreen.png); background-repeat:no-repeat; }
#about:hover { width:85px; height:40px; float:left; top:3px; padding-top:3px; margin-top:10px; margin-right:1px; background-image:url(images/aboutgreen.png); background-repeat:no-repeat; }
#contact:hover { width:109px; height:40px; float:left; top:3px; padding-top:3px; margin-top:10px;margin-right:1px; background-image:url(images/contactgreen.png); background-repeat:no-repeat; }

.content {
    padding:15px;
	margin:0px;
	width:510px;
	height:auto;
	position:absolute;
	top:110px;
	left:500px;
	color: #3C260F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
    }
.roundedtop { 
    width:480px;
	height:15px;
	padding:0px;
	margin:0px;
	background-image:url(images/roundedtop.png); background-repeat:no-repeat; }
.middle { 
	margin:0px;
	padding-right:15px;
	padding-left:15px;
	width:450px;
	height:390px;
	overflow:auto;
	background-image: url(images/transparent.png); background-repeat:repeat;
    }
.roundedbottom { 
    width:480px;
	height:15px;
	padding:0px;
	margin:0px;
	background-image:url(images/roundedbottom.png); background-repeat:no-repeat; 
	}
.footer { 
    padding:15px;
	margin:0px;
	width:500px;
	height:auto;
	overflow:auto;
	position:absolute;
	top:545px;
	left:500px;
	color: #3C260F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}


.portfoliocontent {
    padding:15px;
	margin:0px;
	width:510px;
	height:auto;
	position:absolute;
	top:110px;
	left:100px;
	color: #3C260F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
    }
.portfolioroundedtop { 
    width:480px;
	height:15px;
	padding:0px;
	margin:0px;
	background-image:url(images/roundedtop.png); background-repeat:no-repeat; }
.portfoliomiddle { 
	margin:0px;
	padding-right:15px;
	padding-left:15px;
	width:450px;
	height:390px;
	overflow:auto;
	background-image: url(images/transparent.png); background-repeat:repeat;
    }
.portfolioroundedbottom { 
    width:480px;
	height:15px;
	padding:0px;
	margin:0px;
	background-image:url(images/roundedbottom.png); background-repeat:no-repeat; }
	
	
.ratescontent {
    padding:15px;
	margin:0px;
	width:960px;
	height:auto;
	position:absolute;
	top:110px;
	left:100px;
	color: #3C260F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
    }
.ratesroundedtop { 
    width:960px;
	height:15px;
	padding:0px;
	margin:0px;
	background-image:url(images/roundedtoplarge.png); background-repeat:no-repeat; }
.ratesmiddle { 
	margin:0px;
	padding-right:15px;
	padding-left:15px;
	width:930px;
	height:390px;
	overflow:auto;
	background-image: url(images/transparent.png); background-repeat:repeat;
    }
.ratesroundedbottom { 
    width:960px;
	height:15px;
	padding:0px;
	margin:0px;
	background-image:url(images/roundedbottomlarge.png); background-repeat:no-repeat; }
.packagethree {
    height:110px;
	width:110px;
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	background-image:url(images/three.png);
    color:#312107;
	}
.packagetwo {
    height:110px;
	width:110px;
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	background-image:url(images/two.png);
	color:#312107;
    }
.packageone {
    height:110px;
	width:110px;
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	background-image:url(images/one.png);
    color:#312107;
	}