/* -------------------------------------

Index 
	Global Reset and default settings
	Headings Typography, Links
	Accessibility
	Layout
		Header
		Navigation
		Content
		Footer
	Content
		Services
		Forms
	Generic
	
----------------------------------------*/


/* Global Reset and default settings */ 
	body * {margin:0; padding:0}
	body {background-color:#6e777c; color:#666; font-size:71%; font-family: 'Century Gothic', Arial, Helvetica, sans-serif; margin:0; padding:0;}
	img, a.nb, a:hover.nb {border:none;}
	
/* Headings, Typography, Links */ 
	h1, h2, h3, h4 {font-size:1em; margin:0px; padding:0px;}
	h1 {font-size:1.3em; margin:0 0 1em 0;}
	h2 {font-size:1.2em; margin:0 0 1em 0;}
	h3 {font-size:1.2em; margin:0 0 1em 0;}
	h4 {font-size:1.1em; margin:0 0 1em 0;}
	
	p {color:#666; font-family: 'Century Gothic', Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:normal; line-height:1.4em; margin:0 0 1em 0; text-align:left;}
	p.intro {}
	
	a {border-bottom:1px dotted #666; color:#666; font-weight:normal; text-decoration:none;}
	a:hover {border-bottom:1px dotted #333;}
	
	#content ul, #services ul {line-height:1.8em; margin:0 0 1em 1.5em;}
	#content ul li, #services ul li {color:#666; font-family: 'Century Gothic', Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:normal;}
	#content ul.tick {list-style:none; margin:2em 0 0 0;}
	#content ul.tick li {background:url(../images/icon-tick.gif) no-repeat 0 0; padding:0 0 2em 35px; width:100%;}
	#content ul.tick2 {list-style:none; margin:2em 0 1em 0;}
	#content ul.tick2 li {background:url(../images/icon-tick.gif) no-repeat 0 0; padding:0 0 1em 35px; width:100%;}
	
	blockquote {background:url(../images/quote.gif) no-repeat top left; margin:0; padding:10px 20px 20px 20px; position:relative;}
		blockquote .closequote {background:url(../images/quote2.gif) no-repeat bottom right; height:25px; position:absolute; bottom:20px; right:128px; width:40px;}

/* Accessibility */
	.hide {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;}

/* Layout */
	#wrapper {background:#fff url(../images/bkd.gif); margin:auto; padding:191px 43px 82px 43px; position:relative; width:870px;}
	#top {background:url(../images/bkd-top.gif) no-repeat; height:26px; position:absolute; top:0; left:0; width:956px;}
	#bot {background:url(../images/bkd-bot.gif) no-repeat; height:82px; position:absolute; bottom:0; left:0; width:956px;}
	
	/* Header */
	.logo {border-bottom:none!important; height:107px; width:340px; position:absolute; top:50px; left:83px; text-indent:-9999px;}
	h1.logo {background:url(../images/out-of-your-office.gif) no-repeat;}
	
	#contact {position:absolute; top:78px; right:96px; width:250px;}
		#contact p {color:#ABA7A7; font-size:1.1em; line-height:1.5em; text-align:right;}
		#contact span {display:block;}
		#contact a {color:#ABA7A7; border:none;}
		#contact a:hover {border-bottom:1px dotted #bfbdbe;}
	
	/* Navigation */
	#nav {background:url(../images/bkd-nav.gif) repeat-x; height:38px; margin:5px 0; width:870px;}
		#nav ul {list-style:none; margin:0 0 0 40px; padding:0;}
		#nav ul li {display:inline; font-size:1.2em;}
		#nav ul li a {border-bottom:none; display:block; float:left; height:18px; margin:0; padding:10px 9px;}
		#nav ul li a:hover, #nav ul li a#current {background:#acacad url(../images/bkd-nav-ct.gif) top repeat-x;}
	
	/* Content */
	#content {float:left; margin:40px 0 0 50px; padding:0; position:relative; width:500px;}
		#ourservices #content {margin:40px 0 0 30px; padding:0; position:relative; width:802px;}
		#ourservices #content .inner {margin-left:20px;}
		.threeCol {background:url(../images/bkd-threecol.gif) top no-repeat; padding:55px 0 0 20px;}
			.col1, .col2, .col3 {float:left; margin:0 20px 0 0; padding:0 20px; position:relative; width:200px; }
			.col1 h2, .col2 h2, .col3 h2 {text-indent:-9999px;}
			.col1 p, .col2 p, .col3 p  {text-align:center;}
			.col1 ul, .col2 ul, .col3 ul {}
	
	/* Footer */
	#footer {margin:auto; width:870px;}
		#footer p {color:#a6a9ab; font-size:1.1em; text-align:center; margin:0 0 10px 0;}
	

	/* Content */
	
		/* Services Column */
		#services {background:url(../images/bkd-col.gif) top no-repeat; float:right; margin:10px 30px 0 0; min-height:380px; padding:60px 25px 30px 25px; position:relative; width:172px;}
			#services h2 {background:url(../images/title-our-services.gif) no-repeat; height:17px; position:absolute; top:22px; left:66px; text-indent:-9999px;  width:92px;}
			#services #accordion h3 a {background:url(../images/icon-tick.gif) no-repeat 0em 0em; border-bottom:none; color:#999; font-size:1.2em; font-weight:bold; margin-left:0; margin-right:0; padding:4px 0 5px 35px; width:137px;}
			#services #accordion div {margin:8px 0 10px 0; overflow:hidden;}
			#services #accordion div ul {margin:0 0 0 15px;}
			#services #accordion div ul li {font-size:1.1em; margin-bottom:5px;}
			#services #accordion div a {border-bottom:none; font-size:1em; margin-left:0px;}
			#services #accordion div a:hover {}
			#services #accordion a.more {display:block; margin:10px 0 0 0;}
		
		/* Accordion */
		.ui-accordion .ui-accordion-header {cursor:pointer; margin:1px 0 5px 0; position:relative; zoom:1;}
		.ui-accordion .ui-accordion-li-fix {display:inline;}
		.ui-accordion .ui-accordion-header-active {border-bottom:0!important;}
		.ui-accordion .ui-accordion-header a {display:block; padding:.5em .5em .5em 2.2em;}
		.ui-accordion .ui-accordion-header .ui-icon {margin-top:-8px; position:absolute; left:.5em; top:50%;}
		.ui-accordion .ui-accordion-content {border:none; display:none; margin-top:-2px; margin-bottom:2px; overflow:auto; padding:0.2em 0 0.5em 0; position:relative; top:1px;}
		.ui-accordion .ui-accordion-content-active {display:block;}

	
		/* Forms */
		.error {background-color:#ffebe8; border:1px solid #dd3c10; margin:0 0 20px 0; padding:30px;}
		form {}
		form label {color:#666; display:block; font-family: 'Century Gothic', Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:normal; line-height:1.4em; margin:0 0 1em 0; text-align:left;}
		form input {color:#666; font-family: 'Century Gothic', Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:normal; line-height:1.4em; margin:0 0 1em 0; text-align:left; width:350px;}
		form textarea {color:#666; font-family: 'Century Gothic', Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:normal; line-height:1.4em; margin:0 0 1em 0; text-align:left; width:350px;}
	
		
		form input.btn {width:auto;}
	
 
/* Generic */

	/* Spacing */
	.marnone {margin:0;}
	.marbot5 {margin-bottom:5px;}
	.marbot10 {margin-bottom:10px;}
	.marbot15 {margin-bottom:15px;}
	.marbot20 {margin-bottom:20px;}

	/* CSS clearing */   
	.clearboth {clear:both;}
	.clearleft {clear:left;}
	.clearright {clear:right;}
	
	.clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearing {display: inline-table;}
	/* Hides from IE-mac */
	  * html .clearing {height: 1%;}
	  .clearing {display: block;}
	/* End hide from IE-mac */