/**********************************************************************************************

	CSS on Sails
	Title: Site Name
	Developer: Dotgarden/Xhtmlized
	Date: June 2009

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles
            1.5 Hide
	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
#content #circle-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #fff; color: #000; font: 62.5%/1.3 "Arial", "Helvetica", sans-serif; text-align: center; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #939393; text-decoration: none; }
a:hover, a:active { color: #000; text-decoration: none; }



/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/

body { margin: 118px 0 0 87px; text-align: left; }
body.script #wrapper { display: block; }
#wrapper { display: none; }
.nojs { font-size: small; }

/* 2.2 Header
-----------------------------------------------------------------------------------------------*/
#header { margin-left: -4px; }
#header h1#header-title { font-size: 4em; }
#header h1#header-title a {color: #000; }
#header h1#subheader-home, 
#header h1.subheader { font-size: 4em; color: #00ABEC; width: 500px; line-height: 47px; }
#header h1.subheader { color: #8A8A8A;  }
#footer { clear: both; margin-top: 55px; margin-bottom: 140px;}

/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/
#homenav { margin: 115px 0 0 0; }
#homenav li { margin-bottom: 13px;}
#homenav li .home-link { color: #000; font-size: 1.18em; }
#homenav li .home-link:hover { color: #8A8A8A; }
#homenav li .content { color: #8A8A8A; font-size: 1.18em;  }



#nav { }
#nav li {margin-bottom: -1px; }
#nav a { font-size: 1.18em; }
#nav a.selected, #nav a:hover { color: #000; }

/* 2.4 Content
-----------------------------------------------------------------------------------------------*/
#content { margin-top: 36px; min-height: 258px;}
#content .section p { font-size: 1.18em; width: 540px; margin-bottom: 12px;}
#content #circle-content { margin-top: 25px; }
#content #circle-content ul { float: left; display: inline; margin-right: 8px;  background: url(../images/bg_circle.gif) no-repeat 0 -186px; width: 186px; height: 132px; padding-top: 54px; }
#content #circle-content ul.hover { background-position: 0 0; }
#content #circle-content ul li { list-style: none outside; width: 120px; color: #fff; font-size: 1.18em; margin-left: 32px; background: url(../images/bg_circle-li.gif) no-repeat 0 7px; padding-left: 12px; display: none; }
#content #circle-content ul li.title {display: block;  width: 100%; margin: 0; padding: 16px 0 0 0;; text-align: center; color: #000; background: transparent; font-size: 2.7em; }
#content #circle-content ul.hover li { display: block;  }
#content #circle-content ul.hover li.title { display: none; }

#content #clients-content h2 { font-size: 1.18em; font-weight: normal; color: #000; line-height: 18px }
#content #clients-content li {margin-bottom: -1px; line-height: 18px}
#content #clients-content .former li { font-size: 1.18em; line-height: 18px}
#content #clients-content .recent li a { font-size: 1.18em; line-height: 18px}
#content #clients-content .recent .selected { color: #000; }

#content #clients-content div { float: left; width: 266px;}
#content #clients-content div.par { display: none; }
#content #clients-content div.par.show { display: block; }
#content #clients-content div.par p { width: 200px; }

#content #contact-content dl { font-size: 1.18em; margin-bottom: 13px; width: 160px; }
#content #contact-content dt { color: #000; }
#content #contact-content dd { color: #939393; }

/* 2.5 Sidebar
-----------------------------------------------------------------------------------------------*/


/* 2.6 Footer
-----------------------------------------------------------------------------------------------*/
#footer p { color: #B9B8B8; font-size: 1.18em; line-height: 16px}