/*-----attach body.custom to any style you add here-----*/

/*-- Origin Header --*/
#oheader {
	height: 90px;
	width: 970px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-align: left;
	padding-top: 5px;
	margin-top: 30px;
        margin-bottom: 17px;
}

/*-- Borders --*/
body.custom #pp-sidebars {
	border-top: 0px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
}
body.custom #footer{
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}

/*-- Block Quotes --*/

body.custom blockquote{
     margin:0 0 1.5385em;
     padding:0 0 0 40px;
     font-style:italic;
     color:#555;
     background:url('images/pp-quote.gif') no-repeat left top;
  //padding-left: 18px;
 

}


body.custom blockquote:first-letter {
  background: url('images/pp-quote.gif') no-repeat left top;
  //padding-left: 18px;
  
}


/*-- Footer --*/

#datebox {
	background-image: url(http://www.marengere.com/origin/image/dash.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 25px;
	width: 970px;
	float: left;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #393939;
	padding-top: 15px;
	margin-bottom: 10px;
}

#language {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	width: 250px;
	float: left;
	height: 40px;
	text-align: left;
}
#iconbox {
	width: 720px;
	float: left;
	text-align: right;
	height: 40px;
}

/*-- Right Col --*/

#about .about, #services .services, #different .different , #like .like, #clients .clients, #wb .wb,
#salomon .salomon, #tw .tw, #jp .jp, #kombi .kombi, #ttb .ttb, #wmbp .wmbp, #c4 .c4, #mssi .mssi,
#kokanee .kokanee, #atomic .atomic, #riot .riot, #adsvmq .adsvmq, #liquid .liquid, #ahlivv .ahlivv, #wls .wls,
#jobs .jobs, #contact .contact, #login .login, #newsletter .newsletter, #blog .blog
{
	color: #f36f21;
	display: block;
	width: 137px;
	background-image: url(../image/bar.gif);
	background-repeat: repeat-x;
	background-position: center center;
}


.drop {
	list-style: none;
	margin: 0;
	text-align: left;
	width: 135px;
        line-height: normal;
}
.drop li {
	margin-bottom: 5px;
}
.drop div { 
	padding: 0px 5px 5px 0px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
}
.off { 
	width:137px;
	display:block; 
}
.on { 
	width:137px;
	display:block; 
}
.in { 
	width:137px;
	display:block; 
}
#infotow {
	text-align: right;
	padding-top: 80px;
	background-image: url(../image/bg-richmedia.jpg);
	background-position: right top;
	height: 391px;
	width: 782px;
	padding-right: 10px;
}
#b_tab1 .on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: bold;
}
#b_tab1 .off { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: bold;
}
#i_tab1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
}
#i_tab1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: normal;
}
#i_tab1 .off {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
}
#b_tab2 .on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: bold;
}
#b_tab2 .off { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: bold;
}
#i_tab2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
}
#i_tab2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: normal;
}
#i_tab2 .off {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
}
#b_tab3 .on, #b_tab4 .on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: bold;
}
#b_tab3 .off, #b_tab4 .off { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: bold;
}
#i_tab3 a, #i_tab4 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
}
#i_tab3 a:hover, #i_tab4 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f21;
	font-weight: normal;
}
#i_tab3 .off, #i_tab4 .off {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
}





/*-- hide branding div --*/
body.custom #branding { display: none;}

/*-----layout-----*/
body.custom #page {width:972px; margin:0 auto; text-align:left;}
	body.custom #header{width:970px; float:left; position:relative;}
	body.custom #container{width:970px; float:left; padding:0 0px; background:#fff;}
		body.custom #rotating{width:970px; float:left; padding:10px 0;}
		body.custom #primary{float:left; padding:0 39px 0 0; }
		body.custom #secondary{float:left;}
			body.custom .sidebar{float:left;}
			body.custom .sidebar-items{padding:5px 30px 0 0px;}
		body.custom #footer{width:970px; float:left; clear:both;}
body.custom #rotating .img {width:970px;}

body.custom .entry-title { margin:5px 0 0;}

/*-- column width override --*/

/*580px wide*/
body.custom .content-580px #primary{width:540px;}
body.custom .content-580px #secondary{width:382px;}
	body.custom .content-580px #sidebar-wide{width:370px;}
	body.custom .content-580px #sidebar-1{width:250px;}
	body.custom .content-580px #sidebar-2{width:120px;}



body.custom .sidebar h2 { color: #F36F21; }
body.custom .entry-title { color: #F36F21; font-family: georgia; font-size: 24px; }
body.custom .entry-title a  { color: #F36F21; font-family: georgia; font-size: 24px; }
body.custom .entry-title a:visited  { color: #F36F21; }
body.custom .entry-title a:hover { color: #F36F21; }
body.custom  a.twitter_title_link { color: #F36F21; }
body.custom  a:visited.twitter_title_link { color: #F36F21; }
body.custom  a:hover.twitter_title_link { color: #F36F21; }

/*-- link colours --*/
/*-- #F36F21 (orange) and the #282527 (dark grey) --*/
body.custom a { color: #282527; }
body.custom a:visited { color: #282527;  }
body.custom a:hover { color: #F36F21;  }

/*-- Fonts --*/
 body.custom  {font-family: arial, sans-serif; text-align:center; background:#fff; color:#111;}
body.custom .sidebar h2 {font-size:11px; font-weight: bold; text-transform: uppercase; font-family: arial, sans-serif; }



/*--  Right Column  -- */

body.custom li.twitter-item  { padding: 5px 5px; }

body.custom body {font-family: arial,sans-serif; font: 62.5%/1.3 'arial, sans-serif; text-align:center; background:#fff; color:#282527;}