/*
Theme Name: John Scott
Theme URI: http://www.mannadesign.net
Version: 1.6
Author: Tommy Callaghan
Author URI: http://www.mannadesign.net
*/


/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/


body {
	font-family: helvetica, arial, san-serif;
	font-size:	12px;
	margin: 0px;
	background-color: #F5F7ED;
	background-image: url(images/background.png);
	background-repeat: repeat;
}

.clearboth {
	clear: both;
	padding-top: 20px;
}



p h1 h2 h3 h4 h5 h6 {
	font-family: helvetica, arial, san-serif;
	font-weight: normal;
	margin: .7em 0 .7em 0;

}

p {
	font-size:	12px;
	color: #595959;
	line-height: 20px;
	margin-top: 1em;
}


h1 {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 16px;
}

h2 {
	font-size:	24px;
	color: #182471;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #1F8FC9;
	padding-bottom: 5px;
}


h3 {
	font-size:	16px;
	color: #1F8FC9;
	font-weight: bold;
	margin-top: 1em 0 0 0;
}


h4 {
	font-size:	14px;
	color: #fff;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	background-color: #1f8fc9;

}


/* This class sets the width and position for all rows */


.inside {
  width:960px;
  margin:0 auto;
  padding:0;
}

.post {
  padding: 0 ;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/


#header {
  background-color:#182471;
  height:200px;
}

#header .inside {
  padding-bottom:10px;
}

#header h1{ 
  padding:55px 0 0 0;
  margin: 0 0 0 30px;
  float:left;
  
}

* html #header h1{ 
  margin: 0 0 0 15px;
  width:231px;  
}

#header h1 a { 
  text-decoration:none; 
  display:block;
  width:231px;
  height:90px;
  border:0;
  text-indent:-10000px;
  background: transparent url(images/johnscottlogo.png) no-repeat left top;
}

#search {
  float: right;
  padding: 30px 0 0 0;  
}

#header .intro { 
	float: left;
	padding: 0 0 0 30px;
	margin:25px 0 20px 50px;
	width: 500px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #1F8FC9;
	
}

#header .intro h2 { 
  margin: 30px 0 25px 0;
  width: 547px;
  height: 92px;
  border: 0;
  text-indent:-10000px;
  background: transparent url(images/tagline.png) no-repeat left top;

	}

/*-----------------------------------------------------------------------------------------------
  Navigation
-----------------------------------------------------------------------------------------------*/

ul {
margin : 0;
padding : 0;
list-style : none;
}

#navcontainer {
	width: 940px;
	margin: 0 auto 0 auto ;
	float: none;
	clear: both;
}

#leftbox {
	width: 300px;
	height: 46px;
	float: left;
	background-color: #0c6fa2;
}


#nav {
	margin : 0;
	background-color: #1f8fc9;
	display: block;
	width: 625px;
	float: right;
	height: 46px;
	padding: 0 0 0 15px;
}

#nav li {
	list-style : none;
	display : inline;
	line-height : 45px;
}

#nav li a {
	text-decoration: none;
	margin: 0;
	font-weight : normal;
	color : #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	padding: 13px 15px 14px 15px;
}

#nav li a:hover {
	color : #fff;
	margin : 0;
	background-color: #f07202;
}

#nav li a:active {
	color : #fff;
	background-color: #0033FF;
}

/*-----------------------------------------------------------------------------------------------
  Main Content
-----------------------------------------------------------------------------------------------*/


#maincontainer {
	clear: both;
	width: 940px;
	margin: 0 auto 0 auto ;
	background-color: #FFFFFF;
	display: block;
}

.homeimagecontainer {
	background-color: #dedfd5;
	width: 940px;
	height:330px;
	position: relative;
	float:left;
}
#arrowleft {
	position: absolute;
	top: 155px;
	left: 18px;
}
#arrowright {
	position: absolute;
	top: 155px;
	right: 18px;
}


.homebannerinside {
	margin-right: auto;
	margin-left: auto;
	width: 891px;
	padding: 20px 0 20px 0;
}

.homecoloumn {
	width: 273px;
	float: left;
	display: block;
	margin: 10px 20px 0 20px;
}

* html .homecoloumn {
	margin: 10px 20px 0 10px;
}


.homecoloumn a {
	background-color: #1F8FC9;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	padding: 7px 14px 7px 14px;
	
	
}

.homecoloumn a:hover,a:active {
	background-color: #f07202;
	}
	
	
#mainleftcolumn	{
	width: 240px;
	padding-left: 30px;
	float: left;
	margin: 10px 0 0 0 ;
}

#rightcolumn {
	float: right;
	width: 580px;
	padding: 0 30px 0 30px;
	margin-top: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
}
	
li {
	color: #666666;
	line-height: 18px;
	list-style-type: square;
	list-style-position: inside;
	margin-top: 1em;
	font-weight: bold;
}


/*-----------------------------------------------------------------------------------------------
  Project Pages
-----------------------------------------------------------------------------------------------*/

#secondarynav {
}


#secondarynav li {
	list-style : none;
	line-height : 16px;
}

#secondarynav li a {
	text-decoration: none;
	font-weight : normal;
	color : #182471;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	background-color: #C1D3DA;
	display: block;
	padding-top: 10px;
	margin-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
}

#secondarynav li a:hover {
	color : #FFFFFF;
	background-color: #f07202;
}

#secondarynav li a:active {
	color : #FFFFFF;
	background-color: #1F8FC9;
}

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

#footer {
	background-color: #dedfd5;
	width: 100%;
	clear: both;
}

#footer h1  {
	font-size: 20px;
	color: #6E6E6E;
	font-weight: bold;
	margin-bottom: -10px;
}

#footer h2 {
	font-size: 16px;
	color: #6E6E6E;
	font-weight: normal;
	margin-bottom: -10px;
	border-style: none;

}



#footer ul {
margin : 0;
padding : 0;
list-style : none;
}

#footer li {
	list-style : none;
	display : inline;
	line-height : 15px;
}

#footer li a {
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	color: #1F8FC9;
	background-color: none;
	padding: 0 15px 0 0;
}

#footer li a:hover,a:active {
	color: #f07202;
}


#footer a {
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	color: #1F8FC9;
}

#footer a:hover,a:active {
	color: #f07202;
}

	
.footerinside {
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 20px;
}

#footerleftcol {
	width: 50%;
	float: left;
}

#footerrightcol {
	width: 50%;
	float: right;
	text-align: right;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}