@charset "utf-8";

/* 	CSS document for Zephyr Concepts Website. 	*/
/*	Copyright 2008 Zephyr Concepts LLC. 				*/
/*	www.zephyrconcepts.com All rights reserved. */
/* 	Site Wide Colors 														*/
/*																							*/
/*	Bright Green: #60b346												*/
/*	Medium Grey: #6d6d6d												*/
/*	Dark Grey: #333333													*/

* {
	margin:0;
	padding:0;
}
body  {
	font: 62.5% Arial, Helvetica, sans-serif;
	background: #e0e0e0 url(../images/background-gradient.gif) repeat-x;
	color: #000000;
	text-align:center;
}
body.main span.skip a {color:#333;}

h1, h2, h3, h4, h5, h6 {}
h1 {
	font-size: 1.8em;
}
h2 {
	text-transform:uppercase;
	font-size: 1.6em;
	color: #60b346;
	background:url(../images/h2after.png) no-repeat 0px -4px;
}
h3 {
	font-size:	1.4em;
}
h4, h5 {
	font-size:1.2em;
}
h5 {}
h6 {
	font-size: 1.1em;
}
a, a:hover, a:visited, a:link, a:active {outline:none; color:#60b346; }

ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {margin-bottom:10px;}
ul, ol, dl {margin-left: 15px;}
/* ********** Structural Div ID's ********** */
body.main div#containerWrap { 
	width:1000px;
	margin: 0 auto;
	text-align: left;
}
body.main div#container {	
	/*border:1px solid #1c1d21;*/
}
body.main div#header {
	background: url(../images/rounded-cap.png) no-repeat;
	padding: 10px;
} 
body.main div#navigation {
	background: url(../images/nav-bkg.gif) repeat-x; 
	height:25px;
	border:1px solid #1c1d21;
	border-top:none;
	border-bottom:none;
}
body.main div#mainContent {
 	margin: 0;
	padding: 20px;
	background: #fff;
	border:1px solid #1c1d21;
	border-top:none;
	border-bottom:none;
	font-size:1.1em;
}
body.main div#footer { 
	clear:both;
	background:url(../images/footer-bkg.gif) repeat-x;
	border-top:1px solid #1c1d21;
	padding: 10px 10px 0px 10px;
	height:20px;
	color:#fff;
	border:1px solid #1c1d21;
}  
body.main ul.globalLinks {
	text-align:right;
	padding: 5px;
	margin:0;
}
body.main ul.globalLinks li {
	display:inline;
	border-right: 1px solid #60b346;
}
body.main ul.globalLinks li a {
	text-transform:uppercase;
	text-decoration:none;
	padding: 0 5px;
	font-weight:bold;
}
/* ********** Header Classes ********** */
body.main div#header img {
	position:relative;
	top:7px;
	left:7px;
}
div.textSize {
	text-align:right;
}
div.textSize a {
	text-decoration:none;
	color: #000;
}
/* ********** Navigation Classes ********** */

body.main div#navigation ul#navlist {
	margin:0;
	float:right;
}
body.main div#navigation ul#navlist li {
	float:left;
	width: 78px;
	list-style:none;
	padding: 5px 10px 5px 10px;
	text-align:center;
	background:url(../images/nav-seperator-f.gif) no-repeat;
} 
body.main div#navigation ul#navlist li a {
	color:#fff;
	text-decoration:none;
	font-size:1.4em;
	}
body.main div#navigation ul#navlist li.currents, body.main div#navigation ul#navlist li:hover {

	background:url(../images/nav-highlight.gif) no-repeat;
	
}

body div#mainContent div.colOne, body div#mainContent div.colTwo {
	width:450px; 
}

body div#mainContent div.colOne {float:left;}
body div#mainContent div.colTwo {margin-left:500px;}
/* ********** Main Content Classes ********** */

div#portfolioStage {
	background: url(../images/stage-bkg.png) no-repeat;
	padding:10px;
	margin-bottom: 20px;
}
div#portfolioStage div.imageContainer {
	height: 260px;
	padding:19px 10px 1px;
	width: 453px;
	float:left;
	background: url(../images/stage.png) no-repeat;
}
div#portfolioStage div.description {
	margin-left:485px;
	color:#fff;
}
div#portfolioStage div.description h1 a {color:#fff; text-decoration:none;}
body.home div#lowerBody {}
body.home div#lowerBody h2 {
	margin-left:-20px;
}
body.home div#lowerBody h2 a {text-decoration:none;}
body.home div#lowerBody div.services, body.home div#lowerBody div.news {
}
body.home div#lowerBody div.services h2 {
	background-position:95px;
}
body.home div#lowerBody div.news h2 {
	background-position: 55px;
}
body.home div#lowerBody div.news {
	padding-left:20px;
	margin-left: 490px;
	width:430px;
}
body.home div#lowerBody div.services {
	float:left;
	width:450px;
	padding-left:20px;
}
body.home div#lowerBody div.services ul {
	list-style:none;
}
body.home div#lowerBody div.services ul li {
	padding-left: 10px;
	margin-bottom:5px;
	background: url(../images/arrow.jpg) no-repeat scroll 0 2px;
}
body.home div#lowerBody div.services dl dd {
	margin-bottom:10px;
}
p.newsType {
	float:right;
	font-style:italic;
	color: #ababab;
	font-size: 1.2em;
}

/* ********** Services Classes ********** */
body.services div#mainContent div.service {
	width:450px;
	
	}
body.services div#mainContent div.service div.imageStage {
	padding:10px;
	width:430px;
	/*height:50px;
	background: #ccc;*/
	margin-bottom:20px;
}	
body.services div#mainContent div.odd {margin-right:50px; float:left;}
body.services div#mainContent div.even {margin-left:490px;}
body.services div#mainContent div.one {}
body.services div#mainContent div.one h2 {
	background-position:340px;
}
body.services div#mainContent div.two {}
body.services div#mainContent div.two h2 {
	background-position:325px;
}
body.services div#mainContent div.three {}
body.services div#mainContent div.three h2 {
	background-position:285px;
}
body.services div#mainContent div.four {}
body.services div#mainContent div.four h2 {
	background-position:300px;
}

/* ********** Portfolio Classes ********** */
body.portfolio div#mainContent div.pItem {
	width: 450px;
	float:left;
}
body.portfolio div#mainContent div.one {
	margin-right:50px;
}
body.portfolio div#mainContent div.two {}
body.portfolio div#mainContent h4 {margin-top:20px;}
body.portfolio div#mainContent img {border:1px solid white;}
body.portfolio div#mainContent div.portImages {
	padding:10px;
	background:url(../images/samples/port-back.gif) no-repeat;
}
body.portfolio div#mainContent div.portImages div.after {float:left;}
body.portfolio div#mainContent div.portImages div.before {margin-left:230px;}
body.portfolio div#mainContent div#portPager {
	clear:both;
}
body.portfolio div#mainContent div#portPager p {
	font-weight:bold;
	font-size: 1.2em;
	padding: 1px 0;
	/*display:inline;*/
}
body.portfolio div#mainContent div#portPager p a {
	text-decoration:none;
}
body.portfolio div#mainContent div#portPager p.back {
	background:url(../images/back-arrow.png) no-repeat;
	float:left;
	padding-left: 25px;
}
body.portfolio div#mainContent div#portPager p.forward {
	float:right;
	background:url(../images/forward-arrow.png) no-repeat right;
	padding-right: 25px;
}


/* ********** About Classes ********** */
body.about div#mainContent div.aboutUs {
}
body.about div#mainContent div.news h2 {background-position: 65px;}
body.about div#mainContent div.news {
}

/* ********** Contact Classes ********** */
body.contact div#mainContent div.contactForm {
}
body.contact div#mainContent div.contactForm label {
	display:block;
	padding:5px 0;
}
body.contact div#mainContent div.contactForm input {
}
body.contact div#mainContent div.contactForm textarea {
	margin-bottom:5px;
	width: 350px;
}
body.contact div#mainContent div.contactAddress {
}
body.contact div#mainContent div.contactAddress h2 {
background-position: 185px; 
}
body.contact div#mainContent div.contactAddress div.addressBox {
padding:10px;
	border: 1px solid #60b346;
}

/* ********** Footer Classes ********** */
p.right {float:right;}
.last {border:none!important;}
