﻿* {
	margin: 0px;
	padding: 0px;
}

html {
	margin-top:0px;
}

body {
	font-size: 1.1em;
	margin-top:0px;
	font-family: Helvetica, Arial, verdana, sans-serif;
	background-color:#9FA1E4;
}

label{
	width:167px;
	text-align:right
}
.clear {
	clear: both;
}

.hidden {
	display:none;
}

h1{
text-align:center;font-variant:small-caps; font-weight:bolder; font-size:24pt; font-face:Arial, Helvetica, san-serif;color:#495D89;
}
h2{
text-align:center; font-weight:bolder; font-size:20pt; font-face:Arial, Helvetica, san-serif;
}

h4{
font-weight:bold; font-size:15pt; font-face:Arial, Helvetica, san-serif; color:#495D89;
}

.details {
	font-face:Arial, Helvetica, san-serif; font-size:15pt;font-weight:bold;
}

.right{
	float:right;
}
.navbar {
	text-align:center; background-color:#A0E2E4; width:960px; height:30px; display:block;
}

.center {
	margin-left:auto;margin-right:auto;
}



#page-wrap {
	width: 960px;
	background: white;
/*	margin: 10px auto;
*/	margin:auto;
	margin-top:0px;
	padding: 10px 10px 0px;
}

.main {
	padding:10px;width:940px;
}

#logos {
	width:940px;padding:10px;
}

.button {
	float: left;
	margin: 5px;
}

#plans {
	display: block;
	padding: 20px;
}
#plans-button {
	opacity: 1.0;
	border-bottom: 1px solid black;
}
#costs {
	display: block;
	padding: 20px;
}
#costs-button {
	opacity: 1.0;
	border-bottom: 1px solid black;
}
#sales {
	display: block;
	padding: 20px;
}
#sales-button {
	opacity: 1.0;
	border-bottom: 1px solid black;
}
#projects {
	display: block;
	padding: 20px;
}
#projects-button {
	opacity: 1.0;
	border-bottom: 1px solid black;
}


#home {
	display: block;
	padding: 30px;
}
#home-button {
	opacity: 1.0;
	border-bottom: 1px solid black;
}

#about {
	display: none;
	padding: 30px;
}
#about-button {
	opacity: 0.5;
	border-bottom: 1px solid black;
}

#contact {
	display: none;
	padding: 30px;
}
#contact-button {
	opacity: 0.5;
	border-bottom: 1px solid black;

}

.content{
	width:690px;
	background-image:url('../../images/flower_280.png')

}


.form-row {
	width:500px;
	margin-left:auto;
	margin-right:auto;
}

.set{border-bottom:1px solid #000}
.teal{background-color:#A0E2E4;}  
.orange{background-color:#E2A1A4;}
.tan{background-color:#D6B6B9;}
.blue{background-color:#A5C9E4;}
.magenta{background-color:#E19FE3;}
.green{background-color:#BFDB6C;}
.purple{background-color:#9FA1E4;}



		BODY { margin: 10px; padding: 0; font: 1em "Trebuchet MS", verdana, arial, sans-serif; }
		H1 { margin-bottom: 2px; font-family: Garamond, "Times New Roman", Times, Serif;}
		DIV.container { margin: auto; width: 90%; margin-bottom: 10px;}
		FIELDSET { border: 1px solid #ccc; padding: 1em; margin: 0; }
		LEGEND { color: #ccc; font-size: 120%; }
		INPUT, TEXTAREA { font-family: Arial, verdana;  padding: 7px; border: 1px solid #999; }
		LABEL { text-align: right; 	width: 240px;font-size:14pt; border-right: 1px dotted #099; padding-right: 5px; margin: 0 0 8px 0;color: #7563A5; 
	float: left; clear: left; display: block; 
} 
				
		UL.tabNavigation {
		    list-style: none;
		    margin: 0;
		    padding: 0;
		}

		UL.tabNavigation LI {
		    display: inline;
		}

		UL.tabNavigation LI A {
		    padding: 3px 5px;
		    background-color: #A5C9E4;
		    color: #000;
		    text-decoration: none;
		}

		UL.tabNavigation LI A.selected,
		UL.tabNavigation LI A:hover {
		    background-color: #BFDB6C;
		    color: #fff;
		    padding-top: 7px;
		}
		
		UL.tabNavigation LI A:focus {
			outline: 0;
		}

		div.tabs > div {
			padding: 5px;
			margin-top: 3px;
			border: 1px dashed #333;
		}
		
		div.tabs > div h2 {
			margin-top: 0;
		}

		#first {
		    width:1024px; height:768px;	background-image:url('bg/teal-flower.png');
		    }

		#second {

		    width:1024px; height:768px; background-image:url('bg/blue-flower.png');		  
		}

		#sixth {
		    width:1024px; height:768px; background-image:url('bg/flower-tan.png');
		}

		#fifth {
		    width:1024px; height:768px; background-image:url('bg/pink-orange-flower.png'); 
 		}
		#fourth {
		    width:1024px; height:768px; background-image:url('bg/magenta-flower.png');
  		}

		#third {
		    width:1024px; height:768px; background-image:url('bg/purp-flower.png');
		}
		
		.waste {
			min-height: 1000px;
		}
#wrapper {
    width: 650px;
    height: 580px;
    margin: 25px auto;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 590px;
    margin: 0 auto;
    position: relative;
   	height: 570px;
	border: 10px solid #ccc;
}

.scroll {
	overflow: hidden;
	width: 590px;
	height: 570px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 5px;
    width: 590px;
	height: 570px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url('../images/leftshadow.png') repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url('../images/rightshadow.png') repeat-y;
}

.inside {
	padding: 5px;
	border: 1px solid #999;

}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 560px;
	height: 550px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #ccc;
}
.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}
