/*

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: valiantglass.com.au

Customisation Version: 1.0

Customisation Date: September 16, 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, h4, h5 { 

  font-size: 12px; 

  line-height: 21px; 

}



h1, h2, h3, h4, h5, h6 {

  margin-bottom: 0.7em;

}



ul, 

ol { 

	margin: 11px 0 10px 18px; 

}



ul {

  list-style: square;

}



/* GENERAL */



body {

	background: #2b2b2b url(img/body-bg.jpg) 0 0 repeat-x;

	font: 16px/2 Helvetica, Arial, sans-serif;

	color: #000;

	margin: 0;

	padding: 0;

}



body#page-glass-services {

  background-image: url(img/home-body-bg.jpg);

}



#introwrap {

  background-color: #f3f3f3;

  padding-bottom: 20px;

  position: relative;

  z-index: 10;

}



#head,

#introwrap #content,

#main,

#footer {

	width: 975px;

	margin: 0 auto;

}



#sidebar1 {

  width: 300px;

  padding: 30px 30px 0 0;

  float: right;

}



#content {

  width: 580px;

  padding: 30px 30px 0;

  float: left;

  font-size: 76%;

  line-height: 1.5;

}



#page-glass-services #hero,

#page-glass-services #columnwrap {

  width: auto;

  padding: 30px 30px 0;

  margin-top: 0;

  clear: both;

}



#introwrap #content {

  padding: 20px 30px 0;

  float: none;

  width: 920px;

}

/*

#page-glass-services #content p:first-child {

  font-weight: bold;

  font-size: 1.2em;

  line-height: 1.3

}*/



#wrap {

  background-color: #fff;

}



a {

	color: #0084B4;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



br.clear {

	clear: both;

}



/* HEADER */



#head {

	height: 103px;

  position: relative;

  z-index: 100;

}



#head h1 {

	background:  url(img/logo.jpg) no-repeat;

}



#head h1 a {

	display: block;

	text-indent: -9000px;

	height: 93px;

	width:  290px;

}



/* TOPNAV */



#topnav {

  color: #fff;

	font-size: 80%;

  width: 660px;

  position: absolute;

  top: 51px;

  left: 300px;

}



#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:300; width:100%;}

#dropmenu a {display:block; padding: 2px 20px 2px 10px; color:#fff; text-decoration:none; }

#dropmenu li:hover, #dropmenu li.sf_hover { background: #000 url(img/down-arrow.gif) 95% 60% no-repeat; color:#fff;}

#dropmenu li {float:left;}



#dropmenu ul {position:absolute; display:none; width:12em; background:#686868 url(img/dropnav-bg.jpg) top right no-repeat; }

#dropmenu ul li { background: transparent url(img/li-gradient-bg.png) top left repeat-x; }

#dropmenu ul li:hover, #dropmenu ul li.sf_hover { background: 0; }

#dropmenu ul li.item_parent a,

#dropmenu ul li.item_parent:hover a, #dropmenu ul li.item_parent_sf_hover a { background: transparent url(img/icon-plus.png) 98% 55% no-repeat; }

#dropmenu ul li.item_parent:hover ul a, #dropmenu ul li.item_parent_sf_hover ul a { background: 0; }

#dropmenu li ul {width: 15.7em;}

#dropmenu li ul a {width:14.8em; padding-right: 0; height:auto; float:left; border-bottom:1px solid #8f8f8f;}

#dropmenu ul ul {top:auto;}

#dropmenu li ul ul {left:14.8em; margin:0px 0 0 10px;}

#dropmenu ul.flipflop ul {left:-16.5em;}

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul,

#dropmenu li.sf_hover ul ul, #dropmenu li.sf_hover ul ul ul, #dropmenu li.sf_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,

#dropmenu li.sf_hover ul, #dropmenu li.sf_hover li.sf_hover ul, #dropmenu li.sf_hover li.sf_hover li.sf_hover ul, #dropmenu li.sf_hover li.sf_hover li.sf_hover li.sf_hover ul {display:block;}



/* HERO */

#page-glass-services #hero {

  padding: 0;

  margin: 0 auto;

  height: 160px;

  width: 971px;

  background: transparent url(img/hero-bg.png) 16px 0 no-repeat;

}



/* CALL TO ACTION */

#cta {

  font-weight: bold;

  text-align: center;

}



#page-glass-services #cta {

  float: right;

  width: 280px;

  height: 140px;

  margin: 10px 15px 10px 0;

}



#cta p {

  margin: 0;

  clear: both;

}



.cta_header {

  text-align: center;

  font-size: 1.2em;

  line-height: 1.3;

}



#cta ul {

  list-style: none;

  margin: 10px 0;

  line-height: 1.5;

  height: 50px;

}



#cta li {

  float: left;

  position: relative;

  text-align: left;

  width: 130px;

  margin: 0 5px;

}



#page-glass-services #cta li {

  font-size: 80%;

}



#cta li span {

  display: block;

  color: #cf1011;

}



#page-glass-services #cta li span {

  position: absolute;

  top: 0;

  right: 0;

  text-align: right;

  width: 90px;

}



#cta a.button {

  display: block;

  background: transparent url(img/cta-button.png) 50% 0 no-repeat;

  color: #fff;

  font-size: 1.4em;

  line-height: 44px;

}



#sidebar1 #cta {

  margin: 20px 0;

  padding: 10px;

  background-color: #f7f7f7;

  border-color: #ececec #adadad #adadad #ececec;

  border-style: solid;

  border-width: 1px;

  -moz-border-radius: 10px;

  -khtml-border-radius: 10px;

  border-radius: 10px;

}



#sidebar1 #cta ul {

  height: 100px;

}



#sidebar1 #cta li {

  text-align: inherit;

  width: 120px;

}



#sidebar1 #cta a.button {

  background: transparent url(img/sidebar-cta-button.jpg) 50% 0 no-repeat;

  color: #fff;

  font-size: 1em;

  line-height: 30px;

  padding-bottom: 5px;

}



/* HOMEPAGE COLUMNS */

#columnwrap {

  margin-top: 20px;

}



#columnwrap div {

  width: 280px;

  float: left;

  margin-left: 30px;

  font-size: 76%;

  line-height: 1.5;

}



#columnwrap div.column1 {

  margin-left: 0;

}



#columnwrap h2 {

  font-size: 1.6em;

  margin-bottom: 0.7em;

}



/* QUICKLINKS */

#quicklinks {

  list-style: none;

  margin: 0;

  padding: 0;

}



#quicklinks li {

  margin-bottom: 30px;

}



#quicklinks li a {

  display: block;

  width: 150px;

  height: 150px;

  text-indent: -999em;

}



/* MENU */



#menu {

	float: right;

	width: 140px;

	margin: 31px 30px 21px 0px;

	_margin-right: 15px;

	border: 3px solid #00B0F1;

	border-width: 3px 0;

	background: #f8f8f8;

	padding: 10px 20px;

}



#menu ul{

	margin: 0;

}



#menu li {

	list-style: none;

	border-bottom: 1px solid #ccc;

}



#menu ul ul li {

	border-top: 1px solid #ccc;	

	_padding-left: 10px;

}



#menu ul ul li a:before {

	content: "» ";

}



#menu li a {

	padding: 0 10px;

	display: block;

	line-height: 30px;

	text-decoration: none;

}



#menu li a:hover {

	background: #00B0F1;

	color: #fff;

}



.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;

}







/* FOOTER */

#footwrap {

  background: #F8F8F8 url(img/footwrap-bg.gif) 0 0 repeat-x;

}



#footer {

	padding: 10px 30px 10px;

  width: 920px;

	clear: both;

  font-size: 76%;

}



#footer ul {

  list-style: none;

  margin: 0 0 10px;

}



#footer li {

  display: inline;

  margin-right: 20px;

}



#footer p {

  margin-bottom: 0;

  line-height: 1.4;

}



/* VCARD */

.vcard {

  margin: 20px;

  padding: 15px;

  background-color: #f7f7f7;

  border-color: #ececec #adadad #adadad #ececec;

  border-style: solid;

  border-width: 1px;

  -moz-border-radius: 10px;

  -khtml-border-radius: 10px;

  border-radius: 10px;

}



.org {

  font-weight: bolder;

  font-size: 1.4em;

  padding-bottom: 10px;

  border-bottom: 1px solid #cbcbcb;

}



.adr {

  width: 50%;

  float: left;

  padding-top: 10px;

  margin-bottom: 15px;

}



.adr p {

  margin: 0;

}



.adr p.head {

  margin-bottom: 5px;

  font-weight: bold;

}



.type {

  display: none;

}



/* media display */

.alignleft {

  float: left;

  margin: 0 20px 20px 0 !important;

}



.alignright {

  float: right;

  margin: 0 0 20px 20px !important;

}



.wp-caption {

  -moz-border-radius-bottomleft: 3px;

  -moz-border-radius-bottomright: 3px;

  -moz-border-radius-topleft: 3px;

  -moz-border-radius-topright: 3px;

  background-color: #F3F3F3;

  border-style: solid;

  border-width: 1px;

  border-color: #ECECEC #ADADAD #ADADAD #ECECEC;

  margin: 10px;

  padding-top: 4px;

  text-align: center;

}



.wp-caption p {

  margin-bottom: 6px;

}

/**** Customer logos  ****/

#customerlogos {
  height: 100px;
  list-style: none;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 20px;
  width: 780px;
}

#customerlogos li {
  float: left;
  height: 100px;
  margin-right: 30px;
  overflow: hidden;
  width: 100px;
}

#customerlogos img {
  border: 0;
}