body{
	
	background: url(images/top_tile.png) top center repeat-x;
	background-color: #f3f3f3;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.clearer{
	clear:both;
}

p{
	padding: 4px 0px 22px 0px;
}
/************************** HEADER *******************************/

.header{
	margin: 0px auto;
	width: 800px;
	text-align: left;
}

.banner{
	background: url(images/banner.png) top left no-repeat;
	float: left;
	width: 295px;
	height: 108px;
}

.page_image{
	height: 255px;
}

.home{
	background:url(images/image_home.jpg) top right no-repeat;
}
.about{
	background:url(images/image_about.jpg) top right no-repeat;
}
.services{
	background:url(images/image_services.jpg) top right no-repeat;
}
.folio{
	background:url(images/image_folio.jpg) top right no-repeat;
}
.contact{
	background:url(images/image_contact.jpg) top right no-repeat;
}


/************************** MENU ******************************/
.menu{
	float: right;
	width: 440px;
	height: 20px;
	margin-top: 50px;
	text-align: right;
}

.menu a{
	display: block;
	float: left;
	height: 20px;
}

a.button_home{
	width: 68px;
	background: url(images/menu_buttons.png) 0px 0px no-repeat;
}
a.button_home:hover{
	background: url(images/menu_buttons.png) 0px -20px no-repeat;
}
a.button_home_select{
	width: 68px;
	background: url(images/menu_buttons.png) 0px -20px no-repeat;
}

a.button_about{
	width: 106px;
	background: url(images/menu_buttons.png) -68px 0px no-repeat;
}
a.button_about:hover{
	background: url(images/menu_buttons.png) -68px -20px no-repeat;
}
a.button_about_select{
	width: 106px; /* 174*/
	background: url(images/menu_buttons.png) -68px -20px no-repeat;
}

a.button_services{
	width: 84px;
	background: url(images/menu_buttons.png) -174px 0px no-repeat;
}
a.button_services:hover{
	background: url(images/menu_buttons.png) -174px -20px no-repeat;
}
a.button_services_select{
	width: 84px; /* 258*/
	background: url(images/menu_buttons.png) -174px -20px no-repeat;
}

a.button_folio{
	width: 108px;
	background: url(images/menu_buttons.png) -258px 0px no-repeat;
}
a.button_folio:hover{
	background: url(images/menu_buttons.png) -258px -20px no-repeat;
}
a.button_folio_select{
	width: 108px; /* 366*/
	background: url(images/menu_buttons.png) -258px -20px no-repeat;
}

a.button_contact{
	width: 74px;
	background: url(images/menu_buttons.png) -366px 0px no-repeat;
}
a.button_contact:hover{
	background: url(images/menu_buttons.png) -366px -20px no-repeat;
}
a.button_contact_select{
	width: 74px; /* 440*/
	background: url(images/menu_buttons.png) -366px -20px no-repeat;
}

/************************** CONTENT ******************************/

.content_frame{
	background: url(images/content_tile.gif) top center repeat-y;
	margin: 0px auto;
	width: 900px;
}
	.content{
		margin: 0px auto;
		width: 800px;
		border-left: 1px solid #e3e3e3;
		border-right: 1px solid #e3e3e3;
		padding-top: 20px;
		padding-bottom:40px;
	}

.left_cell{
	float: left;
	width: 500px;
	font-size: 11px;
	color: #6e6e6e;
	text-align: left;
	padding-left: 15px;
}
.right_cell{
	float: left;
	background: url(images/hashbox.gif) top center no-repeat;
	width: 230px;
	text-align: left;
	font-size: 11px;
	padding: 15px  25px 10px 25px;
	margin-top: 30px;
}
	.right_cell li{
		padding-top: 10px;
		line-height: 14px;
		color: #6e6e6e;
	}
	
	.right_cell img{
		margin-top: 3px;
		padding-right: 5px;
	}

h1{
	font-size: 27px;
	font-weight: normal;
	color: #6e6e6e;
}

h2, h3{
	font-size: 15px;
	font-weight: normal;
	color: #186ab9;
}

.project_title{
	padding-left: 5px;
	padding-bottom:0px;
}

.projects_cell{

	font-size: 11px;
	color: #6e6e6e;
	text-align: left;
	padding-left: 15px;
}
	.projects_cell table{
		margin-top: 15px;
		margin-bottom: 15px;
	}
		.projects_cell td{
			padding: 3px;
		}

.projects_cell ul{
	display: block;
	width: 770px;
	padding-top: 5px;
}

	.projects_cell ul li{
	display: block;
	width: 260px;
	height: 105px;
	float: left;
	text-align: left;
	}
		
	.projects_cell ul li div.category{
		padding-right:15px;
	}

		.projects_cell ul li div div.project_thumb{
			position: relative;
			width: 243px;
			height: 76px;
		}
		
		.projects_cell ul li div div.project_thumb a span{
			position: absolute;
			display: block;
			width: 243px;
			height: 76px;
			background:url(images/imageframe.gif) center left no-repeat;
		}
		
			.projects_cell ul li a{
				font-size: 12px;
				font-weight: bold;
				text-decoration: none;
				color: #186ab9;
			}
			.projects_cell ul li a:hover{
				text-decoration: underline;
			}
			
	.projects_cell ul li.third{
		width: 243px;
	}
		.projects_cell ul li.third div{
			padding-right:0px;
		}
		
p.breadcrumbs{
	color: #bababa;
	padding-top: 0px;
	padding-bottom: 15px;
}			
	a.breadcrumb{
		font-size: 10px;
		text-decoration: none;
		color: #bababa;
	}		
	a.breadcrumb:hover{
		color: #186ab9;
	}

div.project{
	margin-top: 15px;
}	
		
div.image_gallery{
	
	width: 525px;
}

ul.image_gallery {
	display: block;
	float: left;
	width: 527px;
	padding-top: 5px;
}

ul.image_gallery li div{
	position: relative;
	width: 243px;
	height: 76px;
}

ul.image_gallery li div a span{
	position: absolute;
	display: block;
	width: 243px;
	height: 76px;
	background:url(images/imageframe_zoom.gif) center left no-repeat;
}

div.description{
	width: 240px;
	padding-right: 15px;
	float: right;
}
	div.description p{
		padding-top: 0px;
		padding-bottom: 10px;
	}


.contact_cell{
	font-size: 11px;
	color: #6e6e6e;
	text-align: left;
	padding-left: 15px;
}

.contact_cell table{
		margin-top: 15px;
		margin-bottom: 15px;
}

	.contact_cell table tr td{
		padding: 3px;
		height: 20px;
		vertical-align: top;
	}
	
	.contact_cell table tr td.tag{
		vertical-align: bottom;
	}
	
.contact_field{
	border: 1px solid #c3d4e2;
	width: 220px;
}

.contact_textbox{
	width: 500px;
	height: 115px;
}

.captcha{
	width: 100px;
}

.contact_button{
	width:92px;
	height:20px;
	background:url(images/sendform.gif) top left no-repeat;
	border:0px;
	padding:0px;
	overflow:hidden;
	cursor:pointer;
	cursor:hand;
	padding-top:20px;
	font-size:0px;
}

.notification{
	height: 0px;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	width: 225px;
	
}

.error{
	background: url(images/errror_ico.gif) left no-repeat; 
	color: #CC6666;
	height: 20px;
	margin-top: 10px;
	padding-top: 6px;
	padding-left: 22px;
}

.success{
	background: url(images/success_ico.gif) left no-repeat; 
	color: #6baf64;
	height: 20px;
	margin-top: 10px;
	padding-top: 6px;
	padding-left: 22px;	
}

/************************** FOOTER ******************************/

.footer{
	background: url(images/tile_bottom.png) top center repeat-x;
	height: 89px;
	text-align: center;
}

.bottom_bar{
	margin: 0px auto;
	width: 800px;
	height: 65px;
	padding-top: 24px;
}

.copyright{
	float: left;
	font-size: 10px;
	color: #d2d2d2;
	padding: 15px;
}

.bottom_menu{
	float: right;
	width:350px;
}
	.bottom_menu a{
		display:block;
		float: left;
		font-size: 10px;
		text-decoration: none;
		color: #d2d2d2;
		padding: 15px;
	}
	.bottom_menu a:hover{
		color: #ffffff;
	}