* { margin: 0; padding: 0; border: 0;}

body { background: #67120b url('../images/bg_body.jpg') repeat-x fixed left top; text-align: center; color: #fff; font-family: "lucida sans unicode","lucida grande",geneva,sans-serif; font-size: 62.5%;}

h1 { font-size: 1.6em; padding-bottom: 10px;}
h1.recentpost_title { text-transform: uppercase; border-bottom: 1px solid #c66; width: 100%; padding-bottom: 5px; margin-bottom: 15px;}
h3 { font-size: 18px; color: #f99;}
p { font-size: 1.4em; line-height: 1.5em; padding-bottom: 1em;}
p.recentpost_date { font-size: 12px; text-transform: uppercase;}
p.recentpost_entryname { padding-top: 7px; padding-right: 60px;}
ol { margin-left: 20px;}
ul { list-style: none;}
li { font-size: 1.3em; line-height: 1.6em;}
div.insidepage li { font-size: 14px; line-height: 1.5em;}
div.insidepage li ul li { background: url('../images/bg_icon_dash.gif') no-repeat 0 11px; padding-left: 15px;}
ol li ul { margin: 5px 0 20px 20px;}
ul.icon_list { } 
ul.icon_list li { padding: 0 0 10px 15px; background: url('../images/bg_icon_dash.gif') no-repeat 0 11px;}
a:active, a:focus { outline: 0;}
a.more_link { text-transform: uppercase; color: #f60;}
a.more_link:hover { color: #fff;}

#layout_container, #flash_intro { margin: 0 auto; width: 794px; text-align: left;}
#flash_intro div { margin: 50px 0; height: 537px;}

#layout_container { width: 1002px;}

#top-banner { padding: 15px 0; text-align: center;}
#top-banner a { text-align: center;}
#top-banner a img { text-align: center;}

#header { position: relative; height: 148px; background: url('../images/bg_header.jpg') repeat-x left top;}
#header #login { position: absolute; top: 35px; right: 35px; width: 320px; height: 65px;}
#header #login form { position: absolute; top: 0; left: 0; text-transform: uppercase;}
#header #login form h3 { color: #c00; padding-bottom: 3px; font-size: 1.2em;}
#header #login form label { float: left; margin-right: 5px;}
#header #login form input { padding: 3px; width: 125px;}
#header #login form #login_button { background: transparent url('../images/login_button.jpg') no-repeat left center; width: 30px; height: 26px; cursor: pointer; border: none; padding: 0;}

#header_graphic { height: 276px; display: block;}
 
 
#content_container { background: url('../images/bg_content.gif') repeat-y left top; /*overflow: auto;*/ clear: both;}
#content_main, #content_sidebar { margin-top: 48px; padding-bottom: 100px;}
#content_main { float: left; width: 610px;}
#content_main_inner { padding: 0 35px 0 45px;}

#layout_container div.insidepage { background-image: url('../images/bg_insidepage_content3.jpg');}
div.insidepage h1 { background: transparent url('../images/bg_insidepage_maintitle3.jpg') no-repeat left top; width: 1002px; height: 48px; text-transform: uppercase; font-size: 2.4em; padding: 40px 0 0 56px;}
div.insidepage h2 { font-size: 1.8em; padding-bottom: 25px;}
div.insidepage h2.orange_top { color: #f60; margin-top: -74px; float: left;}
div.insidepage h2.team_name { font-size: 2.4em; font-style: italic; color: #f99; font-weight: normal;}
div.insidepage #content_main { float: right; width: 656px; margin-top: 30px;}
div.insidepage #content_main #content_main_inner { padding-left: 10px; padding-right: 80px;}

div.insidepage #content_sidebar { float: left; width: 346px; background: url('../images/bg_insidepage_sidebar3.gif') repeat-y 16px 0; margin-top: 0; z-index: 5;}
div.insidepage #content_sidebar #content_sidebar_inner { padding-left: 16px;}
div.insidepage #content_sidebar #content_sidebar_inner ul { margin: 25px 80px 0 35px;}
div.insidepage #content_sidebar #content_sidebar_inner ul li { padding-bottom: 20px; line-height: 14px;}
div.insidepage #content_sidebar #content_sidebar_inner ul li a { font-size: 12px; color: #fff; text-decoration: none;}

#content_sidebar { float: right; width: 390px; background: url('../images/bg_sidebar_leftborder.gif') repeat-y left top; }
#content_sidebar_inner { padding-left: 28px; min-height: 350px;}


/* Testimonials */
div.testimonials #content_main #content_main_inner { padding-left: 0; padding-right: 16px;} 
div.insidepage #content_main #content_main_inner div.testimonial_box { clear: both;}
div.insidepage #content_main #content_main_inner div.testimonial_box div.test_photo { float: left; width: 170px;}
div.insidepage #content_main #content_main_inner div.testimonial_box div.test_copy { float: right; width: 450px; background-color: #b22020;}
div.insidepage #content_main #content_main_inner div.testimonial_box p { color: #fff; padding: 16px;}
div.insidepage #content_main #content_main_inner div.testimonial_box p.test_source { line-height: 1.2em; color: #300; padding-top: 0;}


/* Contact Form */
#contactform_container { background-color: #fff; width: 555px; margin-top: 20px;}
#contactform_container h3 { color: #300; background: #f99 url('../images/bg_form_header.gif') no-repeat left bottom; height: 40px; padding-left: 12px; font-size: 1.4em; line-height: 32px;}
#contactform_container form { color: #333; padding: 20px 30px;}
#contactform_container form label { display: block;}
#contactform_container form input { width: 200px; padding: 3px;}
#contactform_container form input.checkboxes { margin: 0 5px; width: auto; border: none;}
#contactform_container form input, #contactform_container form textarea { border: 1px solid #999;}
#contactform_container form input#submit_button { background: url('../images/bg_submit_button.gif') no-repeat center center; color: #fff; text-transform: uppercase; width: 75px; height: 25px; text-align: center; line-height: 25px; border: none; font: bold 12px/25px "lucida sans", arial, sans-serif; cursor: pointer;}

/* NAVIGATION - CSS SPRITES*/
#nav { float:left; width: 959px; height:39px; padding: 0 0 0 43px; background: url('../images/bg_navmain.gif') repeat-x left top;}	
	
/*SON OF SUCKER FISH DROP DOWNS MODIFIED*/	
#drops, #drops ul { padding:0; margin:0; clear:both; float:left; width:inherit;}
#drops ul.drop { background:#300; padding: 0; border: 1px solid #c94d4d; border-top: none; width:inherit; clear:both; float: left; margin-top: 39px;}
#drops li ul.drop_aboutus { margin-left: -42px;}
#drops li ul.drop_gs { margin-left: -17px;}
#drops li ul.drop_contactus { margin-left: -30px;}

#drops ul.drop li { width:inherit; clear:both;}
#drops ul.drop a { color:#fff;	font-size:12px; text-decoration:none; font-weight: bold; clear:both; float:left; line-height: 2em; border-bottom: 1px solid #c94d4d; text-align: center;}
#drops ul.drop a:hover { background-color: #c94d4d;}
#drops ul.drop a.lastlink { border-bottom-width: 0;}
#drops a { display: block; /*width: 10em;*/ float:left; clear:both; width:170px;}
#drops li { float: left; /*width: 10em;*/}
#drops li ul { position: absolute; width: 10em; left: -999em;}
#drops li:hover ul { left: auto;}
#drops li:hover ul, #drops li.sfhover ul { left: auto;}
/*END SUCKERFISH*/

/*SPRITE BACKGROUP POSITIONING http://www.cssgirl.com/examples/navigation-sprite.gif */	
#nav a.aboutus, #nav a.ourservices, #nav a.ourdifference, #nav a.guestservices, #nav a.testimonials, #nav a.suitespotblog, #nav a.contactus  { float:left; background: url('../images/navbar.gif') no-repeat; height:39px; text-indent:-999999px;}
	
#nav a.aboutus {	background-position:left top; width:93px;}
#nav a.ourservices { background-position:-94px 0; width:106px;}
#nav a.ourdifference { background-position:-199px 0; width:137px;}
#nav a.guestservices { background-position:-336px 0; width:146px;}	
#nav a.testimonials { background-position:-482px 0; width:128px;}	
#nav a.suitespotblog { background-position:-610px 0; width:147px;}	
#nav a.contactus { background-position:-757px 0; width:110px;}

#nav a.aboutus:hover { background-position:left -39px;}
#nav a.ourservices:hover { background-position:-94px -39px;}
#nav a.ourdifference:hover {	background-position:-199px -39px;}
#nav a.guestservices:hover{ background-position:-336px -39px;}	
#nav a.testimonials:hover{ background-position:-482px -39px;}	
#nav a.suitespotblog:hover { background-position:-610px -39px;}
#nav a.contactus:hover { background-position:-757px -39px;}
/*END NAVIGATION*/


#footer { height: 51px; clear: both; background: url('../images/bg_footer.gif') repeat-x left top;}
#footer p { padding: 15px 15px 15px 25px; margin-left: 20px; font-size: 12px; background: url('../images/logo_footer.gif') no-repeat left center; line-height: 17px;}
#footer p a { color: #c00; text-decoration: none;}
#footer p a:hover { text-decoration: underline;}

/* Miscellaneous Classes */
.clear { clear: both;}
.floatLeft { float: left; padding: .5em .5em .5em 0;}
.floatRight { float: right; padding: .5em 0 .5em .5em;}
.light_pink { color: #f99;}
.maroon { color: #300;}
.orange { color: #f60;}
.pink { color: #f66;}
.red { color: #c00;}
.white { color: #fff;}
.bold { font-weight: bold;}
.italics { font-style: italic;}
.normal { font-weight: normal;}
.note-lighter { color: #777777;}
.uppercase { text-transform: uppercase;}
.padbottom20 { padding-bottom: 20px;}
.padbottom30 { padding-bottom: 30px;}
.padbottom40 { padding-bottom: 40px;}
.padright20 { padding-right: 20px;}