/*

The GURUGuys Colors

blue:
#0098db

light-blue
#a4cbdb

Background: 
#cacacc

Link:
#737377

*/

body
{
background-color: #cacacc;
font: normal 76% "Lucida Grande","LucidaGrande","Trebuchet MS",Arial,Helvetica,sans-serif;
margin: 0;
padding: 1em;
text-align: center;
}

.clear {clear: both;}

h1,h2,h3,h4,h5,h6
{
color: #0098db;
font-family: Georgia,"Times New Roman",serif;
}

h1 {font-size: 1.7em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.1em;}
h5 {font-size: .9em;}
h6 {font-size: .7em;}

a {color: #0098db; font-weight: bold;}
a:hover {color: #a4cbdb; font-weight: bold;}

#wrapper
{
background: #ededed url(/images/wrapper_shadow.png) repeat-y top right;
margin: auto;
padding-right: 4px;
text-align: left;
width: 720px;
}

#topborder
{
background: transparent url(/images/top_border_tile.png) repeat-x;
height: 16px;
position: relative;
width: 720px;
}

#topcornerL
{
background: transparent url(/images/top_corner_l.png) no-repeat;
height: 16px;
width: 16px;
}

#topcornerR
{
background: transparent url(/images/top_corner_r.png) no-repeat;
height: 16px;
width: 221px;
position: absolute;
top: 0;
right: -4px;
}

.skip {display: none;}

#header
{
background: url(/images/header_tile.png) repeat-x;
height: 119px;
position: relative;
}

#header h1
{
background: url(/images/header_logo.png) no-repeat;
font-size: 1px;
margin: 0;
margin-left: 12px;
padding: 0;
}

#header h1 a
{
display: block;
height: 119px;
width: 364px;
text-decoration: none;
text-indent: -9999px;
}

/* Search Box Styles */

#searchBox
{
background: url(/images/search_tile.png) repeat-x;
color: #fff;
font-size: .8em;
height: 119px;
position: absolute;
top: 0;
right: 0;
width: 217px;
}

#searchBox a
{
color: #fff;
text-decoration: none;
}

#searchBox a:hover
{
color: #a4cbdb;
text-decoration: none;
}

#searchBox form { margin: 0; padding: 0;}

#searchBox input
{
background-color: #ededed;
border: 1px solid #0098db;
color: #666;
font-family: "Lucida Grande","LucidaGrande","Myriad Pro",Myriad,Arial,Helvetica,sans-serif;
margin: .5em 0;
padding: .3em;
width: 150px;
}

#searchBox label
{
display: block;
font-weight: bold;
}

#searchBox fieldset
{
border: none;
margin: 1em 0 0 1em;
padding: 0;
}

#searchBox ul
{
list-style-type: none;
margin: 1em;
margin-top: 1em;
padding: 0;
}

#searchBox ul li {margin-bottom: .5em;}

/* Top Nav Styles */

#topnav
{
background: url(/images/topnav_bg_tile.png) repeat-x bottom left;
height: 36px;
position: relative;
}

#topnav ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

#topnav li
{
border-right: 1px solid #fff;
float: left;
margin: 0;
padding: 0;
}

#topnav a
{
background: url(/images/topnav_bg_tile.png) repeat-x;
background-position: bottom left;
color: #737377;
display: block;
font: bold .9em "Tahoma","Verdana",Geneva,Arial,Helvetica,sans-serif;
height: 24px;
padding-top: 12px;
width: 70px;
text-align: center;
text-decoration: none;
}

#default #topnav a.default,
#about #topnav a.about,
#services #topnav a.services,
#rates #topnav a.rates,
#news #topnav a.news,
#contact #topnav a.contact
{
background-position: top left;
color: #0098db;
}

#topnav a:hover
{
background-position: 0 -36px;
color: #fff;
}

#textOptions
{
background-color: #cacacc;
height: 36px;
position: absolute;
top: 0;
right: 0;
width: 217px;
}

#container
{
background: #fff url(/images/rightnav_tile.png) repeat-y top right;
color: #666;
}

#container:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Content Div Styles */

#content
{
float: left;
margin-left: 2em;
width: 450px;
}

#content fieldset
{
border: none;
margin-top: 2em;
padding: 0;
}

#content fieldset div
{
background-color: #ededed;
border: 1px solid #aaa;
color: #666;
padding: 1em;
}

#content fieldset #TextDisplay {border: none;}

#content label
{
display: block;
}

#content fieldset h5
{
background-color: #aaa;
border: 1px solid #aaa;
color: #fff;
font-family: "Lucida Grande","LucidaGrande","Myriad Pro",Myriad,Arial,Helvetica,sans-serif;
margin: 0;
padding: .4em;
}

#content input[type="text"]
{
font: normal .8em "Lucida Grande","LucidaGrande","Myriad Pro",Myriad,Arial,Helvetica,sans-serif;
margin-bottom: 1em;
padding: .2em;
width: 150px;
}

#content textarea
{
font: normal .8em "Lucida Grande","LucidaGrande","Myriad Pro",Myriad,Arial,Helvetica,sans-serif;
padding: .2em;
width: 375px;
}

.extraInfo
{
background-color: #ededed;
border: 1px solid #aaa;
color: #666;
font-size: .8em;
}

#content .extraInfo h4
{
background-color: #aaa;
color: #fff;
font-family: "Lucida Rande","LucidaGrande",Arial,Helvetica,sans-serif;
margin: 0 0 1em 0;
padding: .4em;
}

#content .extraInfo ul
{
list-style-type: none;
margin: .4em;
padding: 0;
}

#content .extraInfo li
{
margin-right: 2em;
}

#content p
{
color: #666;
line-height: 1.4em;
}

#content ul
{
color: #666;
list-style-type: square;
}

#content ul li
{
padding: 2px;
}

#content dl,#content dt,#content dd
{
color: #666;
margin: 0;
padding: 0;
}

#content dt {color: #333;}
#content dd {padding-bottom: .5em;}

#content hr
{
background: transparent url(/images/hr_bg.png) no-repeat top left;
border: none;
height: 20px;
margin-bottom: 4em;
margin-top: 2em;
width: 400px;
}

/* Extra Info links and stuff */

.linksbar
{
position: relative;
height: 17px;
padding: .2em .2em .2em 1em;
border-top: 1px dotted #999;
}

.linksbar a
{ text-decoration: none; }

.permalink a
{
background: url(/images/permalink_icon.png) no-repeat;
background-position: 0 2px;
padding-left: 13px;
margin-left: 5px;
}

.comments a
{
background: url(/images/comments_icon.png) no-repeat;
background-position: 0 2px;
padding-left: 13px;
margin-left: 10px;
}

/* Testimonial Box colors */

.odd,.even
{
margin-bottom: 2em;
}

.odd a, .even a
{
color: #fff;
text-decoration: none;
}

#content .odd h5,#content .even h5
{
color: #fff;
margin: 0;
padding: .4em .4em .4em 1em;
}

.odd p,.even p
{ margin: 1em; }

.odd
{
background-color: #ccc;
border: 1px solid #666;
}

.odd h5
{
background-color: #666;
}

.even
{
background-color: #ededed;
border: 1px solid #aaa;
}

.even h5
{
background-color: #aaa;
color: #666;
}

.odd:hover,.even:hover
{
background-color: #fff;
border: 1px solid #0098db;
color: #333;
}

#content .odd:hover p,#content .even:hover p
{ color: #666; }

.odd:hover h5,.even:hover h5
{ background-color: #0098db; }

.odd .linksbar .comments a,.even .comments a
{ color: #666; }


/* Right Nav Styles */

#rightnav
{
color: #666;
font-size: .8em;
float: right;
width: 215px;
}

#rightnav h4
{
color: #999;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
margin: 1em 0 1em .5em;
}

#rightnav h4 a
{
font-weight: bold;
}

#rightnav a
{
font-weight: normal;
text-decoration: none;
}

#rightnav ul
{
margin-left: 0;
padding-left: 2.5em;
}

#rightnav ul.testimonials
{
list-style-image: url(/images/comments_icon.png);
}

#rightnav ul.links
{
list-style-image: url(/images/permalink_icon.png);
}

#rightnav ul.articles
{
list-style-image: url(/images/article_icon.png);
}

#rightnav ul li
{
padding-bottom: .4em;
}

/* Footer Styles */

#footer
{
background-color: #ededed;
clear: both;
color: #333;
font-size: .8em;
padding: 2em;
}

#bottomborder
{
background: transparent url(/images/bottom_border_tile.png) repeat-x;
height: 22px;
position: relative;
}

#bottomcornerL
{
background: transparent url(/images/bottom_corner_l.png) no-repeat;
height: 22px;
width: 16px;
}

#bottomcornerR
{
background: transparent url(/images/bottom_corner_r.png) no-repeat;
height: 22px;
position: absolute;
width: 221px;
top: 0;
right: -4px;
}

#content .hrule
{
background: transparent url(/images/hr_bg.png) no-repeat top left;
border: none;
height: 20px;
margin-bottom: 4em;
margin-top: 2em;
width: 400px;
}

#content .hrule hr {display: none;}

.clearfix {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */