/*
Theme Name: Rothbury
Description: Designed and Developed for Rothbury
Version: 1.0
Author: Seth Kellas
*/

@import "reset.css";


/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */


/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
.aligncenter{display:block; margin:0 auto}
.alignleft{float:left;}
.alignright{float:right}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}


/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/
html, body{height:100%}

body{
	font-size:.6em; 
	font-family: Arial, Helvetica, sans-serif; 
	
	background-color:#efefef; 
	margin:0 auto; 
	text-align:left; 
	}

p {
	font-size: 1.4em;
	margin-bottom: 1em;
	line-height: 1.4em;
}

li {
	font-size:1.4em;
}


a { color:#365a82; }
a:hover { color:#256290; }
a:focus { outline:none }

p strong {
	font-size: 1em;
}

h2 {
	text-decoration:none;	
	color:#256290;
	border:none;
	margin-bottom: 10px;
	font-size: 1.8em;
	}

strong {
	color:#256290;
	display:block;
	font-size: 1.2em;
	font-weight:bold;
	margin-bottom:1em;
}

.content{
	float:left;
	width: 610px;
}

.content ul {
	margin-left:12px;
}

#page-wrap {
	width:950px; 
	min-height: 100%; 
	height: auto !important; 
	height: 100%;
	margin: 0 auto; 
	padding-left: 10px;
	padding-right: 10px;
	}
	
#footer {
	margin: 0 auto;
	border-top:1px solid #E0E0E0;
	width: 940px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}	

#footer-bottom {
	border-top:1px solid #E0E0E0;
	margin-top: 12px;
	padding-top: 12px;
}

.wrap {
	margin:0 auto;
	width:950px;
}

	
#content{width:600px; float:left}
.content-archive{margin-top:30px}
#content_archive {
	width:950px;
}

/* Logo*/
/* ----------------------------------------- */

h1.logo {
	border:medium none;
}

h1.logo a{
	background:transparent url(../../images/loRes.logo.png) no-repeat scroll 0 0;
	border:0px solid #256290;
	float:left;
	height:100px;
	text-indent:-9999px;
	width:424px;
	overflow:hidden;
	margin-top: 14px;
}

/* Main Copy*/
/* ----------------------------------------- */

h1.banner{
	font-family:Verdana,Geneva,Kalimati,sans-serif;
	font-size:2.4em;
	color:#5783a3;
	height:40px;
	border-top:1px solid #5783a3;
	text-align:center;
	width:600px;
	overflow:hidden;
	margin:0 auto;
	margin-bottom:8px;
	margin-top: 12px;
}

h2.rightBanner{
	font-family:Verdana,Geneva,Kalimati,sans-serif;
	font-size:1.8em;
	color:#256290;
	border:1px solid #256290;
	height:64px;
	text-align:left;
	width:800px;
	overflow:hidden;
	margin-left:0 ;
	margin-top: 20px;
}
h2.readmore a {
	background:transparent url(../../images/readmore.png) no-repeat scroll 0 0;
	border:0 none;
	height:31px;
	text-indent:-9999px;
	width:103px;
	overflow:hidden;
	margin: 0 auto;
	margin-top: 30px;
	display: block;
}


#footer h2 {
	color: #256290;
	font-size: 1.6em;
}

/* Nav*/
/* ----------------------------------------- */

ul#navmenu {
	float:right;
	height:40px;
	width:452px;
	margin-top: 40px;
	overflow:hidden;
}

ul#navmenu li { border:0; float:left; margin-left:10px;}
ul#navmenu li a { margin:0; padding:0; border: 0; }
ul#navmenu li a:hover { border:none }

li.navhome a ,li.navabout a 	, li.navstudies a ,li.navresources a 
{
	background:url(../../images/nav.png) no-repeat; 
	text-indent:-9999px; 
	display:block; 
	width:448px; 
	height:40px; 
	overflow:hidden 
}


li.navhome a 							{ background-position:-1px 6px; width:70px;}
li.navhome a:hover 					{ background-position:-1px -40px; }
body.home li.navhome a 				{ background-position:-1px -40px }

li.navabout a 							{ background-position:-85px 6px; width:76px;}
li.navabout a:hover 					{ background-position:-85px -40px }
body.page-template-page-about-php
li.navabout a 							{ background-position:-85px -40px }

li.navstudies a 						{ background-position:-177px 6px; width:146px;}
li.navstudies a:hover 					{ background-position:-177px -40px }
body.page-template-page-studies-php 
li.navstudies a 						{ background-position:-177px -40px }

li.navresources a 						{ background-position:-337px 6px; width:112px;}
li.navresources a:hover 				{ background-position:-337px -40px }
body.page-template-page-wat-php 
li.navresources a 						{ background-position:-337px -40px }

/*
-----------------------------------------
Featured Box
----------------------------------------- 
*/

	
	#box-wrap {
	width:940px;
	height:362px;
	margin:0 auto;
	position:relative;
	text-align:left;		
	margin-bottom:2em;
	margin-top: 4px;
	border:2px solid #256290;
	background: #256290;
}





#feature-content {
    position: relative;
    line-height: 0;
}

#feature-content #features, #feature-content img, #feature-content .feature-content {
	height: 362px !important;
}
#feature-content #features, #feature-content img {
	width: 940px !important;
}

#feature-content .feature a {
	display: block;
	color:#b8c2b8;
	line-height:1em;
	text-decoration:none;
}
#feature-content .feature-content {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../../images/slide-bg.png) repeat;
  width: 297px;
  color: #fff;
}
#feature-content  .feature a.line {
	color:#b8c2b8;
	line-height:1em;
	text-decoration:none;
	border-bottom:1px solid #b8c2b8;
	padding-bottom: 5px;
}

#feature-content h2 {
	background:none;
	font-size:2em;
	height:0.9em;
	margin:30px 20px 50px;
	width:auto;
}
#feature-content p {
	margin-left: 20px;
	margin-right: 20px;
	font-size: 1em;
	line-height: 1.375;
}
    
#feature-content .mainpage p {
	margin:30px 20px 10px;
	font-size:1.6em;
	line-height: 1.3;
}

#feature-content span {
	color: #b8c2b8;
	font-style: italic;
	font-size: 0.8em;
}

#feature-content ul.features-menu {
	bottom:20px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:absolute;
	right:170px;
	z-index:50;
}
#feature-content ul.features-menu li {
	display: inline;
}
#feature-content ul.features-menu a {
	  float: left;
	  width: 42px;
	  height: 30px;
	  margin-right: 10px;
	  background: url(../../images/pagination.png) no-repeat;
	  text-indent: -9999em;
	  border: none;
}
#feature-content ul.features-menu a.previous {
	background-position: 0 0;
}
#feature-content ul.features-menu a.next {
	background-position: -52px 0;
}    
#feature-content ul.features-menu a.previous:hover {
	background-position: 0 -40px;
}
#feature-content ul.features-menu a.next:hover {
	background-position: -52px -40px;
}

#feature-content a.more {
	 font-size: 1.4em;
	 font-weight: bold;
	 font-style: italic;
	 margin-left:20px;
	 margin-right:20px;
	 padding-bottom: 0;
	 border-bottom: 1px solid #E0E0E0;
	 display: inline;
}

/*
-----------------------------------------
Home Page Elements
----------------------------------------- 
*/

.subcontent {
	width: 316px;
	float: left;
	margin-top:4px;
	position: relative;
}

.subcontent h2{
	font-family:Verdana,Geneva,Kalimati,sans-serif;
	font-size:2em;
	color:#256290;
	padding-left:10px;
	border-bottom:1px solid #256290;
	background-color:#fff;
}

.subcontent-wrap {
	border: 3px solid #256290;
	margin:10px 10px;
	height: 600px;
	overflow: hidden;
	background-color:#b8ccd5;
}

.subcontent a {
	border: none;
	text-decoration:underline;
	color: #365a82;
}

.subcontent a img{
	width:260px;
	margin: 12px 6px;
}

.subcontent li {
	line-height:1.4em;
	margin-bottom:4px;
	list-style-image: url(../../images/bullet.png); 
	text-align:left;
	font-size:1.4em;
	margin-top: 2px;
	margin-left:20px;
	margin-right:10px;
}
.subcontent p {
	line-height:1.4em;
	font-size:1.4em;
	margin-top: 20px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:4px;
}

.middle li{
	margin-bottom:0px !important;
}

.right p {
/*
	width: 270px;
	*/
	padding-right: 10px;
}


/*
-----------------------------------------
Footer
----------------------------------------- 
*/


.fbox {
	float: left;
	height: 100px;
}

.fbox a {
	color: #365a82;
	border: none;
}

.fbox a:hover {
	color: #5783a3;
}

.fbox p {
	width: 220px;
	font-size: 1.2em;
	margin-bottom:0px !important;
	padding-left: 80px;
}

.fbox ul li {
	float: left;
	width: 100%;
}

.fbox ul li a {
	display:block;
	font-size:1.2em;
	padding-bottom:4px;
	padding-left:22px;
	padding-right: 22px;
}

.fbox.contact {
	width: 280px;
	border-right: 1px solid #e0e0e0;
}
.fbox.sites{
	width:280px;
	border-left: 1px solid #e0e0e0;
	float:right;
}
.fbox h2 {
	padding-left: 0px;
	float:left;
	display:inline;
}

#footer-bottom {
	margin-top:0px;
	color: #bbbbbb;
	font-size: 1.2em;
}

#footer-bottom a {
	color: #bbbbbb;
	font-size: 1.2em;
	border-bottom: 0;
}

#footer-bottom a:hover {
	color: #5783a3;
}

.boxtype1 {
	width: 420px;
}

.boxtype2 {
	width: 200px;
}

.boxtype3{
	width:720px;
}
.imageRight {
	margin-right: 0px;
	float: right;
}



.about-text  b{
	color:#256290 !important;
	font-size:1.2em;
}

/*
-----------------------------------------
Shared Elements
----------------------------------------- 
*/


div.details{
	width:636px;
	height:360px;
	overflow:auto;
}
div.details img{
	margin:12px 24px;
}
div.details h2{
	margin-left:8px;
}
div.details ul li{
	list-style-image: url(../../images/bullet.png); 
	text-align:left;
	margin-top: 2px;
	margin-bottom:4px;
	margin-left:24px;
}
#about_elements ul li {
	line-height:1.2em;
	list-style-image: url(../../images/bullet.png); 
	text-align:left;
	margin-top: 2px;
	margin-bottom:4px;
	margin-left:24px;
}

#wat_elements img, #about_elements img{
	border: 3px solid #E0E0E0;
}


 .content-menu{
	height:360px;
	width:286px;
	top:108px;
	display:block;
	float:left;
	background: url(../../images/slide-bg.png) repeat;
	border:2px solid #256290;
	background-color:#256290;
}

 .content-menu ul{
	margin-top:8px;
	margin-right:12px
}

 .content-menu li{
	line-height:1.2em;
	font-size:1.6em;
	margin-bottom:4px;
	text-align:right;
	display:block;
}

 .content-menu a{
	color:#fff;
	margin-bottom:4px;
}

 .content-menu a.selected{
	color:#fff;
	margin-bottom:4px;
	font-style:italic;
	border-bottom:1px solid #fff;
}

 .content {
	height:360px;
	width:636px;
	border:2px solid #256290;
}

 .content p{
	margin-right: 12px;
	margin-left: 12px;
	margin-top: 4px;
}


/*
-----------------------------------------
Case Studies
----------------------------------------- 
*/

#studies_elements{
	height:600px;
}

#studies_elements p.break{
	  margin:6px;
}


#studies_elements ul.cases-menu{
	left:6px;
	top:160px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:relative;
	z-index:50;
}


#studies_elements ul.cases-menu a{
	  float:left;
	  width: 42px;
	  height: 30px;
	  margin-right: 10px;
	  background: url(../../images/pagination.png) no-repeat;
	  text-indent: -9999px;
	  overflow:hidden;
	  border: none;
}

#studies_elements ul.cases-menu li{
	display:inline;
}
#studies_elements ul.cases-menu a.previous {
	background-position: 0 0;
}
#studies_elements ul.cases-menu a.next {
	background-position: -52px 0;
}    
#studies_elements ul.cases-menu a.previous:hover {
	background-position: 0 -40px;
}
#studies_elements ul.cases-menu a.next:hover {
	background-position: -52px -40px;
}

/*
-----------------------------------------
Webinars and Training(resources)
----------------------------------------- 
*/

#wat_elements {
	
}

.box-wrap {
	padding-bottom: 30px;
	border-bottom: 0px solid #E0E0E0;
}

#wat_elements .content-menu strong{
	color:#b8c2b8;
	line-height:1.2em;
	font-size:1.6em;
	margin-bottom:8px;
	margin-top:8px;
	display:block;
}

#wat_elements{
	height:600px;
}

#wat_elements p.break{
	  margin:6px;
}


#wat_elements strong#first{
	font-size:1em !important;
}

#wat_elements strong#skip{
	font-size:1em !important;
}

#wat_elements p.disclaimer{
	  border-top:1px dotted #000;
	  margin-top:4px;
	  font-size:.9em;
}

#wat_elements ul.cases-menu{
	left:6px;
	top:80px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:relative;
	z-index:50;
}


#wat_elements ul.cases-menu a{
	  float:left;
	  width: 42px;
	  height: 30px;
	  margin-right: 10px;
	  background: url(../../images/pagination.png) no-repeat;
	  text-indent: -9999px;
	  overflow:hidden;
	  border: none;
}

#wat_elements ul.cases-menu li{
	display:inline;
}
#wat_elements ul.cases-menu a.previous {
	background-position: 0 0;
}
#wat_elements ul.cases-menu a.next {
	background-position: -52px 0;
}    
#wat_elements ul.cases-menu a.previous:hover {
	background-position: 0 -40px;
}
#wat_elements ul.cases-menu a.next:hover {
	background-position: -52px -40px;
}

/*
-----------------------------------------
About page
----------------------------------------- 
*/

#about_elements .colorbox{
	border: 3px solid #256290;
	margin:10px 0px;
	height:400px;
	width:48%;
	overflow: hidden;
	background-color:#b8ccd5;
}

#about_elements .colorbox p{
	margin-top:20px;
	margin-left:10px;
	margin-right:10px;
}

#about_elements .colorbox a{
	border: none;
	color: #365a82;
}

#about_elements .col ul li{
line-height:1.8em;
list-style-type:none;
margin-bottom:10px;
margin-left:20px;
margin-right:10px;
padding-right:50px;
}

#about_elements .col ul{
border-right:1px solid #E0E0E0;
display:block;
width:315px;
height: 320px;
}
.aboutbox {
	width: 300px;
	float: left;
	margin-right: 20px;
	margin-top: 50px;
}

#about_image {
	background-color:#fff;
	border: 1px solid #CECECE;
	width: 70px;
	height: 67px;
	margin-right: 8px;
	float:left;
}

#about_text {
	
	margin: 0;
	display:inline;
}

.border {
border-bottom:1px solid #C9C9C9;
display:block;
margin-bottom:20px;
margin-top:20px;
}