/*  
Theme Name: Serenity Group Default
Description: The default WordPress theme for Serenity Group.
Version: 1.0
Author: Francis Wu
Author URI: http://www.fsbrainstorm.com
*/

@import url('css/reset-min.css');
@import url('css/fonts-min.css');
@import url('css/forms.css');

/* Colours

Blue (Dark): #141436;
Blue: #22225B;
Blue: #303080;
Blue: #8282BC;
Blue: #D4D4F7;
Blue (Light): #C3C33C;

*/

/* General */

* { font-family: Arial, Helvetica, sans-serif; }
body { width: 930px; margin: 0 auto; background: url('images/body_bg.gif') repeat-y center top; position: relative; }

/* Header */

#Header { margin: 0 auto; height: 71px; background: url('images/header_bg.jpg') repeat-x left top; position: relative; }
#Header h1 { display: block; width: 258px; height: 50px; position: absolute; left: 10px; top: 10px; background: url('images/site_id_bg.gif') repeat-x center center; }
#Header h1 a { display: block; height: 50px; text-indent: -9999px; }
#Header .Search { position: absolute; right: 10px; top: 10px; display: none; }
#Header .Phone { position: absolute; right: 10px; bottom: 10px; display: block; font-size: 16px; font-weight: bold; color: #FFFF00; }
#Header .Language { position: absolute; right: 10px; top: 10px; }

/* Banner */

#Banner { margin: 0 auto; height: 176px; background: url('images/banner_bg.jpg') no-repeat center center; position: relative; }

#Banner #Nav { height: 176px; width: 190px; background: url('images/nav_bg.jpg') repeat-x left top; position: absolute; top: 0; left: 0; }
#Banner #Nav ul { margin: 0; padding: 0; position: absolute; top: 10px; display: block; width: 100%; }
#Banner #Nav ul li { list-style-image: none; margin: 0; }
#Banner #Nav ul li a { display: block; height: 25px; line-height: 25px; font-size: 14px; color: #FFFFFF; text-decoration: none; padding: 0 10px; }
#Banner #Nav ul li a:active, #Banner #Nav ul li a:hover { color: #22225B;  }
#Banner #Nav ul li a.Current { background: url('images/nav_selected_bg.gif') repeat-x left center; color: #22225B; }

#PageID.Home #NavHome, 
#PageID.About #NavAbout, 
#PageID.Services #NavServices, 
#PageID.Resources #NavResources, 
#PageID.News #NavNews, 
#PageID.Contact #NavContact { background: url('images/nav_selected_bg.gif') repeat-x left center; color: #22225B; } 

#Banner #Action { text-align: center; height: 176px; width: 190px; background: url('images/action_bg.jpg') repeat-x left top; position: absolute; top: 0; right: 0; }
#Banner #Action a.Quote { text-indent: -9000px; display: block; width: 142; height: 45px; background: url('images/button_callout_quote_bg.gif') no-repeat center top; margin: 16px auto 0 auto; }
#Banner #Action a.Quote:hover, #Banner #Action a.Quote:active { background-position: center bottom; }
#Banner #Action a.QuoteES { text-indent: -9000px; display: block; width: 142; height: 45px; background: url('images/button_callout_quote_es_bg.gif') no-repeat center top; margin: 16px auto 0 auto; }
#Banner #Action a.QuoteES:hover, #Banner #Action a.QuoteES:active { background-position: center bottom; }
#Banner #Action a.Support { display: block; width: 142; height: 45px; margin: 5px auto 0 auto; }
#Banner #Action a.Call { text-indent: -9000px; display: block; width: 142; height: 45px; background: url('images/button_callout_call_bg.gif') no-repeat center top; margin: 5px auto 0 auto; }
#Banner #Action a.Call:hover, #Banner #Action a.Call:active { background-position: center bottom; }
#Banner #Action a.CallES { text-indent: -9000px; display: block; width: 142; height: 45px; background: url('images/button_callout_call_es_bg.gif') no-repeat center top; margin: 5px auto 0 auto; }
#Banner #Action a.CallES:hover, #Banner #Action a.CallES:active { background-position: center bottom; }

/* Footer */

#Footer { background: url('images/footer_bg.jpg') repeat-x top left; clear: both; margin: 0 10px; position: relative; color: #404040; font-size: 12px; }
#Footer .Nav { padding: 10px 0 0 10px; background: url('images/footer_top_left_bg.gif') no-repeat left top; }
#Footer .Pages { padding: 10px 0 0 10px; }
#Footer .Legal { margin: 10px; }
#Footer .Quote { display: block; position: absolute; top: 0; right: 0; padding: 10px 20px 0 0; background: url('images/footer_top_right_bg.gif') no-repeat right top; }
#Footer a { color: #303080; }
#Footer a:hover, #Footer a:active { color: #8282BC; }

/* Content and Columns */

#Content { margin: 0 auto; overflow: hidden; }
#Content #Sidebar { width: 190px; float: left; }
#Content #Sidebar .Container { padding: 10px; font-size: 12px;}
#Content #Sidebar .Container p { padding: 10px; font-size: 12px;}
#Content #Sidebar .Container td { padding: 10px; font-size: 12px;}
#Content #Main { width: 550px; float: left; background: url('images/content_bg.gif') repeat-y center top; }
#Content #Main .Container { padding: 10px; font-size: 12px;}

/* Post Navigation */

#Content #Main .navigation { display: block; overflow: none; clear: both; margin: 0.375em 0; }
#Content #Main .alignleft { float: left; }
#Content #Main .alignright { float: right; }

/* General Typography */

/* Typography */

h2, h3, h4, p, small { color: #000000; line-height: 1.125; margin: 1.125em 0; }
h1 { font-size: 20px; font-weight: bold; }
h2 { font-size: 16px; font-weight: bold; }
h3 { font-size: 14px; font-weight: bold; }
h4 { font-size: 12px; font-weight: bold; }
p, li, td { font-size: 13px; line-height: 1.5; margin: 1.25em 0; color: #333333; }
ul, ol { padding-left: 15px; margin: 1.125em 0 1.125em 15px;}
li { margin: 0.25em 0; }
ul li { list-style-image: url('images/bullet.gif'); }
ol li { list-style: decimal; }
strong { font-weight: bold; }
em { font-style: italic; }
a { color: #303080; text-decoration: underline; }
a:hover, a:active { color: #8282BC; text-decoration: none; }
.NoTopMargin { margin-top: 0; }

/* Sidebar */

#Sidebar h2 { font-size: 14px; border-bottom: 1px solid #D4D4F7; padding: 0 0 5px 0; }
#Sidebar #News h3 { font-size: 14px; margin: 0.375em 0; }
#Sidebar #News p { margin: 0.375em 0; }
#Sidebar #News small { margin: 0.375em 0; font-size: 10px; color: #808080; padding-top: 5px; background: url('images/hr_dotted_bg.gif') repeat-x left top; display: block; }

/* Homepage Buckets */

#HomepageBuckets {}
#HomepageBuckets .Bucket { border: 1px solid #8282BC; padding: 10px 175px 10px 10px; margin: 10px 0; }
#HomepageBuckets .Service { background: #D4D4F7 url('images/homepage_bucket_service_bg.jpg') no-repeat right center; }
#HomepageBuckets .States { background: #D4D4F7 url('images/homepage_bucket_states_bg.jpg') no-repeat right center; }
#HomepageBuckets .Quote { background: #D4D4F7 url('images/homepage_bucket_quote_bg.jpg') no-repeat right center; }
#HomepageBuckets h3 { margin: 0.125em 0; line-height: 1.143; font-size: 15px; }
#HomepageBuckets p { margin: 0.125em 0; font-size: 13px; line-height: 1.143; }

/* Live Support Floater */
#catriginvite { left: -140px; }

/* Tables and Tabular Data */
.Table {}
.Table td { padding: 5px; font-size: 11px; }

.GoogleBadge { float: right; }