/*
Theme Name: CMS 2
Theme URI: http://www.bos89.nl/
Description: CMS theme for Wordpress
Version: 0.3
Author: Martijn Stegink
Datum: September 11, 2008

Theme Customisation: officeinsurance.com.au
Customisation Author: Scott Swabey
Author URI: http://www.amplify.com.au/
Customisation Version: 1.0
Customisation Date: September 11, 2009
*/

/* RESET ALL MARGINS AND PADDING */

* { 
  margin: 0; 
  padding: 0;
}

p { 
  margin-bottom: 21px; 
}

h1 { 
  font-size: 24px; 
  line-height: 42px;
}

h2 {
  font-size: 16px; 
  line-height: 21px; 
}

h3 { 
  font-size: 12px; 
  line-height: 21px; 
}

h1, h2, h3 {
	color: #0084B4;
}

ul, 
ol { 
	margin: 11px 0 10px 18px; 
}

/* GENERAL */

body {
	background: #F2F2F2 url(img/body-bg.gif) 50% 0 repeat-y;
	font: 14px/1.4 Arial, Helvetica, sans-serif;
	color: #686868;
	margin: 0;
	padding: 0;
}


#wrap {
	width: 960px;
	margin: 0 auto;
	background: #fff;
}

#main {
}

#sidebar1 {
	float:right;
	margin:0 30px 0 0;
	width:180px;
}

#content {
	width: 690px;
	padding: 20px 30px;
	float: left;
}

#content h1 {
	color: #558ba5;
	font-weight: normal;
	font-size: 170%;
}

.twocol #content {
  width: 610px;
}

#sidebar2 {
  width: 150px;
  padding: 0 0 0 30px;
  float: left;
}

a {
	color: #0084B4;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

br.clear {
	clear: both;
}

/* HEADER */

#head {
	background: url(img/head-bg.gif) no-repeat top right;
	height: 90px;
	width:  948px;
}

#head h1 {
	background:  url(img/logo.gif) no-repeat;
	position: relative;
	top: 35px;
	left: 30px;
	width: 198px;
}

#head h1 a {
	display: block;
	text-indent: -9000px;
	height: 60px;
	width:  200px;
}

#head p {
  text-indent: -9000px;
  height: 1px;
}

/* TOPNAV */

#topnav {
	background: #fff;
	color: #fff;
	clear: both;
	height: 144px;
	padding:0 30px;
	width:900px;
}

#dropmenu { width: 100%; margin: 0;  list-style-type: none; list-style-position: outside; position: relative; }
#dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1; z-index:300; width:100%; background:#686868 url(img/header-bg.jpg) 0 0 no-repeat;}
#dropmenu a {font-weight: normal; display:block; padding: 100px 1em 0; height: 44px; color:#fff; text-decoration:none; line-height: 1; background: #686868; }
#dropmenu a:hover {background:#888; color:#fff;}
#dropmenu li {float:left; position:relative; width: 180px; height: 144px; }
#dropmenu li.office-insurance-page > a { background: #686868 url(img/header-gray-bg.jpg) 0 0 no-repeat; }
#dropmenu li.office-insurance-page > a:hover { background: #686868 url(img/header-bg.jpg) 0 0 no-repeat; }
#dropmenu li.office-insurance-providers-page > a { background: #686868 url(img/header-gray-bg.jpg) -180px 0 no-repeat; }
#dropmenu li.office-insurance-providers-page > a:hover { background: #686868 url(img/header-bg.jpg) -180px 0 no-repeat; }
#dropmenu li.office-insurance-articles-page > a { background: #686868 url(img/header-gray-bg.jpg) -361px 0 no-repeat; }
#dropmenu li.office-insurance-articles-page > a:hover { background: #686868 url(img/header-bg.jpg) -361px 0 no-repeat; }
#dropmenu li.about-us-page > a { background: #686868 url(img/header-gray-bg.jpg) -541px 0 no-repeat; }
#dropmenu li.about-us-page > a:hover { background: #686868 url(img/header-bg.jpg) -541px 0 no-repeat; }
#dropmenu li.contact-us-page > a { background: #686868 url(img/header-gray-bg.jpg) -723px 0 no-repeat; }
#dropmenu li.contact-us-page > a:hover { background: #686868 url(img/header-bg.jpg) -723px 0 no-repeat; }
#dropmenu ul {background: #686868 none; position: absolute; display: none; width: 180px;}
#dropmenu ul li {padding-top: 0; height: auto;}
#dropmenu li ul {border:1px solid #c8c8c8; border-bottom: 0; width:180px;}
#dropmenu li ul a {width: 160px; height: auto; float: left; border-bottom: 1px solid #c8c8c8; padding: .5em 10px;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

/* QUICKLINKS */
#buttons {
  list-style: none;
  margin: 15px 0 0;
  padding: 0;
}

#buttons li {
  margin-bottom: 15px;
}

#buttons li a {
  display: block;
  width: 150px;
  height: 150px;
  text-indent: -999em;
}

#buttons li.office-insurance-quote-page a {
	background: #73b7c9 url(img/button-quote.jpg) 0 0 no-repeat;
	display: block;
	height: 180px;
	width: 180px;
}

#buttons li.office-insurance-claims-page a {
	background: #bba28a url(img/button-claim.jpg) 0 0 no-repeat;
	display: block;
	height: 180px;
	width: 180px;
}

#buttons li.contact-us-page a {
	display: none;
}

/* MENU */

#menu {
	float: left;
	width: 180px;
	margin: 30px 0 0;
	border: 0;
	border-width:;
	background: #f8f8f8;
	padding: 0;
}

#menu ul{
	margin: 0;
}

#menu li {
	list-style: none;
	border-bottom: 1px dotted #ccc;
}

#menu ul ul li {
	border-top: 1px solid #ccc;	
	_padding-left: 10px;
}

#menu ul ul li a:before {
	content: "» ";
}

#menu li a {
	color: #333;
	padding: 10px;
	display: block;
	line-height: 1;
	text-decoration: none;
}

#menu li a:hover {
	background: #ccc;
	color: #000;
}

.page_item ul {
	display: none;
}

.current_page_item ul, .current_page_parent ul {
	display: block;
}

#menu .current_page_item li, #menu .current_page_parent ul li {
	border: 1px solid #f8f8f8;
	border-top: 1px solid #ccc;
}



/* WEBLOG */

.post {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}

.comment-list {
	width: 460px
}

.avatar {
	float: right;
}

#comment {
	width: 460px;
}

/* TESTIMONIALS */
blockquote {
  margin: 2em;
  padding: 2em 80px 1em 2em;
  border-left: 1px dashed #ccc;
  background: transparent url(img/quote-bg.png) no-repeat scroll right top;
}



/* FOOTER */

#footer {
	padding: 10px;
	background-color: #e3f8ff;
	border-top:  1px dotted #0084b4;
	clear: both;
	margin: 0 30px;
	font-size: 11px;
}

#footer a {
	color: #333;
}

#footer p {
	font-size: 90%;
}

#footer ul {
  list-style: none;
}

#footer li {
  display: inline;
  margin-right: 15px;
}