@charset "UTF-8";
/* CSS Document */

#container {
	width:960px;
	margin-left: auto;
	margin-right: auto;
}

body {
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	background-position:top;
}

#content {
	position:relative;
	width: 960px;
	float: left;
	display: block;
	min-height:200px;
   	z-index:1000;
}


#content #leftpanel {
	display:inline;
	float: left;
	width: 460px;
	padding: 10px;
}

#content #rightpanel {
	display:inline;
	padding: 10px;
	float: left;
	width: 460px;
}

.footer {
	background-image: url(../images/footer.png);
	background-position: center top;
	background-color: #000;
	min-height: 280px;
	bottom: -5px;
}




/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}

/**********************************

Name: cmxform Styles

***********************************/


#container #content #form.cmxform legend {
	padding-left: 0;
}

#container #content #form.cmxform legend, form.cmxform label {
	color: #000;
}

#container #content #form.cmxform fieldset {
	border: none;
}

#container #content #form.cmxform fieldset fieldset {
	background: none;
}

#container #content #form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
}

#container #content #form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
#container #fader {
	float: right;
	height: 364px;
	width: 702px;
	position: relative;
	display: block;
	background-image:url(../images/sliderback.jpg);
	background-repeat:no-repeat;
	margin-top: 13px;
}
#container #fader #portfolio {
	height: 364px;
	width: 702px;
}
#container #promoblock {
	display: block;
	height: 125px;
	width: 298px;
	position: absolute;
	margin-top: 210px;
	z-index:1000;
}

#footercontainer {
	width:960px;
	margin-left: auto;
	margin-right: auto;
}


.footer #footernews {
	display: block;
	float: left;
	height: 200px;
	width: 310px;
	margin-left: 10px;
}

.footer #footernewsletter {
	display: block;
	float: left;
	width: 320px;
	min-height:240px;
	margin-left: 5px;
}

.footer #footernewsletter p {
	margin-top: 65px;
	color: #FFF;
	margin: 0;
}


.footer #footercontact {
	display: block;
	float: left;
	height: 200px;
	width: 285px;
	margin-left: 5px;
	background-image:url(../images/twitter.png);
	background-repeat:no-repeat;
}

.footer #footercontact p{
	margin-top: 130px;
	color: #FFF;
	cursor:default;
}
#container #content #form div fieldset label input{
	width: 280px;
	border:thin;
	color:#333;
	border-style:solid;
	margin-left: 0;
}
#container #content #form label #Submit {
	width: 90px;
}