/*----------------------------------------------------------------------------- 

Template Site Style Sheet

date:      05/20/10 
website:   [your domain] 

-----------------------------------------------------------------------------*/

/* Default Clearing */ 

* 				{ margin: 0; padding: 0; border: 0; }

/* Document Setup */ 

html			{ height: 100%; -webkit-text-size-adjust: none; }
body			{ background: #d1d2d4 url(../img/bg.gif) repeat-x; color: #4d4d4f; margin: 0px; } 

body, div, th, td					{ font: 14px Arial, Helvetica, sans-serif; }

html, address, blockquote, body, dd, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, noframes, ol, p, ul, center, dir, hr, menu, pre   { display: block }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell; padding: 5px; font-family: Tahoma, Geneva, sans-serif;  }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }


/* Links and URLS */

a, a:link, a:visited, a:focus		{ color: #1d76bb; text-decoration: none; }
a:hover			{ color: #3e9ce5; text-decoration: underline; }


/* Headers and Font */

h1				{ font-size: 28px; margin-bottom: 10px; }
h2				{ font-size: 24px; margin-bottom: 10px; }
h3				{ font-size: 20px; margin-bottom: 10px; }
h4				{ font-size: 16px; margin-bottom: 10px; }
h5				{ font-size: 12px; margin-bottom: 10px; }

h1, h2, h3, h4, h5, .f_bold			{ font-weight: bold; }

p				{ font-size: 12px; margin-bottom: 10px; }
p.lh_tight		{ font-size: 14px; line-height: 16px; }

.f_9			{ font-size: 9px; }
.f_10			{ font-size: 10px; }
.f_11			{ font-size: 11px; }
.f_12			{ font-size: 12px; }
.f_14			{ font-size: 14px; }
.f_18			{ font-size: 18px; }
.f_20			{ font-size: 20px; }

.f_em			{ font-style: italic }

.fcolor_blue	{ color: #1076bc; }
.fcolor_red		{ color: #940709; }
a.fcolor_red	{ color: #940709 !important; }

.error			{ color: #C03; }

/* Clears and Float */

.clear			{ clear: both; }
.left			{ float: left; }
.right			{ float: right; }


/*Overall
--------------------------------------------------------------------------*/ 

.wrap			{ width: 1050px; margin: 20px auto; }


/* Header 
--------------------------------------------------------------------------*/ 

.header_wrap	{ width: 1050px; margin: 10px 0; }
.header_right	{ float: right; text-align: right; margin-right: 10px; }

/* Navigation 
--------------------------------------------------------------------------*/ 

.nav_wrap		{ width: 990px; height: 50px; margin: 30px 0 5px; padding-left: 60px; }

.nav_ul						{ margin: 0px; padding: 0px; }
.nav_ul li					{ margin: 0px; padding: 0px; display: block; float: left; }
.nav_ul li a				{ display: block; float: left; margin-right: 18px; }
.nav_ul li a:hover			{ }

.nav_bottom_ul				{ margin: 0px; padding: 0px; }
.nav_bottom_ul li			{ margin: 0px; padding: 0px; display: block; float: left; }
.nav_bottom_ul li a			{ display: block; float: left; margin-right: 32px; }
.nav_bottom_ul li a:hover	{ }

.nav_footer_ul				{ margin: 0px; padding: 0px; }
.nav_footer_ul li			{ margin: 0px; padding: 0px; display: block; float: left; }
.nav_footer_ul li a			{ color: #000000; }
.nav_footer_ul li a:hover	{ }
.nav_footer_ul li.nav_footer_right	{ margin-right: 8px; padding-right: 8px; border-right: 1px solid #000000; }


/* Footer 
--------------------------------------------------------------------------*/ 

.footer_wrap	{ width: 990px; height: 50px; margin: 15px auto 25px; color: #940709; padding: 0 30px; font-size: 11px; font-weight: bold; }
.footer_right_nav	{ float: right; font-weight: bold; text-align: right; }
.footer_right_nav a	{ font-size: 11px; color: #000000; font-weight: bold; }


/* Landing Page
--------------------------------------------------------------------------*/ 

.body_wrap		{ width: 1050px; height: 710px; position: relative; }

.content_tl, .content_tr, .content_bl, .content_br		{ width: 41px; height: 41px; position: absolute; z-index: 2; }
.content_tl		{ top: 0px; left: 0px; background: url(../img/content_tl.png) no-repeat; }
.content_tr		{ top: 0px; right: 0px; background: url(../img/content_tr.png) no-repeat; }
.content_bl		{ bottom: 0px; left: 0px; background: url(../img/content_bl.png) no-repeat; }
.content_br		{ bottom: 0px; right: 0px; background: url(../img/content_br.png) no-repeat; }

.content_bg		{ width: 1036px; height: 696px; position: absolute; top: 0px; left: 0px; z-index: 1; background: #FFFFFF; border: 7px solid #a7a9ac; }

.content_wrap	{ width: 1050px; height: 710px; position: absolute; top: 0px; left: 0px; z-index: 2; }
.content_inner	{ width: 930px; height: 440px; border-top: 1px dotted #a9a9ab; border-bottom: 1px dotted #a9a9ab; padding: 40px 0 0; margin: 0 auto; }

.content_img		{ width: 400px; height: 420px; float: right; position: relative; overflow: hidden; }

.content_excerpt	{ width: 490px; height: 60px;  }
.content_text_wrap	{ width: 490px; height: 340px; margin: 20px 0 0; position: relative; }
.content_text		{ width: 490px; height: 320px; overflow: hidden;  }
.content_text_inner	{ width: 490px; line-height: 26px; }
.content_text_inner ul 		{ list-style: circle; display: list-item; }
.content_text_inner ul li		{ list-style: circle;  display: list-item; margin-left: 40px; }

.arrow_box			{ width: 55px; height: 16px; position: absolute; bottom: 0px; right: 0px; display: none; text-align: center; padding: 4px 0 0; }
a.arrow_up			{ width: 19px; height: 15px; background: url(../img/arrow_up.gif) no-repeat; display: inline-block; margin: 0 1px; }
a:hover.arrow_up	{ background: url(../img/arrow_up_hover.gif) no-repeat; }
a.arrow_down		{ width: 19px; height: 15px; background: url(../img/arrow_down.gif) no-repeat; display: inline-block; margin: 0 1px; }
a:hover.arrow_down	{ background: url(../img/arrow_down_hover.gif) no-repeat; }

.content_bottom		{ width: 930px; height: 120px; margin: 10px auto 0; }
.content_bottom_right	{ float: right; text-align: right; }
.content_bottom_right p	{ font-size: 16px; line-height: 28px; padding-right: 12px; }
.content_bottom_bh		{ width: 158px; height: 22px; display: block; color: #FFFFFF; background:url(../img/business_hour.png) no-repeat; font-size: 16px; font-weight: bold; padding: 2px 12px 0 0; }

.email_box			{ float: left; }
input.email_input	{ width: 192px; height: 21px; background: #6eb43f; color: #FFFFFF; padding: 4px 4px 0; margin: 7px 0; }
input.email_btn		{ width: 142px; height: 21px; background: url(../img/email_btn.png); color: #FFFFFF; font-weight: bold; }


/* Customize Code 
--------------------------------------------------------------------------*/

.viewport_square	{ width: 400px; height: 420px; position: absolute; top: 0px; left: 0px; z-index: 2; background: url(../img/viewport-square.png) no-repeat; }
.viewport_circle	{ width: 400px; height: 420px; position: absolute; top: 0px; left: 0px; z-index: 2; background: url(../img/viewport-circle.png) no-repeat; }
.viewport_img		{ position: absolute; z-index: 1; }

.gallery_title		{ width: 930px; text-align: center; }
.gallery_img		{ display: inline-block; margin: 0 25px; }
a.gallery_prev		{ width: 15px; height: 19px; display: inline-block; background: url(../img/arrow_left.png) no-repeat; margin-bottom: 10px; }
a:hover.gallery_prev		{ background: url(../img/arrow_left_hover.png) no-repeat; }
a.gallery_next		{ width: 15px; height: 19px; display: inline-block; background: url(../img/arrow_right.png) no-repeat; margin-bottom: 10px; }
a:hover.gallery_next		{ background: url(../img/arrow_right_hover.png) no-repeat; }

.gallery_wrap		{ width: 930px; height: 370px; margin-top: 15px; position: relative; overflow: hidden; }
.gallery_inner		{ white-space: nowrap; position: absolute; left: 0px; top: 0px; float: left; }
.gallery_block		{ width: 465px; height: 370px;  display: inline-block; text-align: center; }
.gallery_block img	{ border: 7px solid #a6a8ab; }

a.excerpt_link		{ float: right; font-size: 22px; font-weight: bold; color: #94070a; display: block; margin: 8px 10px 0; }

td.table_head		{ font-weight: bold; color: #940709; }

/* Forms 
--------------------------------------------------------------------------*/ 

/* Tables  
--------------------------------------------------------------------------*/ 




