/* main layout divs */

body { background: #B9BB9F url('img/mainbk_2.jpg') no-repeat top center; } /* if you change this image make sure you run it through an export wizard of the site will crawl to load */
#mainwrapper { width:950px; margin-left:auto; margin-right: auto; margin-top: 32px;}
#headerwrapper { margin-left: 26px; display: inline-block; }
#bodywrapper { display: block; display: inline-block; min-height:640px; }
#maincontentleftside { margin-top: 28px; margin-left: 26px; width: 484px; float: left; } /* this contains the main page content */
#maincontentrightside { float: left; width:395px; margin-left: 20px; } /* this contains the navigation, testimonials etc which remain static across pages */
#footerwrapper { margin-top: 20px; margin-left: auto; margin-right: auto; width: 950px; }

/* white curve background */

/* 3 layers like a cake, each has a section of the background, the middle section repeats to */
/* keep it scaleable but do not extend width without changing the images */

.curvetop { background: url('img/curvetop.png') no-repeat top left; width: 950px; height: 35px; display: block; }
.maincontainer { background: url('img/curvebody.png') repeat-y top left; width: 950px; display: block; }
.curvebottom { background: url('img/curvebottom.png') no-repeat; width: 950px; height:25px; display: block; }
.fcurvetop { background: url(img/fcurvetop.png) no-repeat left top; width: 950px; height: 6px; display: block; }
.fmaincontent { background: url(img/fcurvemain.png) repeat-y left top; width: 950px; display: block; }
.fcurvebottom { background: url('img/fcurvebottom.png') no-repeat top left; width: 950px; height: 5px; display: block; }

/* sub layout divs */

#headerleftside { float: left; }
#headerrightside { float: left; margin-left: 200px; }
#navigation { margin-left:48px; margin-top:45px; }
#picturerotate { margin-left: 30px; }
#testimonial { position: relative; }
.photoboxes { float: left; width: 304px; height: 291px; margin-bottom:10px; margin-left:10px; }
.photopage { margin-top: 10px; }

/* site text */

body { font-family: arial; font-size: 17px; color: #3E3E3E; }
.maincontentsmall { font-family: arial; font-size: 15px; }
.boxcontentmiddle { font-family: arial; font-size: 12px; }
.boxtopcontentright { font-family: arial; font-size: 18px; color: #990000; }
.contactheader { font-family: arial; font-size: 18px; font-weight: bold; color: #990000; text-decoration : none;}
.contactheaderlabel{ font-family: arial; font-size: 18px; font-weight: bold; color: #000000; }

.navigationa { text-decoration: none; color: white; font-family: times new roman, georgia, arial; font-size: 23px; }
#testimonialactual { font-family: georgia; font-size: 16px; }
#testimonialcustomer { color: #990000; font-family: arial; font-size: 13px; font-weight: bold;}
.footerptop { display:block; font-size: 11px; margin: 0px; padding: 0px; text-align: center; padding-right: 10px; padding-left: 10px; }
.footerpbottom { display:block; padding-top: 5px; margin: 0px; text-align: center; padding-right: 10px; padding-left: 10px;}
h1 { font-size: 16px; font-family: arial; }
p a { color:#990000; font-size:16px; font-weight:bold; }

/* testimonial */

#openquote { position: absolute; top: 0px; left: 0px; }
#closequote { left:370px; position:absolute; top:70px; }
#testimonialactual { left:30px; position:absolute; top:10px;}
#testimonialcustomer { position:absolute; top:100px; left: 30px;}

/* offer boxes - one image used for each top section, middle and bottom shared */

.boxtop { height: 49px; display: inline-block; font-family: georgia, arial; font-size:17px; width: 453px; }
.boxmiddle { background: url('img/boxmiddle.png') repeat-y top left; width: 453px; padding-bottom: 10px;}
.boxbottom { }
.boxone { background: url('img/box1.png') no-repeat; }
.boxtwo { background: url('img/box2.png') no-repeat; margin-top: 10px;}
.boxthree { background: url('img/box3.png') no-repeat; margin-top: 10px; }
.boxfour { background: url('img/box4.png') no-repeat; margin-top: 10px; }
.boxstar { background: url('img/MarqueePartyPackage.png') no-repeat; margin-top: 10px; }
.boxtopcontentleft { float: left; margin-left:55px; margin-top:18px; }
.boxtopcontentright { float: left; margin-left:50px; margin-top:17px; }
.boxcontentmiddle { display: block; margin-left: 20px; margin-right: 5px; padding-top: 5px; }

/* navigation - uses a map image which changes position based on mouse hover/active page to create a simple nav bar */

#navigationul { list-style-type: none;  }
.navigationli { text-align: right; }
.navigationa { background: url('img/map-navigation.png') no-repeat 16px -59px; vertical-align: top; text-align: right; width: 291px; height: 29px; display: block; padding-right: 16px;  }
.navigationa:hover { background-position: 16px -30px; }
.activepage { background-position: 16px 0px; }
.activepage:hover { background-position: 16px 0px; }
.navigationbox a.navigationa { background:url("img/map-navigation.png") no-repeat scroll -4px -59px transparent; width:260px; padding-right:28px; padding-left:11px;} 
.navigationbox #navigationul { margin-left:0; margin-top:35px; padding-left:0; }
.navigationbox .navigationa:hover { background-position: -4px -30px; }
.navigationbox a.activepage { background-position:-4px 0; }
.navigationbox a.activepage:hover { background-position:-4px 0; }

/* rotating pictures */

.pics { height: 232px; width: 232px; padding: 0; margin: 0; } 
.pics img { width: 369px; height: 208px; top: 0; left: 0 } 

/* contact form */

.submitbutton { background:url(img/submit.png) no-repeat scroll 0 0 transparent; border:medium none; display:block; height:25px; margin-left:212px; margin-top:10px; width:166px; }