/* CSS styles */

	body {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background: #3d3d3d url('../images/bg_tile.jpg') repeat-x top;
	}
	h1 {
	margin: 0;
	padding: 0;
	}
	h2 {
	margin: 0;
	padding: 0;
	}
	h3 {
	margin: 0;
	padding: 0;
	}
	p {
	margin: 0;
	padding: 0;
	}
	ul {
	padding: 0;
	margin: 0;
	}
	label {
	font-size: 12px;
	display: block;
	margin: 0;
	padding: 0;
	color: #666666;
	}
	input {
	width: 200px;
	height: 20px;
	border: 1px solid #CCCCCC;
 	background: #FFFFFF url('../images/bg_input.jpg') repeat-x top;
 	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
	color: #666666;
	margin: 1px 0 3px 0;
	padding: 3px 0 0 1px;
	}
	input:focus {
	outline: none;
	}
	textarea {
	width: 200px;
	height: 104px;
	border: 1px solid #CCCCCC;
 	background: #FFFFFF url('../images/bg_input.jpg') repeat-x top;
 	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
	color: #666666;
	margin: 2px 0 3px 0;
	padding: 3px 0 0 2px;
	}
	textarea:focus {
	outline: none;
	}
	.required {
	font-size: 10px;
	color: #01aef0;
	}
	
	
	
	

/* -------- WRAPPER -------- */
#wrapper {
width: 1120px;
height: 714px;
position: relative;
left: 50%;
margin-left: -560px;
padding: 0;
background: #3d3d3d url('../images/bg_wrapper.jpg') no-repeat top;
}

/* -------- FLASHPORTFOLIO -------- */
#flashportfolio {
float: right;
width: 532px;
height: 404px;
padding: 0;
margin: 18px 62px 0 0;
}

/* -------- GETINTOUCH -------- */
#features {
float: right;
width: 465px;
height: 404px;
padding: 0;
margin: 18px 62px 0 0;
background: url('') no-repeat top;
}
#getintouch {
float: right;
height: 430px;
padding: 0;
margin: 0 13px 5px 0;
}
#getintouchcolumn {
float: left;
width: 210px;
margin: 10px 0 0 12px;
padding: 0;
}
#getintouchimg {
float: left;
margin: 0 0 10px 0;
padding: 0;
}
#getintouchimg h1 {
font-weight: bold;
font-size: 20px;
color: #ffffff;
margin: 20px 0 0 12px;
padding: 0;
}
#getintouchimg h2 {
font-weight: normal;
font-size: 14px;
color: #eaeae7;
margin: 20px 0 0 12px;
padding: 0;
}

/* -------- LOGO -------- */
#logo {
float: left;
width: 289px;
height: 133px;
padding: 0;
margin: 290px 0 0 170px;
}

/* -------- MENU -------- */
#menuwrapper {
padding: 0;
margin: 40px 0 0 0;
}

/* -------- FEATURES -------- */
#buttons {
float: right;
width: 182px;
padding: 0;
margin: 24px 57px 0 0;
}
a.buttonbox { 
display: block; 
width: 182px; 
height: 24px; 
outline: none;
margin: 0;
padding: 0;
}
a.buttonbox p { 
position: absolute; 
left: -1000px;
}
a#button_branding { 
background: url('../images/menu_branding.jpg') no-repeat left center; 
float: left;
}
a#button_branding:hover,a#button_branding.selected { 
background-position: right center; 
}
a#button_flyers { 
background: url('../images/menu_flyers.jpg') no-repeat left center; 
float: left;
}
a#button_flyers:hover,a#button_flyers.selected { 
background-position: right center; 
}
a#button_brochures { 
background: url('../images/menu_brochures.jpg') no-repeat left center; 
float: left;
}
a#button_brochures:hover,a#button_brochures.selected { 
background-position: right center; 
}
a#button_stationery { 
background: url('../images/menu_stationery.jpg') no-repeat left center; 
float: left;
}
a#button_stationery:hover,a#button_stationery.selected { 
background-position: right center; 
}
a#button_display { 
background: url('../images/menu_display.jpg') no-repeat left center; 
float: left;
}
a#button_display:hover,a#button_display.selected { 
background-position: right center; 
}
a#button_websites { 
background: url('../images/menu_websites.jpg') no-repeat left center; 
float: left;
}
a#button_websites:hover,a#button_websites.selected { 
background-position: right center; 
}
a#button_printing { 
background: url('../images/menu_printing.jpg') no-repeat left center; 
float: left;
}
a#button_printing:hover,a#button_printing.selected { 
background-position: right center; 
}
a#button_testimonials { 
background: url('../images/menu_testimonials.jpg') no-repeat left center; 
float: left;
}
a#button_testimonials:hover,a#button_testimonials.selected { 
background-position: right center; 
}
a#button_contactus { 
background: url('../images/menu_contactus.jpg') no-repeat left center; 
float: left;
}
a#button_contactus:hover,a#button_contactus.selected { 
background-position: right center; 
}

/* -------- TEXT -------- */
#text {
float: left;
width: 200px;
margin: 88px 0 0 177px;
padding: 0;
}
#text p {
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 15px;
font-weight: normal;
color: #656565;
line-height: 18px;
margin: 0;
padding: 0;
}
#textimg {
float: left;
width: 200px;
margin: 79px 0 0 181px;
padding: 0;
}


/* -------- FOOTER -------- */
#footerwrapper {
height: 90px;
padding: 0;
margin: 0;
}
#footerleft {
color:#585858;
font-weight: normal;
float: left;
line-height: 10px;
margin: 18px 0 0 24px;
font-size: 9px;
}
#footerleft a:link, #footerleft a:visited {
text-decoration: none;
color:#585858;
}
#footerleft a:hover, #footerleft a:active {
text-decoration: underline;
}
#footerright img {
margin: 18px 30px 0 0;
float: right;
}

/* ---------------- */
#clear {
clear: both;
}