/*
################################################################################
##
## START STYLESHEET
##
################################################################################
*/

body {
/*
scrollbar-face-color:#333333; 
scrollbar-shadow-color:#000000; 
scrollbar-highlight-color:#666666; 
scrollbar-3dlight-color:#666666; 
scrollbar-darkshadow-color:#000000; 
scrollbar-track-color:#222222;
scrollbar-arrow-color:#999999;
*/
background-image: url(../images/bg/bodybg.gif);
background-repeat: repeat-x;
background-color: #000000;
background-attachment: fixed;
font-family: arial,helvetica,sans-serif;
font-size: 11px;
color: #eeeeee;
margin: 10px auto;
text-align: center;
}

a:link, a:visited, a:hover {
font-family: arial,helvetica,sans-serif; 
font-size: 11px; 
text-decoration: none; 
font-weight: normal;
color: #eeeeee;
}

#adminlogo {
height: 90px;
width: 240px;
border: 0;
margin: 0;
padding: 0;
position: absolute;
top: 30px;
left: 90px;
cursor: pointer;
}

.greentext { color: #43b548; }
.orangetext { color: #bf6f2d;  }

a.readmore:link, a.readmore:visited, a.readmore:hover {
height: 14px;
width: 70px;
border: 0;
padding: 0;
margin: 0;
overflow: hidden;
display: block;
font-size: 10px;
color: #ffffff;
text-align: center;
}

a.readmore:visited { background-color: #963d2e; }
a.readmore:link { background-color: #963d2e; }
a.readmore:hover { background-color: #4aa94a; }

#wrapper {
height: 644px;
width: 824px;
border: 0;
padding: 0;
margin: 0px auto;
text-align: left;
background-image: url(../images/bg/wrapperbg.gif);
background-repeat: no-repeat;
font-family: arial,helvetica,sans-serif;
font-size: 11px;
color: #eeeeee;
position: relative;
}

#colorbar {
height: 4px; 
width: 732px;
border: 0;
padding: 0;
margin: 0;
background-color: #353695;
background-image: url(../images/bg/colorbarbg.gif);
background-repeat: no-repeat;
background-position: -300px 0px;
position: absolute;
top: 188px;
left: 46px;
overflow: hidden;
}

#buttonbar1 {
height: 42px; 
width: 732px;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 140px;
left: 46px;
overflow: hidden;
}

#buttonbar2 {
height: 42px; 
width: 732px;
border: 0;
padding: 0;
margin: 0;
position: relative;
top: 0px;
left: 0px;
overflow: hidden;
}

#bottomlinks {
height: 20px;
width: 740px;
border: 0px;
padding: 0px;
margin: 0px;
position: absolute;
top: 608px;
left: 41px;
}

#bottomlinks2 {
height: 20px;
width: 740px;
border: 0px;
padding: 0px;
margin: 0px;
position: relative;
text-align: center;
}

#bbblogo { height: 32px; width: 85px; border: 0; margin: 0; padding: 0; position: absolute; top: 598px; left: 102px; }

/*
################################################################################
##
## ADD NEW BUTTONS
##
################################################################################
*/

#newgallerybutton {
position: absolute;
top: 43px;
left: 675px;
}

a.newgallerybutton:link, a.newgallerybutton:visited, a.newgallerybutton:hover {
height: 14px;
width: 70px;
border: 0;
padding: 0;
margin: 0;
overflow: hidden;
display: block;
font-size: 10px;
color: #ffffff;
text-align: center;
}

a.newgallerybutton:link { background-color: #963d2e; }
a.newgallerybutton:visited { background-color: #963d2e; }
a.newgallerybutton:hover { background-color: #4aa94a; }

#newquotebutton {
position: absolute;
top: 43px;
left: 572px;
}

a.newquotebutton:link, a.newquotebutton:visited, a.newquotebutton:hover {
height: 14px;
width: 96px;
border: 0;
padding: 0;
margin: 0;
overflow: hidden;
display: block;
font-size: 10px;
color: #ffffff;
text-align: center;
}

a.newquotebutton:link { background-color: #963d2e; }
a.newquotebutton:visited { background-color: #963d2e; }
a.newquotebutton:hover { background-color: #4aa94a; }

#supportedfiles {
height: 35px;
width: 157px;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 550px;
left: 32px;
}

/*
################################################################################
##
## HOMEPAGE STYLE
##
################################################################################
*/

#slideshow1 {
height: 300px; 
width: 720px;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 203px;
left: 61px;
overflow: hidden;
}

#slideshow2 {
height: 300px; 
width: 720px;
border: 0;
padding: 0;
margin: 0;
background-image: url(../images/bg/flashbg.gif);
background-repeat: no-repeat;
position: relative;
top: 0px;
left: 0px;
overflow: hidden;
}

#homebottombg {
height: 100px; 
width: 760px;
border: 0;
padding: 0;
margin: 0;
background-image: url(../images/bg/homebottombg.gif);
background-repeat: no-repeat;
position: absolute;
top: 500px;
left: 32px;
overflow: hidden;
}

#homepagetext {
height: 210px;
width: 330px;
border: 0;
padding: 0;
margin: 0;
font-size: 11px;
color: #eeeeee;
text-align: justify;
position: absolute; 
top: 245px;
left: 80px;
overflow: hidden;
}

#homepagetext i {
color: #43b548;
font-weight: bold;
font-size: 12px;
margin: 0 2px 0 0;
}

#homepagetext a:link, #homepagetext a:visited {
color: #bf6f2d;
font-size: 11px;
}

#homepagetext a:hover {
color: #43b548;
font-size: 11px;
}

#homepageleft {
margin: 0;
padding: 0;
border: 0;
font-size: 11px;
font-weight: bold;
color: #333333;
position: absolute;
top: 525px;
left: 55px;
}

#homepagecenter {
margin: 0;
padding: 0;
border: 0;
font-size: 11px;
font-weight: bold;
color: #333333;
line-height: 11px;
position: absolute;
top: 523px;
left: 370px;
}

#homepagecenter2 {
margin: 0;
padding: 0;
border: 0;
font-size: 8px;
font-weight: bold;
color: #000000;
position: absolute;
top: 558px;
left: 303px;
}

#homepageright {
margin: 0;
padding: 0;
border: 0;
font-size: 11px;
font-weight: bold;
color: #333333;
position: absolute;
top: 525px;
left: 590px;
}

#homebutton1 {
position: absolute;
top: 573px;
left: 207px;
}

#homebutton2 {
position: absolute;
top: 573px;
left: 455px;
}

#homebutton3 {
position: absolute;
top: 573px;
left: 703px;
}

/*
################################################################################
##
## GALLERY STYLE
##
################################################################################
*/

#gallerywrapper {
height: 380px;
width: 782px;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 220px;
left: 21px;
}

#gallerycontent {
height: 380px;
width: 782px;
margin: 0;
border: 0;
padding: 0;
background-image: url(../images/bg/gallerybg.gif);
background-repeat: no-repeat;
position: relative;
}

#gallerymenu {
position: absolute; 
top: 25px; 
left: 20px; 
width: 150px; 
height: auto; 
padding: 0; 
margin: 0; 
border: 0; 
text-align: left;
}

#gallerymenu span {
float: left;
width: 140px; 
height: 20px; 
padding: 0; 
margin: 0; 
border: 0; 
}

.link1, a.link1:link, a.link1:visited { 
color: #ffffff; 
}

a.link1:hover { 
color: #43b548; 
}

.link2, a.link2:link, a.link2:visited, a.link2:hover { 
color: #bf6f2d; 
}

#gallerytitle {
font-size: 20px; 
color: #43b548;
position: absolute; 
top: 40px; 
left: 200px; 
font-weight: bold;
}

#thumbdiv {
display: none;
}

#thumb_1 { position: absolute; top: 76px;  left: 196px;}
#thumb_2 { position: absolute; top: 76px;  left: 241px;}
#thumb_3 { position: absolute; top: 76px;  left: 286px;}
#thumb_4 { position: absolute; top: 76px;  left: 331px;}

#thumb_5 { position: absolute; top: 121px; left: 196px;}
#thumb_6 { position: absolute; top: 121px; left: 241px;}
#thumb_7 { position: absolute; top: 121px; left: 286px;}
#thumb_8 { position: absolute; top: 121px; left: 331px;}

#thumb_9 { position: absolute; top: 166px; left: 196px;}
#thumb_10 {position: absolute; top: 166px; left: 241px;}
#thumb_11 {position: absolute; top: 166px; left: 286px;}
#thumb_12 {position: absolute; top: 166px; left: 331px;}

#thumb_13 {position: absolute; top: 211px; left: 196px;}
#thumb_14 {position: absolute; top: 211px; left: 241px;}
#thumb_15 {position: absolute; top: 211px; left: 286px;}
#thumb_16 {position: absolute; top: 211px; left: 331px;}

#thumb_17 {position: absolute; top: 256px; left: 196px;}
#thumb_18 {position: absolute; top: 256px; left: 241px;}
#thumb_19 {position: absolute; top: 256px; left: 286px;}
#thumb_20 {position: absolute; top: 256px; left: 331px;}

#thumb_21 {position: absolute; top: 301px; left: 196px;}
#thumb_22 {position: absolute; top: 301px; left: 241px;}
#thumb_23 {position: absolute; top: 301px; left: 286px;}
#thumb_24 {position: absolute; top: 301px; left: 331px;}

.mythumb {height: 42px; width: 42px; border: 0; padding: 0; margin: 0;}

#mypicdiv {
height: 267px;
width: 360px;
border: 0;
margin: 0;
padding: 0;
position: absolute;
top: 76px;
left: 385px;
}

.mypicclass {
height: 267px;
width: 360px;
border: 0;
}

#galleryreadmore {
position: absolute;
top: 43px;
left: 675px;
}

/*
################################################################################
##
## READMORE STYLE
##
################################################################################
*/

#readmorewrapper {
height: 380px;
width: 782px;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 220px;
left: 21px;
}

#readmorecontent {
height: 380px;
width: 782px;
margin: 0;
border: 0;
padding: 0;
background-image: url(../images/bg/readmorebg.gif);
background-repeat: no-repeat;
position: relative;
}

#readmoremenu {
position: absolute; 
top: 25px; 
left: 20px; 
width: 150px; 
height: auto; 
padding: 0; 
margin: 0; 
border: 0; 
text-align: left;
}

#readmoremenu span {
float: left;
width: 140px; 
height: 20px; 
padding: 0; 
margin: 0; 
border: 0; 
}

#readmoretitle {
font-size: 20px; 
color: #43b548;
position: absolute; 
top: 40px; 
left: 200px; 
font-weight: bold;
}

#readmoretext {
height: 267px;
width: 549px;
margin: 0;
border: 0;
padding: 0;
text-align: left;
color: #333333;
position: absolute;
top: 76px;
left: 196px;
overflow: hidden;
}

.readmorepic {
height: 89px; 
width: 120px; 
border: 1px solid #333333; 
float: right; 
margin: 0 0 10px 10px;
}

#backtogallery {
position: absolute;
top: 43px;
left: 675px;
}

/*
################################################################################
##
## CONTACT PAGE STYLE
##
################################################################################
*/

#contactwrapper {
height: 380px;
width: 782px;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 220px;
left: 21px;
}

#contactcontent {
height: 380px;
width: 782px;
margin: 0;
border: 0;
padding: 0;
background-image: url(../images/bg/contactbg.gif);
background-repeat: no-repeat;
position: relative;
}

#contactleft {
position: absolute; 
top: 30px; 
left: 20px; 
width: 150px; 
height: auto; 
padding: 0; 
margin: 0; 
border: 0; 
text-align: left;
}

.contact_class { 
font-size: 11px; 
width: 180px; 
height: 22px;  
color: #444444;
}

#contact_name { position: absolute; top: 35px; left: 275px; }
#contact_email { position: absolute; top: 64px; left: 275px; }
#contact_phone { position: absolute; top: 93px; left: 275px; }

#contact_vcode {
font-size: 11px; 
width: 120px; 
height: 22px; 
color: #444444;
position: absolute; 
top: 133px; 
left: 336px;
}

.vcode { height: 30px; width: 60px; border: 0; padding: 0; margin: 0; }
#contactcontent .vcode { position: absolute; top: 128px; left: 195px; }

#contact_vcode_message {
font-size: 10px;
color: #444444;
position: absolute; 
top: 117px; 
left: 220px;
}

#contact_message { 
width: 261px; 
height: 158px; 
position: absolute; 
top: 162px; 
left: 195px; 
overflow: auto; 
background-color: #ffffff; 
font-family: arial,helvetica,sans-serif; 
font-size: 12px; 
color: #444444; 
border: 1px solid #cccccc; 
padding: 4px;
}

#contact_submit { position: absolute; top: 326px; left: 194px; }

#map { height: 200px; width: 230px; border: 0; padding: 0; margin: 0; position: absolute; top: 127px; left: 500px; }

#getdirections { border: 0; padding: 0; margin: 0; position: absolute; top: 334px; left: 500px; }

#contact_address { border: 0; padding: 0; margin: 0; position: absolute; top: 45px; left: 500px; text-align: left; }

.c_class { width: 76px; height: 22px; background-color: #dddddd; text-align: right; }
.c_class b { position: relative; top: 4px; left: -5px; font-size: 11px; font-weight: bold; color: #333333; }

.c_class2 { width: 64px; height: 22px; background-color: #dddddd; text-align: center; }
.c_class2 b { position: relative; top: 4px; left: 0px; font-size: 11px; font-weight: bold; color: #333333; }

#c_name { position: absolute; top: 35px; left: 194px; }
#c_email { position: absolute; top: 64px; left: 194px; }
#c_phone { position: absolute; top: 93px; left: 194px; }
#c_code { position: absolute; top: 133px; left: 264px; }

/*
################################################################################
##
## MESSAGE SENT STYLE
##
################################################################################
*/

#messagesent_text {
height: 210px;
width: 330px;
border: 0;
padding: 0;
margin: 0;
font-size: 11px;
color: #eeeeee;
text-align: justify;
position: absolute; 
top: 245px;
left: 80px;
overflow: hidden;
}

#messagesent_text b {
color: #43b548;
font-weight: bold;
font-size: 12px;
}

#messagesent_text span {
color: #eeeeee;
font-weight: bold;
font-size: 11px;
}

/*
################################################################################
##
## QUOTE STYLE
##
################################################################################
*/

#quotewrapper {
height: 380px;
width: 782px;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 220px;
left: 21px;
}

#quotecontent {
height: 380px;
width: 782px;
margin: 0;
border: 0;
padding: 0;
background-image: url(../images/bg/contentbg.gif);
background-repeat: no-repeat;
position: relative;
}

.quote_class { width: 155px; height: 22px; }

#quote_name { position: absolute; top: 35px; left: 300px; }
#quote_company { position: absolute; top: 64px; left: 300px; }
#quote_phone { position: absolute; top: 93px; left: 300px; }
#quote_fax { position: absolute; top: 122px; left: 300px; }
#quote_email { position: absolute; top: 151px; left: 300px; }
#quote_preferred { position: absolute; top: 180px; left: 300px; }
#quote_type { position: absolute; top: 209px; left: 300px; }
#quote_size { position: absolute; top: 238px; left: 300px; }
#quote_quantity { position: absolute; top: 267px; left: 300px; }
#quote_colors { position: absolute; top: 296px; left: 300px; }
#quote_sides { position: absolute; top: 325px; left: 300px; }

#quote_description { width: 282px; height: 130px; position: absolute; top: 65px; left: 467px; overflow: auto; }

.q_class { width: 96px; height: 22px; background-color: #dddddd; text-align: right; }
.q_class b { position: relative; top: 4px; left: -5px; font-size: 11px; font-weight: bold; color: #333333; }

.q_class2 { width: 64px; height: 22px; background-color: #dddddd; text-align: center; }
.q_class2 b { position: relative; top: 4px; left: 0px; font-size: 11px; font-weight: bold; color: #333333; }

#q_name { position: absolute; top: 35px; left: 194px; }
#q_company { position: absolute; top: 64px; left: 194px; }
#q_phone { position: absolute; top: 93px; left: 194px; }
#q_fax { position: absolute; top: 122px; left: 194px; }
#q_email { position: absolute; top: 151px; left: 194px; }
#q_preferred { position: absolute; top: 180px; left: 194px; }
#q_type { position: absolute; top: 209px; left: 194px; }
#q_size { position: absolute; top: 238px; left: 194px; }
#q_quantity { position: absolute; top: 267px; left: 194px; }
#q_colors { position: absolute; top: 296px; left: 194px; }
#q_sides { position: absolute; top: 325px; left: 194px; }
#q_code { position: absolute; top: 218px; left: 530px; }

#q_description { width: 282px; height: 22px; position: absolute; top: 35px; left: 467px; background-color: #dddddd; text-align: left; }
#q_description b { position: relative; top: 4px; left: 5px; font-size: 11px; font-weight: bold; color: #333333; }

#quote_userfile { position: absolute; top: 263px; left: 467px; }

#quote_submit { position: absolute; top: 295px; left: 467px; }

#q_message { position: absolute; top: 320px; left: 472px; text-align: left; font-size: 11px; font-weight: normal; color: #333333; }

#quote_vcode_message { font-size: 10px; color: #444444; position: absolute; top: 199px; left: 505px;}
#quote_upload_message { font-size: 10px; color: #444444; position: absolute; top: 248px; left: 467px;}

#quotecontent .vcode { position: absolute; top: 213px; left: 467px; }

#quote_vcode { position: absolute; top: 218px; left: 604px; width: 145px; height: 22px; }

/*
################################################################################
##
## DEFAULT STYLE
##
################################################################################
*/

#blankwrapper {
height: 380px;
width: 782px;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 220px;
left: 21px;
}

#blankcontent {
height: 380px;
width: 782px;
margin: 0;
border: 0;
padding: 0;
background-image: url(../images/bg/contentbg.gif);
background-repeat: no-repeat;
position: relative;
}

#defaultTitle {
font-size: 20px; 
color: #43b548;
position: absolute; 
top: 40px; 
left: 200px; 
font-weight: bold;
}

#defaultFrame {
height: 330px;
width: 573px;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 25px;
left: 184px;
}

/*
################################################################################
##
## START UPLOAD PAGE
##
################################################################################
*/

#upload_text { position: absolute; top: 20px; left: 20px; }
#upload_userfile { position: absolute; top: 170px; left: 10px; }
#upload_submit { position: absolute; top: 200px; left: 10px; }

.upload_class { width: 155px; height: 22px; }

#upload_name { position: absolute; top: 15px; left: 116px; }
#upload_email { position: absolute; top: 44px; left: 116px; }
#upload_vcode { position: absolute; top: 115px; left: 116px; }

.u_class { width: 96px; height: 22px; background-color: #dddddd; text-align: right; }
.u_class b { position: relative; top: 4px; left: -5px; font-size: 11px; font-weight: bold; color: #333333; }

#u_name { position: absolute; top: 15px; left: 10px; }
#u_email { position: absolute; top: 44px; left: 10px; }
#u_code { position: absolute; top: 115px; left: 10px; }

.u_vcode { 
height: 30px; 
width: 60px; 
border: 0; 
padding: 0; 
margin: 0; 
position: absolute;
top: 70px;
left: 100px;
}

#upload_vcode_text{
position: absolute;
top: 95px;
left: 10px;
font-size: 10px;
color: #333333;
}

#upload_select_text{
position: absolute;
top: 150px;
left: 10px;
font-size: 10px;
color: #333333;
}

#upload_instructions {
height: 233px;
width: 251px;
border: 1px solid #dddddd;
margin: 0px; 
padding: 0px 10px 0px 10px;
overflow: auto;
position: absolute; 
top: 15px;
left: 280px;
color: #333333;
text-align: justify;
}

/*
################################################################################
##
## END STYLESHEET
##
################################################################################
*/