@charset "UTF-8";

@media screen {

/* NORMALIZES ////////////////////////////////////////////////////////////////////// */
body, div, dl, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, input, textarea, select, th, td { margin: 0; padding: 0; }

a { color: #289cc6; text-decoration: underline; cursor: pointer; outline-style: none; outline-width: 0; }
a:hover { color: #000000; text-decoration: underline; }

body, h1, h2, h3, h4, h5, h6, p, li, fieldset, label, input, textarea, select, table { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, li { cursor: default; }
ol, ul { list-style-type: none; }
cite { font-style: italic; font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
address, caption, code, dfn, th, var { font-style: normal; font-weight: normal; }
fieldset, img { border: 0; }

	input, textarea, select { border: solid 1px #819fa6; border-right-color: #a8cfd8; border-bottom-color: #a8cfd8;  /*background-image: url(../images/input_new.png);*/ background-color: #FFFFFF; }
	input:hover, textarea:hover { border: solid 1px #819fa6; border-right-color: #a8cfd8; border-bottom-color: #a8cfd8; /*background-position: 0 -300px;*/ background-color: #ebfbff; }
	select:hover, select:active, select:focus { border: solid 1px #819fa6; border-right-color: #a8cfd8; border-bottom-color: #a8cfd8; /*background-position: 0 0;*/ }
	input:active, textarea:active, input:focus, textarea:focus { border: solid 1px #819fa6; border-right-color: #a8cfd8; border-bottom-color: #a8cfd8; /*background-position: 0 -300px;*/ background-color: #ebfbff; }
	input.button, .button input { border: none; background: none; cursor: pointer; }

.crash, .bless, .info { display: block; margin-top: 10px; padding: 5px 5px 5px 45px;  background-color: #FFF; background-repeat: no-repeat; background-position: 10px center; border-style: solid; border-width: 2px; }
.crash span, .bless span, .info span { display: block; font-weight: bold; font-size: 90%; line-height: 1.2em; text-transform: uppercase; }	
.crash { background-image: url(../images/system_crash.gif); border-color: #CC0000; }
.crash span { color: #CC0000; }
.bless { background-image: url(../images/system_bless.gif); border-color: #1C6827; }
.bless span { color: #1C6827; }
.info { background-image: url(../images/system_info.gif); border-color: #247bbd; }	
.info span { color: #247bbd; }	

.col, .flo, .left { float: left; display: inline; }
.right { float: right; display: inline; } 
.clear { height: 0; clear: both; font-size: 0; line-height: 0; }
hr	{ clear: both; display: block; height: 1px; /*color: #c4c4c4; background: #c4c4c4;*/ border: none; }
.imgxtra { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top; }
a .imgxtra { cursor: pointer; } 
.boxlink, .boxlink h1, .boxlink h2, .boxlink h3, .boxlink h4, .boxlink h5, .boxlink h6, .boxlink p { cursor: pointer; } 
embed, object { outline-style: none; outline-width: 0; }
.orange { color: #f78f1e; }

/* @ELEMENTS ////////////////////////////////////////////////////////////////////// */
body { background: #4a4136; text-align: center; font-size: 12px; line-height: 1.4em; color: #787a7d; min-width: 788px; }

.c1 { background: #fef5d5 url(../images/tile_top.png) repeat-x center top; }
.c2 { background: url(../images/bg_flow.png) repeat-y center top; }
.c3 { background: url(../images/bg_top.jpg) no-repeat center top; }
.c4 { background: url(../images/bg_bottom.png) no-repeat center bottom; }
.c5 { background: #4a4136 url(../images/footer.png) repeat-x center top; }

.fx { display: block; width: 788px; margin: 0 auto; text-align: left; position: relative; top: 0; left: 0; }

.header { height: 239px; }
	
	h1.logo { position: absolute; top: 0; left: 0; font-size: 10px; }
	h1.logo a { display: block; width: 300px; height: 220px; overflow: hidden; position: relative; }
	h1.logo a span.imgxtra { background-image: url(../images/logo_beautiful.png); } 
	h3.call { position: absolute; top: 6px; right: 14px; font: normal 24px Georgia, "Times New Roman", Times, serif; line-height: 1em; color: #fcf4e5; }
	h3.call span { font-size: 16px; }

.main { min-height: 660px; }
	
	ul.nav_main { float: left; display: inline; width: 780px; padding: 0 0 40px 0; margin-left: 4px; text-align: center; overflow: hidden; }
	ul.nav_main li { display: inline; width: auto; background: url(../images/bullet1.gif) no-repeat left center; margin-right: 8px; padding: 0 0 0 21px; font: italic normal 18px Georgia, "Times New Roman", Times, serif; }
	ul.nav_main li.first { background: none; padding-left: 0; } 
	ul.nav_main li a { color: #fcf4e5; text-decoration: none; display: inline-block; margin: 0 0 3px 0; padding: 0; }
	ul.nav_main li a:hover { color: #daad5e; text-decoration: none; background: none; }  

	.main h1 { font: normal 24px Georgia, "Times New Roman", Times, serif; color: #7a5430;/*289cc6*/ margin: 0 30px 0 30px; }
	.main h1.big { font-size: 28px; text-transform: uppercase; } 
	.main h1.thankyou { display: block; font-style: italic; font-size: 36px; padding: 30px 0 0 30px; }
	.main h1.morespace { margin-bottom: 15px; }
	.main h2 { font-size: 14px; font-weigh: bold; color: #4a4136; margin: 0 30px 15px 30px; }
	.main h2.big	 { font-size: 18px; }	
	.main h3 { font-size: 14px; font-weight: bold; color: #b40202; margin: 0 30px 5px 30px; font-family: "Trebuchet MS", sans-serif; }
	.main h4, 	
	.main h5, 	
	.main h6, 
	.main p { color: #4a4136; margin: 0 30px 15px 30px; }
	
	.main a { padding: 1px 2px; }
	.main a:hover { background: none; color: #000000; text-decoration: underline; } 
	.main a.highlight { color: #B40202; }
	.main a.highlight:hover { color: #FFFFFF; background: #B40202; } 
	
	.caption { font: normal 10px "Comic Sans MS", Arial; display: block; text-align: center; }
	
	.wrapper { clear: both; display: block; width: 778px; margin-left: 5px; }
	.decor { background: url(../images/space_line.png) no-repeat center top; padding: 30px 0 10px 0; }
	.wide { width: 588px; }
	.narrow { width: 190px; }
	.narrow a { padding: 0; }
	.narrow a:hover { background: none; color: #000000; text-decoration: underline; } 
	.basic { width: 389px; }

	.gallery { display: block; width: 588px; height: 130px; margin: 0; padding: 0; text-align: left; }
	.scrollable { position: relative; float: left; display: inline-block; width: 524px; height: 100px; margin: 0 1px; padding: 0; text-align: left; overflow: hidden; z-index: 2; }
	.scrollable .items { position: absolute; top: 0; left: 0; clear:both; width:20000em; height: 100px; margin: 0; padding: 0; text-align: left; }
	.scrollable .items a { display: block; float: left; margin: 0 1px 0 0; padding: 0; text-align: left; }
	.scrollable .items img { margin: 0; } 
		a.prevArrow { position: relative; float: left; display: inline-block; width: 30px; height: 100px; outline-style: none; outline-width: 0; overflow: hidden; background: none; padding: 0; }
		a.prevArrow .imgxtra { background-image: url(../images/steps.png); }
		a.nextArrow { position: relative; float: left; display: inline-block; width: 30px; height: 100px; outline-style: none; outline-width: 0; overflow: hidden; background: none; padding: 0; }	
		a.nextArrow .imgxtra { background-image: url(../images/steps.png); background-position: right top; }	
	
	.box { display: block; width: 525px; background: url(../images/box.png) repeat-y center center; margin: 0 0 20px 30px; }
	.box .b1 { display: block; width: 525px; background: url(../images/box.png) no-repeat left top; }
	.box .b2 { display: block; width: 525px; background: url(../images/box.png) no-repeat right bottom; text-align: center; }
	.box p { font-size: 16px; line-height:1.4em; color: #b40202; padding: 10px 0; margin-bottom: 0; font-family: "Trebuchet MS", sans-serif; }
	
	.buttons { display: block; width: 166px; text-align: center; padding-bottom: 15px; }
	.buttons a { display: block; margin-bottom: 12px; }
	
	.members { margin: 0 30px; text-align: center; }
	.members a { padding: 0; margin-bottom: 10px; display: block; }
	.members a:hover { background: none; }
	
	#gmap { display: block; width: 358px; height: 402px; border: solid 1px #999999; margin-bottom: 10px; }
	.google_geocode { float: left; display: inline; width: 150px; }
	.google_geocode a { background: none; padding: 0; } 
	.vcard { float: left; display: inline;  width: 210px; margin: 25px 0; }
	
.footer { padding: 40px 0 20px 0; }
.footer p { color: #fef5d6; }
	p.developer { margin-top: 5px; margin-bottom: 0; }
	p.developer a { color: #7d6e5b; text-decoration: none; }
	p.developer a:hover { color: #FFFFFF; text-decoration: underline; }


/* UNI FORM */	
	fieldset { clear: both; }
	.req { color: #00AEEF; font-weight: bold; }
	.space { clear: both; display: block; height: 20px; font-size: 0; line-height: 0; }
	.noborder { border: none; background: none; padding: 0; }
	hr { display: block; height: 1px; color: #c4c4c4; background: #c4c4c4; border: none; margin: 0; padding: 0; margin: 0 28px 10px 28px; }	
	hr.total { width: 634px; }
	hr.half { width: 200px; margin-left: 210px; } 
	
	ul.uni_form { margin: 0 0 0 28px; padding: 0; list-style-type: none; clear: both; position: relative; width: 634px; }
	ul.uni_form li { margin: 0; padding: 0 0 10px 0; background: none; float: left; clear: both; position: relative; width: 100%; }
	ul.uni_form li hr { margin-left: 0; }

	ul.uni_form li a.addmore  { display: inline-block; padding: 1px 6px; border: solid 1px #00AEEF; margin-top: 10px; }	
	ul.uni_form li a.addmore:hover  { border: solid 1px #ED5AA0; }
	
	.col_right ul.uni_form li h1 { margin: 0 0 10px 0; padding: 0 0 0 0; }
	.col_right ul.uni_form li h2 { margin: 0 0 10px 0; padding: 0 0 0 0; }
	.col_right ul.uni_form li h3 { margin: 0 0 10px 0; padding: 0 0 0 0; }
	.col_right ul.uni_form li h4 { margin: 0 0 10px 0; padding: 0 0 0 0; }
	.col_right ul.uni_form li .scroll_box h4 { clear: both; margin: 0 0 3px 0; padding: 6px 0 2px 0; border-bottom: dotted 1px #c4c4c4;  }
	.col_right ul.uni_form li h5 { margin: 0 0 10px 0; padding: 0 0 0 0; }
	.col_right ul.uni_form li h6 { margin: 0 0 10px 0; padding: 0 0 0 0; }
	.col_right ul.uni_form li p { margin: 0 0 10px 0; padding: 0 0 0 0; }	
	.col_right ul.uni_form li p.crash, 
	.col_right ul.uni_form li p.bless, 
	.col_right ul.uni_form li p.info { display: block; margin: 10px 0 0 0; padding: 5px 5px 5px 45px; }
	.col_right ul.uni_form li p.crash span, 
	.col_right ul.uni_form li p.bless span, 
	.col_right ul.uni_form li p.info span { display: inline-block; }
		
	ul.uni_form li span.double { float: left; display: inline; width: 210px; }
	ul.uni_form li span.bubble_holder { display: block; position: relative; padding-top: 5px; } 
	ul.uni_form li span.bubble_holder span.bubble { position: absolute; top: 25px; left: 0; z-index: 2; }
	ul.uni_form li span.bubble_holder span.bubble span { display: block; width: 190px; background: #FFF url(/images/system_info.gif) no-repeat 5px 5px; padding: 5px 5px 5px 25px; border: solid 1px #000; font-size: 90%; } 
	ul.uni_form li label.v3 span, 
  	ul.uni_form li span.chkbox { line-height: 12px; }
	ul.uni_form li label.v4 span { float: right; display: inline; width: 141px; padding: 0; margin: 0; }	

	ul.uni_form li div.up_loaded_link { clear: both; display: block; width: auto; margin-left: 210px; }
	ul.uni_form li div.up_loaded_link a { float: left; display: inline; width: 86px; } 
	ul.uni_form li div.up_loaded_link span.delete input { display: inline; margin-right: 5px; }
	ul.uni_form li div.group_right { float: left; display: inline; width: 350px; }
	ul.uni_form li div.scroll_box { display: block; width: 192px; height: 120px; padding-right: 6px; overflow: auto; position: relative; border: solid 1px #999999; border-right-color: #E2E2E2; border-bottom-color: #E2E2E2; }
	ul.uni_form li div.sb { display: block; width: 166px; margin-left: 8px; padding: 3px 0 5px 0; }

	ul.uni_form li label { float: left; display: inline; padding: 4px 0; margin: 0 10px 0 0; line-height: 1em; *line-height: normal; }
	ul.uni_form li label.v1 { width: 200px; }
	ul.uni_form li label.v2 { float: none; display: block; width: 410px; margin-right: 0; }
	ul.uni_form li label.v3 { float: none; display: block; width: 200px; margin-right: 0; margin-left: 210px; }
	ul.uni_form li label.v4 { display: block; width: 166px; margin: 0; }
	ul.uni_form li label.vcenter { margin-top: 42px; }
		
	ul.uni_form li input { float: left; display: inline; padding: 2px 3px; margin: 0 10px 5px 0; position: relative; z-index: 2; }
	ul.uni_form li input.v1 { width: 192px; height: 16px; }
	ul.uni_form li input.v2 { float: none; display: block; width: 402px; height: 16px; margin-right: 0;  }		
	ul.uni_form li input.browse { height: auto; }
	ul.uni_form li input.radio { border: none; background: none; width: 20px; padding: 0; }
	ul.uni_form li input.chkbox { border: none; background: none; width: 20px; padding: 0; }
	ul.uni_form li label.v4 input.chkbox { float: left; display: inline; width: 20px; padding: 0; margin: 0; }
	ul.uni_form li input.button { border: none; background: none; padding: 0; margin-left: 210px; width: auto; height: auto; }
	ul.uni_form li input.hidden { padding: 0; margin: 0; border: none; background: none; }
	ul.uni_form li input#hittheblue { width: auto; height: auto; margin-top: 4px; padding: 0; background: none; border: none; }
	ul.uni_form li input#iMemAddr2 { height: auto; }
	ul.uni_form li input.up_load { height: auto; }
	ul.uni_form li input#iSiteName { display: inline; width: 140px; height: 16px; margin: 0 3px; }
			
	ul.uni_form li select { float: left; display: inline; height: auto; padding: 1px; margin: 0 10px 5px 0; }
 	ul.uni_form li select.v1 { width: 200px; }
 	ul.uni_form li select.v2 { float: none; display: block; width: 410px; }	
	
	ul.uni_form li textarea { float: left; display: inline; height: 70px; padding: 5px; margin: 0 10px 5px 0; }
	ul.uni_form li textarea.v1 { width: 188px; }	
	ul.uni_form li textarea.v2 { float: none; display: block; width: 400px; }


/* REQUEST QUOTE MODIFY */
	ul.requestquote { width: 190px; margin: 0;  }
	ul.requestquote h3 { font: normal 17px Georgia, "Times New Roman", Times, serif; color: #7a5430; text-transform: uppercase; margin: 0 10px 0 0; }
	ul.requestquote p { margin: 0 10px 5px 0; font-size: 11px; }
	ul.requestquote p.crash { background: #B40202; color: #FFFFFF; border: none; padding: 4px 5px; margin-bottom: 4px; }
	ul.requestquote p.bless { background: #1C6827; color: #FFFFFF; border: none; padding: 4px 5px; margin-bottom: 4px; }
	ul.requestquote p.info  { background: #247bbd; color: #FFFFFF; border: none; padding: 4px 5px; margin-bottom: 4px; }	
	ul.requestquote p.crash span { display: inline-block; color: #ff8282; }
	ul.requestquote p.bless span { display: inline-block; color: #8acf95; }
	ul.requestquote p.info	span { display: inline-block; color: #96d2ff; }
	ul.requestquote li { margin: 0; padding: 0; }
	ul.requestquote li label.v1 { display: block; width: 190px; font-size: 11px; }
	ul.requestquote li input.v1 { width: 160px; height: 16px; margin-right: 3px; }
	ul.requestquote li input.button { margin-left: 0; }
	ul.requestquote li textarea.v1 { width: 156px; margin-right: 3px; }

/* DIRECTIONS MODIFY */
	ul.directions { width: 389px; margin: 0; }
	ul.directions li input.v1 { width: 202px; height: 16px; margin-right: 4px; }
	ul.directions li input.button { margin-left: 0; }

/* GET DIRECTIONS */	
	#directions { display: block; width: 389px; margin-left: 0; padding-bottom: 10px; }

/* SIGN UP MODIFY */
	ul.signup { float: left; display: inline; width: 718px; margin-left: 30px; padding-bottom: 40px; }
	ul.signup h3 { font: normal 17px Georgia, "Times New Roman", Times, serif; color: #7a5430; text-transform: uppercase; margin: 0 10px 0 0; }
	ul.signup p { margin: 0 10px 5px 0; font-size: 11px; }
	ul.signup p.crash { background: #B40202; color: #FFFFFF; border: none; padding: 4px 5px; margin-bottom: 4px; }
	ul.signup p.bless { background: #1C6827; color: #FFFFFF; border: none; padding: 4px 5px; margin-bottom: 4px; }
	ul.signup p.info  { background: #247bbd; color: #FFFFFF; border: none; padding: 4px 5px; margin-bottom: 4px; }	
	ul.signup p.crash span { display: inline-block; color: #ff8282; }
	ul.signup p.bless span { display: inline-block; color: #8acf95; }
	ul.signup p.info	span { display: inline-block; color: #96d2ff; }
	ul.signup li { margin: 0; padding: 0; }
	ul.signup li span.double { width: 185px; }
	ul.signup li label.v1 { display: block; width: 164px; font-size: 11px; }
	ul.signup li input.v1 { width: 156px; height: 16px; margin-right: 0; }
	ul.signup li input.button { margin-left: 0; }


/* CONTACT MODIFY */
	ul.contact li label.v1 { width: 110px; text-align: right; }
	ul.contact li input.v1 { width: 232px; height: 16px; }
	ul.contact li textarea.v1 { width: 228px; }	

/* MICROFORM MODIFY */
	ul.microform { width: 265px; }
	ul.microform li { padding-bottom: 0; *padding-bottom: 5px; }
	ul.microform li input.v1 { width: 232px; color: #0060ae; }
	ul.microform li textarea.v1 { width: 228px; color: #0060ae; }

/* SEARCH MODIFY */
	fieldset.search { position: absolute; top: 73px; right: 0; display: inline-block; }
	fieldset.search label { float: left; display: inline; line-height: 21px; margin-right: 6px; text-transform: uppercase; }
	fieldset.search input.text { float: left; display: inline; width: 165px; height: 18px; padding: 3px 30px 0 3px; color: #787a7d; }
	fieldset.search input.button { position: absolute; top: 1px; right: 1px; display: block; width: 29px; height: 21px; z-index: 2; }

/* DYNAMIC BUTTONS */
	.button_dynamic1_holder { float: left; clear: left; width: auto; margin-left: 30px; }
	.button_dynamic1_holder a, 
	.button_dynamic1_holder a:hover { color: #000000; text-decoration: none; } 
	.button_dynamic1_holder span { float: left; display: inline; padding: 0; background: transparent url(../images/button_dynamic1.png) no-repeat right top; cursor: pointer; } 
	.button_dynamic1_holder span span { padding: 1px 6px 3px 15px;  margin: 0 24px 0 0; height: 26px; background-position: left top; font: normal 14px "Trebuchet MS", sans-serif; line-height: 26px; text-transform: uppercase; }
	.button_dynamic1_holder span span input.button_dynamic { background: none; border: none; color: #000000; height: 26px; padding: 0; overflow: visible; text-transform: uppercase; }
		/* modify */
		ul.uni_form .button_dynamic1_holder { margin-left: 0; }
		ul.contact .button_dynamic1_holder { margin-left: 120px; }
	
	.button_dynamic2_holder { float: left; clear: left; width: auto; }	
	.button_dynamic2_holder a { color: #005fad; text-decoration: none; }
	.button_dynamic2_holder a:hover { color: #F78F1E; text-decoration: none; } 
	.button_dynamic2_holder span { float: left; display: inline; padding: 0; background: transparent url(../images/button_dynamic2.png) no-repeat right top; cursor: pointer; } 
	.button_dynamic2_holder span span {  padding: 9px 0 9px 24px;  margin: 0 24px 0 0; height: 30px; font-size: 14px; line-height: 30px; background-position: left top; text-transform: uppercase; }	
	.button_dynamic2_holder span span input.button_dynamic { background: none; border: none; color: #005fad; width: auto; height: 30px; padding: 0 0 0 5px; overflow: visible; text-transform: uppercase; }	
		/* modify */
		ul.nav_footer li h3.button_dynamic2_holder { padding: 0; }
		ul.nav_footer li h3.button_dynamic2_holder a  { color: #005fad; text-decoration: none; }
		ul.nav_footer li h3.button_dynamic2_holder a:hover { color: #F78F1E; text-decoration: none; } 
		.v2 .button_dynamic2_holder { margin-top: 0; }
	

}