/*  CSS for Organic Atmospheres
	v1 by Brian Schneider & Nathan Pennington
	4/2008
*/

/****** main elements ******/
body, *
{
    margin:0px;
    padding:0px;
    font-family:arial;
    font-size:12px;
}

body
{
    background:#fff;
    width:100%;
    position:relative;
}

a, img
{
	outline:none;
    border:none;
}



/***** Header Section *******/

div#header
{
    height:120px;
    min-width:900px;
    width:100% !important;
    width:100%;
}

img#oaLogo
{
    position:absolute;
    top:20px;
    left:25px;
}

h2#oaTag
{
    color:#6eb43f;
    font-size:30px;
    position:absolute;
    right:30px;
	text-align:right;
    top:70px;
}

/***** Main Nav *****/

div#mainNav
{
    margin-top:0px;
    width:100%;
    height:20px;
    background:url(../images/navigation/navBackground.gif) repeat-x;
	min-width:800px;
    width:100% !important;
    width:100%;
	border-bottom:1px solid #999999;

    
}

ul#oaNavList
{
    float:right;
    width:620px;
    height:22px;
	margin-right:40px;
}

ul#oaNavList li
{
    float:left;
    margin-top:3px;
    list-style-type:none;

}

ul#oaNavList li a
{
    width:80px;
    padding:0px 20px;
    border-right:1px solid #999999;
    text-decoration:none;
    color:#44bceb;
}

ul#oaNavList li a.last
{
	border:none;
}

ul#oaNavList li a:hover, ul#oaNavList li a.active
{
    color:#ffffff;
	background:#44bceb;
	font-weight:bold;
}

ul#oaNavList li ul#thermalAppNav li
{
    height:22px;
    background:#888888;
    width:132px;
    margin-top:4px;
    padding-top:5px;
}

ul#oaNavList li ul#thermalAppNav li a
{
	border:none;
    color:#ffffff;

}

ul#oaNavList li ul#thermalAppNav li a:hover, ul#oaNavList li ul#thermalAppNav li a.active
{
    font-weight:bold;
}

/******Footer*******/
ul#oaFooter
{
    position:relative;
    left:25%;
    width:800px;
    height:22px;
	margin-top:20px;

}

ul#oaFooter li
{
    float:left;
    margin-top:3px;
    list-style-type:none;
}

ul#oaFooter li.copyright
{
    border-right:1px solid #6eb43f;
    padding-right:20px;
    color:#555;
}

ul#oaFooter li a
{
    width:80px;
    padding:0px 20px;
    border-right:1px solid #6eb43f;;
    text-decoration:none;
    color:#6eb43f;
}

ul#oaFooter li a.last
{
	border:none;
}

ul#oaFooter li a:hover, ul#oaFooter li a.active
{
    color:#555555;
}

/****** Main Container *******/
div#oaMainContainer
{

	clear:both;
	margin-top:0px;
    padding-left:50px;
}

div#oaThermalContainer
{
    margin-top:158px;
    width:900px;
    position:absolute;
    left:50%;
    margin-left:-450px;
	padding-top:20px;
}

div#sponsers
{
	position:absolute;
	left:5px;
    width:200px;
    margin-top:158px;
	z-index:10;
}

div#officialSponsers
{
	z-index:1;
    position:absolute;
    top:380px;
	left:10px;
    text-align:center;
}

div#officialSponsers h2
{
    margin-bottom:10px;
	color:#44bceb;
	font-size:15px;
}

div#sponserNavBody
{
    background:url(../images/common/callout/navBody.png) repeat-y;
    width:190px;
}


div#sponserNavBottom
{
    background:url(../images/common/callout/navBottom.png) no-repeat;
    width:190px;
    height:18px;
}

div#sponsers h3
{
	color:#fff; 
	font-size:18px; 
	text-align:center;
	cursor:pointer;
	width:200px;
	background:url(../images/common/callout/navBody.png) repeat-y;
	padding-top:10px;
}


ul#sponserList
{
	width:200px;
    background:url(../images/common/callout/navBody.png) repeat-y;
	padding:10px;
	padding-top:20px;

}

ul#sponserList li
{
    list-style-type:none;
    margin-bottom:20px;
    text-align:left;
	text-decoration:underline;
	width:170px;
}

ul#sponserList li a 
{
    text-decoration:underline;
    color:#ffffff;
    font-weight:bold;
	font-size:14px;
}

div#middleColumn
{
    float:left;
    width:55%;
    margin-left:150px;
    margin-top:180px;
}

div#middleColumn h3 i
{
       color:#6eb43f;
       font-size:16px;
}

div#middleColumn h3
{
        margin-bottom:20px;
}

div#middleColumn p
{
        font-size:12px;
        line-height:1.6;
        color:#444;
}

div#rightColumn
{
	float:left;
	width:100px;
        margin-left:25px;
    margin-top:200px;
}

/***** Callouts *****/

ul#callouts
{
        width:750px;
        float:left;
        position:relative;
        margin-left:0px;
        margin:30px 10px;        
}

ul#callouts li
{
        float:left;
        list-style-type:none;
        margin-right:10px;
}        

ul#callouts li img
{
	cursor:pointer;
}

/****** Blog ******/
#greenBlog
{
    width:205px;
    position:absolute;
    right:30px;
    top:330px;
}

#greenBlog h3
{
    width:186px;
    margin-left:1px;
    padding:5px 8px;
    background:#6eb43f;
    color:#fff;
    font-size:24px;
    font-weight:bold;
}

div#blogMid
{

    background:url(../images/containers/blogContentMid.gif) repeat-y;
    width:205px;
    float:left;
    padding:0px 0px 50px;
}

div#blogMid ul
{
    margin-top:10px;
}

div#blogMid li
{
    list-style-type:none;
    margin-top:10px;
}

div#blogMid a
{
   padding:10px;
   text-decoration:none;
   color:#333;
   font-weight:bold;
}

div#blogMid a:hover
{
	color:#6eb43f;
}

div#blogBot
{
    background:url(../images/containers/blogContentBot.gif) no-repeat;
    width:205px;
    height:14px;
    float:left;
}


/****** Home Page ******/

#wrapper
{
        position:absolute;
        top:0px;
        left:0px;
        height:300px;
		min-width:900px;
		width:100%!important;
		width:100%; 
}
body.home
{
        background:url(../images/backgrounds/homeBack.jpg) no-repeat;
}

body.aboutUs
{
        background:url(../images/backgrounds/aboutUsBack.jpg) no-repeat;
}

body.products
{
        background:url(../images/backgrounds/productsBack.jpg) no-repeat;
}

body.whyGoGreen
{
        background:url(../images/backgrounds/whyGoGreenBack.jpg) no-repeat;
}

body.contactUs
{
        background:url(../images/backgrounds/contactUsBack.jpg) no-repeat;
}

body.thermalImagery
{
	background:url(../images/backgrounds/thermalBack.jpg) no-repeat;
}

div#quoteBox
{
    width:315px;
    position:absolute;
    right:90px;
    top:170px;
}

div#quoteBoxTop
{
	background:url(../images/containers/oaQuoteTop.png) no-repeat;
	height:14px;
	width:372px;
	float:left;
}

div#quoteBoxMid
{
	background:url(../images/containers/oaQuoteMid.png) repeat-y;
	width:372px;
    padding:15px;
	float:left;
}


div#quoteBoxMid h3.quote
{
    margin-left:40px;
    color:#44bceb;
    font-weight:normal;
    font-size:16px;
	width:280px;
}

div#quoteBoxMid p.author
{
    color:#6eb43f;
    font-size:10px;
	width:280px;
	text-align:right;
}


div#quoteBoxBot
{
	background:url(../images/containers/oaQuoteBot.png) no-repeat;
	float:left;
	height:18px;
	width:372px;
}

.quoteStyleOpen, .quoteStyleClose
{
    font-weight:bold;
    font-size:60px;
    color:#888888;
    font-family:georgia;
}

.quoteStyleOpen
{
    position:absolute;
    top:3px;
}


.quoteStyleClose
{
    position:absolute;
    top:50px;
    right:-40px;
}
/***** Misc. Elements *****/
.clearFix
{
	clear:both;
    float:none;	
}

/***Round Corner***/
.box {
  width: 100%;
}

.box-outer {
  padding-bottom: 30px;
}

.box-inner {
}

.box-inner p
{
    margin:30px;
}

.box-inner ul
{
    margin-top:10px;
    margin-left:70px;
	margin-right:20px;
}

.box-inner ul li
{
    margin-bottom:5px;
    color:#555;
}

.box h3
{
    margin-left:30px;
}
.box h3 {
  padding-top: 30px;
}

.aboutUsContainer
{
    width:150%;

}

#eco_ConsultantPop, #goGreenPop, #productsPage
{
    position:absolute;
    top:500px;
    left:300px;
    width:300px;
    display:none;
}

#productsPage
{
	top:200px;
}	


/****Pop Box*****/
.popBox
{
    position:relative;
	cursor:move;
	width:400px;
}    

.popBoxTop
{
    background:url(../images/common/callout/popTop.png) no-repeat;
    height:24px;
    width:397px;
}

.popBoxTop h3
{
    color:#fff;
    padding:5px 10px 0px;
    font-weight:bold;
}

.popBoxTop a
{
    position:absolute;
    top:5px;
    left:340px;
    color:#fff;
}

.popBoxMid
{
    background:url(../images/common/callout/popMid.png) repeat-y;
    width:397px;
    padding:10px;
}

.popBoxMid p
{
    margin:5px 15px 5px 10px;
}

.popBoxMid a
{
    color:#555555;
    font-weight:bold;
}

.popBoxBot
{
    background:url(../images/common/callout/popBot.png) no-repeat;
    width:397px;
    height:18px;
}

#aboutUsHead, #productsHead, #whyGoGreenHead, #contactUsHead
{
    position:absolute;
    right:60px;
    top:200px;
}

#thermalHead
{
    position:absolute;
    right:60px;
    top:180px;
}

span.oaText, h2.oaText
{
	color:#6eb43f;
	font-weight:bold;
}

h2.oaText
{
    margin-left:30px;
}

.oaTitle
{
    font-size:18px;
    font-style:italic;
}

#greenFamily, #greenHand
{
    width:250px;
    float:right;
    margin-top:0px;
	margin-left:10px;
	border:1px solid #555555;
}

#greenHand
{
    background:#fff;
    margin-right:20px;
}

.contactUsContainer
{
	width:750px;
}

h4.clients
{
        color:#555;
        font-size:18px;
        margin:20px 0px;
}

h4.clients a
{
        color:#6eb43f;
}

#generalPublic, #forContractors
{
        width:310px;
        margin-left:20px;
        float:left;
}

#public, #contractor
{
	display:none;
}


#forContractors
{
	padding-left:40px;
        margin-left:0px;
}

#generalPublic table tr td, #forContractors table tr td
{
        height:30px;
        color:#555;      
}

div#contactForm
{
	background:url(../images/backgrounds/contactUs.gif) repeat-y;
	width:700px;
	margin-left:30px;
}

.required
{
	color:#c40404;
        
}

.submitBtn
{
	margin-right:40px;
}

div#generalPublicContactForm, div#ContractorContactForm
{
    width:280px;
}

div#generalPublicContactForm p, div#ContractorContactForm p
{
    margin:0px;
    float:left;
}

div.label
{
    color:#555;
    margin-bottom:3px;
}

div.input
{
    margin-bottom:10px;
}

#submitPublic, #submitContractor
{
    float:left;
    margin-left:80px;
}

/* Thermal Imagery */
h1#applicationTitle i
{
	font-size:38px;
	font-weight:bold;
	color:#6EB43F;
        margin-bottom:10px;
}

h1#otherApplications
{
	color:#6eb43f;
	font-size:14px;
}
		
div.applicationContent
{
    width:400px;
    height:160px;
    margin:0px 10px 0px 0px;
    padding:5px 10px 5px 0px;
    float:left;
}

div.applicationContent h1
{    
    color:gray;
    font-size:18px;
}

div.applicationContent img
{
    float:right;
    padding-left:10px;
}

div.applicationContent.appBorder
{
	border-right:1px solid gray;
}

div#applicationContainer .applicationContent.last
{
	width:900px;
}