@charset "utf-8";
body { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3E3E3E;
	font-size:14px;
	background-image: url(../images/body_bgglow.jpg);
	background-position: top center;
}
h1{
	font-size:36px;
	color: #333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}
.floatleft{
	float:left;
}
.floatright{
	foat:right;
}
.imagefloatleft{
	float: left;
	margin-right: 7px;
}
.imagefloatright{
	float: right;
	margin-left: 7px;
	margin-right: 10px;
}
#wrapper{
	width: 990px;
	margin-left: auto;
	margin-right:auto;
	margin-top: 25px;
}
#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 50px;
	background: transparent;
}
#logo {
	float: left;
	height: 50px;
	width: 300px;
}
#logo img{
	width: 212px;
	height: 45px;
}
/*box that floats in right side of header*/
#searchbox{
	float:right;
	width: 300px;
	height: 50px;
}
.search{
	border:#CCC solid 1px;
	margin-right: 7px;
	height: 25px;
}
.button{
	background-color:#090;
	color: #fff;
	height: 25px;
	
}
/*content area*/	
#content{
	width: 955px;
	padding: 0px;
	min-height: 550px;
	background: #efefef;
	padding-bottom: 20px;
	padding-left: 15px;
}
#contentmain{
	width: 970px;
	padding: 0px;
	min-height: 550px;
	background: #efefef;
	padding-bottom: 20px;
}
#contentportfolio{
	width: 955px;
	padding: 0px;
	min-height: 800px;
	background: #efefef;
	padding-bottom: 20px;
	padding-left: 15px;
}
#whitewrap{
	background: #efefef;
}
#rightcolumn{
	width: 280px;
	float: right;
	margin-top: 75px;
	margin-right: 15px;
	background-color: #eee;
	padding-left: 20px;
	padding-top: 15px;
	min-height: 400px;
	background-image:url(../images/rightbg.jpg);
	background-position:top left;
	background-repeat: repeat-y;
}
#rightcolumn h1{
	font-size:26px;
	color: #666;
	width: 280px;
	margin-bottom: 15px;
}
#maincontent{
	width: 950px;
	float: left;
	padding-left: 10px;
	margin-top: 15px;
}
#maincontentfull{
	width: 950px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 10px;
}
/*footer*/
#footer{
	width: 950px;
	padding:10px;
	height: 60px;
	background:url(../images/footerbg.jpg) repeat-x;
	}
#footerbox {
	height:140px;
	width: 210px;
	padding: 5px;
	float: left;
	border-right: solid #CCC 1px;
}	
#footerglow{
	width: 990px;
	height:20px;
	background-image: url(../images/glowbottom.jpg);
	}
#headerglow{
	width: 990px;
	height:20px;
	background-image: url(../images/glowtop.jpg);
	}
.form{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #333;
	}
.button{
	border: 1px #333 solid;
	margin-left: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.marginbottom7{
	margin-bottom: 7px;
}
	
#flyoutform{
	margin-top: 7px;
}
/*featured bottom boxes*/
#featuredbottom{
	width: 970;
	margin-left: 10px;
	margin-top: 25px;
	padding: 5px;
}
#featuredbottom h1{
	height: 37px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-repeat:repeat-x;
	color: #3A3A3A;
	padding-left: 7px;
	line-height: 37px;
	font-size: 26px;
}
#featuredbottom h1 img{
	float: left;
	padding-right: 15px;
	height: 32px;
	width: 32px;
}
#thirdboxes{
	width: 306px;
	float: left;
	margin-right: 10px;
	color: #8A8A8A;
	font-size: 14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}
#thirdboxes p{
padding-left: 7px;
padding-top: 10px;
}

/*contact form*/

label.fieldLabel	{
	display: inline;
	float: none;
	}
	
input   {
	font-size: 22px;
	color: #666;
	background-color: #fff;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	height: 25px;
	border: 1px solid #CCC;
	}
	
input:hover {
	background-color: #fff;
	border: solid 1px #006600;
	color: #000;
	cursor: pointer;
	}
	
input:focus {
	color: #000;
	background-color: #ffffff;
	border: solid 1px #006600;
	cursor: text;
	}
	
select.formSelect  {
	font-size: .8em;
	color: #666;
	background-color: #fee;
	padding: 2px;
	border: solid 1px #f66;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	}

select.formSelect:hover  {
	color: #333;
	background-color: #ccffff;
	border: solid 1px #006600;
	}
	
select.formSelect:focus  {
	color: #000;
	background-color: #ffffff;
	border: solid 1px #006600;
	}

input.formInputButton   {
	font-size: 1.2em;
	vertical-align: middle;
	font-weight: bolder;
	text-align: center;
	color: #fff;
	background: #0C0;
	padding-top: 1px;
	padding-bottom: 5px;
	border: solid 1px #060;
	cursor: pointer;
	margin-top: 15px;
	width: 85px;
	height: 35px;
	}
	
input.formInputButton:hover   {
	background-color: #0F0; 
	}
	
input.formInputButton:active   {
	background-image: url(bg_button.png);
	}

/*form*/
textarea   {
	font-size: 16px;
	color: #666;
	background-color: #fff;
	padding: 2px;
	margin-right: 5px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	}
	
textarea:hover {
	background-color: #fff;
	border: solid 1px #006600;
	color: #000;
	cursor: pointer;
	}
	
textarea:focus {
	color: #000;
	background-color: #ffffff;
	border: solid 1px #006600;
	cursor: text;
}
.slide-out-div {
       padding: 20px;
       width: 250px;
	   height: 342px;
       background: #eee;
       border: #009900 2px solid;
	   z-index: 200;
	   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	   font-size: 10px;
}
/*portfolio*/
#work{
	width: 290px;
	height: 290px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	
}
#work h1{
	font-size:16px;
	color: #666;
	margin-top: 7px;
	margin-bottom: 7px;
	width: 290px;
}
#headerglow{
	visibility:hidden;
}
#footerglow{
	visibility:hidden;
}
#clear{
	height: 20px;
}
#cu3er-container {width:970px; outline:0;}