/* CSS Document */

/*  Standard Page Styles  */

body {
background:url("../images/background_tile.gif") -30px 0px;
background-color:#F1F1F1;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#7A7A7A;
text-align:justify;
line-height:13px;
margin:0px;
padding:0px;
}

a:link {white-space:nowrap; color:#D57903;}
a:visited {white-space:nowrap; color:#91662F;}
a:hover {white-space:nowrap; color:#E98300;}
span.helpText {cursor:help; white-space:nowrap; border-bottom:1px dashed #7A7A7A;}

p {
margin:10px 10px;
}

p.intro {
color:#C3740F;
font-weight:bold;
}

h1 {color:#C3740F; font:22px Times New Roman, Verdana, Arial; font-style:italic; margin:10px 5px 5px 10px; padding:0px 0px 5px 2px; background:url("../images/h1.gif") no-repeat -180px 14px;}

h1.single {color:#C3740F; font:22px Times New Roman, Verdana, Arial; font-style:italic; margin:10px 5px 5px 10px; padding:0px 0px 5px 2px; background:url("../images/h1.gif") no-repeat 0px 14px;}

h2 {}

h3 {color:#C3740F; font-weight:bold; font-size:11px; margin:0px 0px -8px 10px; text-decoration:none;}

h4 {}

/* Background Quills */

div.backQuill {
position:absolute;
width:740px;
height:615px;
z-index:1;
background:url("../images/background_quill.gif") no-repeat 30px 0px;
}

/* Header Logo */

div.quickFontBox {
position:absolute;
top:0px;
left:0px;
width:240px;
background:#FFFFFF url("../images/logo_quill.gif") no-repeat 1% 40%;
z-index:3;
}

div.quickFont {
position:relative;
top:-2px;
left:40px;
font:80px "Times New Roman", Times, serif;
font-style:italic;
color:#000000;
padding-right:20px;
}

div.writeFontBox {
position:absolute;
background:url("../images/corner.gif") no-repeat top right;background-color:#C06C00;
top:0px;
left:211px;
width:225px;
background-repeat:no-repeat;
z-index:2;
}

div.writeFont {
position:relative;
top:-2px;
left:20px;
font:80px "Times New Roman", Times, serif;
letter-spacing:5px;
color:#FFFFFF;
z-index:2;
}

span.strapBlack {
position:relative;
top:72px;
left:103px;
font-size:12px;
color:#000000;
z-index:4;
}

span.strapWhite {
position:relative;
top:72px;
left:110px;
font-size:12px;
color:#FFFFFF;
z-index:4;
}

/* Content Box */

div.contentLeft {
float:left;
width:240px;
margin-top:80px;
}

div.contentLeftSingle {
width:435px;
float:left;
margin-top:80px;
background-color:#F1F1F1;
}

div.contentRight {
float:right;
width:196px;
margin-top:90px;
color:#8D560F;
}

div.contentBox {
position:relative;
width:436px;
top:-3px;
left:-3px;
background-color:#FFFFFF;
border:1px solid #000000;
background:url("../images/content_tile.gif") 240px 0px;
}

div.contentBoxSingle {
position:relative;
width:436px;
top:-3px;
left:-3px;
background-color:#F1F1F1;
border:1px solid #000000;
}

div.contentBoxSingle li {
list-style-type:square;
margin-left:25px;
}

div.contactMe {
background-color:#E1E1E1;
padding:3px 3px 3px 3px;
}

div.contentBoxSahow {
position:absolute;
top:22px;
left:159px;
z-index:2;
background-color:#000000;
}

/* Gallery Box */

div.gallBox {
position:relative;
width:170px;
top:-3px;
left:-3px;
background-color:#FFFFFF;
border:1px solid #000000;
}

div.gallBoxSahow {
position:absolute;
top:112px;
left:605px;
z-index:2;
background-color:#000000;
}

div.gallHeader {
position:relative;
top:0px;
background:#F8F8F8 url("../images/corner.gif") no-repeat top right;
font-size:12px;
font-weight:bold;
color:#ACACAC;
padding:5px;
margin-bottom:10px;
}

div.gallBox img {
border:0px;
float:left;
margin:0px 4px 4px 10px;
}

.spacer {
display:block;
height:1px;
margin:10px 0px;
overflow:hidden;
border-bottom:1px dashed #A2A2A2;
clear:both;
}

.gallBox p {
font-size:9px;
color:#7A7A7A;
text-align:justify;
line-height:11px;
}

div.gallFooter {
margin-top:10px;
height:5px;
overflow:hidden;
background-color:#C06C00;
}

/* Main Navs */

div.mainNavBox {
position:absolute;
top:110px;
left:25px;
z-index:10;
text-align:right;
}

/* Main Menu Position and Dimension Style */

ul {
margin: 0;
padding: 0;
list-style: none;
width: 131px;
}
	
/*  Main Menu Style  */	
	
li.mainMenu {
position: relative;
margin-top:-1px;
border-bottom: 1px dashed #D6B68D;
border-top: 1px dashed #D6B68D;
}
	
/* Flyout/Sub Menu Style  */
	
li.mainMenu ul {
display: none;
position: absolute;
left: 131px;
top: -1px;
width:140px;
background-color:#FFFFFF;
border-top:1px solid #C06C00;
border-right:10px solid #C06C00;
border-bottom:1px solid #C06C00;
border-left:1px solid #000000;
}

/* Main and Flyout/Sub Menu Links Style */

a.single:link {display: block;text-decoration:none; font-weight:bold; padding:8px; color:#000000;}
a.single:visited {display: block;text-decoration:none; font-weight:bold; padding:8px; color:#000000;}
a.single:hover {display: block;text-decoration:none; font-weight:bold; padding:8px; color:#FFFFFF;}

a.multi:link {display:block; cursor:default; text-decoration:none; font-weight:bold; padding:8px; color:#FFFFFF;}
a.multi:visited {display:block; cursor:default; text-decoration:none; font-weight:bold; padding:8px; color:#FFFFFF;}
a.multi:hover {display:block; cursor:default; text-decoration:none; font-weight:bold; padding:8px; color:#000000;}

a.sub:link {display: block; text-decoration:none; color: #C06C00; font-weight:bold; padding: 5px;}
a.sub:visited {display: block; text-decoration: none; color: #C06C00; font-weight:bold; padding: 5px;}
a.sub:hover {display: block; text-decoration: none; color: #FFFFFF; font-weight:bold; padding: 5px; background-color:#C06C00;}

a.multi:link span {float:right; width:0px; height:0px; border-left:6px solid #FFFFFF; border-top:6px solid #BB8641; border-bottom:6px solid #BB8641; margin:0px 0px 0px 4px; overflow:hidden;}
a.multi:visited span {float:right; width:0px; height:0px; border-left:6px solid #FFFFFF; border-top:6px solid #BB8641; border-bottom:6px solid #BB8641; margin:0px 0px 0px 4px; overflow:hidden;}
a.multi:hover span {float:right; width:0px; height:0px; border-left:6px solid #000000; border-top:6px solid #BB8641; border-bottom:6px solid #BB8641; margin:0px 0px 0px 4px; overflow:hidden;}
	
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; }

/* Footer Styles */

div.contentBoxFooter {
clear:both;
padding:4px 0px 7px 0px;
font-size: 9px;
text-align:center;
height:10px;

background-color:#C06C00;
color:#FFFFFF;
}

/* Form Element Styles */

select {
border:1px solid #245524;
width:200px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
padding:2px;
margin:2px;
}

textarea {
border:1px solid #245524;
width:200px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}

.textbox {
border:1px solid #245524;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
width:200px;
padding:2px;
}

.checkbox {
border:1px solid #245524;
}


.button {
float:right;
border-top:1px solid #91662F;
border-right:5px solid #91662F;
border-bottom:1px solid #91662F;
border-left:1px solid #91662F;
background-color:#BB8641;
font:11px Verdana, Arial, Helvetica, sans-serif;
font-weight:600;
color:#FFFFFF;
padding:1px 4px;
margin-right:15px;
}

/* Footer Styles */

div.contentBoxFooter a {font-size: 9px;text-decoration:none;color:#000000;}
div.contentBoxFooter a:visited {font-size: 9px;text-decoration:none;color:#000000;}
div.contentBoxFooter a:hover {font-size:9px; text-decoration:none; color:#FFFFFF;}
div.contentBoxFooter span {cursor:help; border-bottom:1px dashed #FFFFFF;}


