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

/* Good Designer Layout CSS */

#wrapper {
	width:790px;
	position:relative;
	left:50%;
	margin-left:-395px;
}
/* banner area*/	

#branding {
	height:150px;
}
#logoarea {
	width:285px;
	background:url(../images/logo.jpg) no-repeat;
	width: 430px;
	height: 150px;
	float:left;
	text-indent:-5000px;
}
#straparea {
	float:right;
	width:400px;
	height:100px;
	padding-top:50px;
	padding-left:30px;
}
#bannerarea {
	width: 812px;
	background-image:url(/images/banner.jpg);
	height:281px;
}
#nav {
	background-image:url(/images/bg_nav.jpg);
	background-repeat:no-repeat;
	width:812px;
	height:37px;
	position: absolute;
	top: 165px;
	left: 4px;
}
#flash {
	width:795px;
	height:281px;
}
#float {
	background: url(../images/float.jpg) no-repeat right top;
	float:right;
	width:100%;
	height:187px;
	z-index:2;
}


#intro {
background: url(../images/banner.jpg) no-repeat right top;
background-repeat:no-repeat;
width:789px;
	height:231px;
	text-indent:-5000px;
	clear:both;
	
}

#service {
background: url(../images/panel1.jpg) no-repeat right top;
background-repeat:no-repeat;
width:248px;
	height:104px;
	text-indent:-5000px;
	clear:both;
	padding:0px;
}

#clients {
background: url(../images/panel2.jpg) no-repeat right top;
background-repeat:no-repeat;
width:248px;
	height:104px;
	text-indent:-5000px;
	clear:both;
	padding:0px;
}

#ethos {
background: url(../images/panel3.jpg) no-repeat right top;
background-repeat:no-repeat;
width:248px;
	height:104px;
	text-indent:-5000px;
	clear:both;
	padding:0px;
}

/* content*/


#content {
	background-color:#FFFFFF;
	width:790px;
	height:100%;
	text-align:left;
	margin:20px 0px 0px 0px;
}

.panel {
float:left;
width: 253px;
margin: 0 13px 0 0;
}


.panel2 {
float:left;
width: 253px;
margin: 0 0px 0 0;
}

#panels {

padding: 0px 0 0px 0;
}

#footer {

	background-repeat:no-repeat;
	width:750px;
	height:100%;
	padding:0 0 10px 12px;
	text-align:left;
	clear:both;
}
/* work thumbs*/
	

#work1 a {
	background:transparent url(../images/nav_work1.jpg) no-repeat scroll left top;
	display:block;
	font-size:10px;
	height:215px;
	margin:0px 0px 30px 2px;
	overflow:hidden;
	text-indent:-1000em;
	width:350px;
	float:left;
	margin: 10px 0 30px 0;
}
#work1 a:hover {
	background-position:0 -215px;
	border:none;
}
#work2 a {
	background:transparent url(../images/nav_work2.jpg) no-repeat scroll left top;
	display:block;
	font-size:10px;
	height:215px;
	margin:0px 0px 30px 2px;
	overflow:hidden;
	text-indent:-1000em;
	width:350px;
	float:left;
	clear:both;
	margin: 10px 0 30px 0;
}
#work2 a:hover {
	background-position:0 -215px;
	border:none;
}
#work3 a {
	background:transparent url(../images/nav_work3.jpg) no-repeat scroll left top;
	display:block;
	font-size:10px;
	height:215px;
	margin-left:2px;
	overflow:hidden;
	text-indent:-1000em;
	width:350px;
	float:left;
	clear:both;
	margin: 10px 0 30px 0;
}
#work3 a:hover {
	background-position:0 -215px;
	border:none;
}
#work4 a {
	background:transparent url(../images/nav_work4.jpg) no-repeat scroll left top;
	display:block;
	font-size:10px;
	height:215px;
	margin-left:2px;
	overflow:hidden;
	text-indent:-1000em;
	width:350px;
	float:left;
	clear:both;
	margin: 10px 0 30px 0;
}
#work4 a:hover {
	background-position:0 -215px;
	border:none;
}
#work5 a {
	background:transparent url(../images/nav_work5.jpg) no-repeat scroll left top;
	display:block;
	font-size:10px;
	height:215px;
	margin-left:2px;
	overflow:hidden;
	text-indent:-1000em;
	width:350px;
	float:left;
	clear:both;
	margin: 10px 0 30px 0;
}
#work5 a:hover {
	background-position:0 -215px;
	border:none;
}
#work6 a {
	background:transparent url(../images/nav_work6.jpg) no-repeat scroll left top;
	display:block;
	font-size:10px;
	height:215px;
	margin-left:2px;
	overflow:hidden;
	text-indent:-1000em;
	width:350px;
	float:left;
	clear:both;
	margin: 10px 0 30px 0;
}
#work6 a:hover {
	background-position:0 -215px;
	border:none;
}
#work7 a {
	background:transparent url(../images/nav_work7.jpg) no-repeat scroll left top;
	display:block;
	font-size:10px;
	height:215px;
	margin-left:2px;
	overflow:hidden;
	text-indent:-1000em;
	width:350px;
	float:left;
	clear:both;
	margin: 10px 0 30px 0;
	border:none;
}
#work7 a:hover {
	background-position:0 -215px;
	border:none;
	border:none;
}
#work8 a {
	background:transparent url(../images/nav_work8.jpg) no-repeat scroll left top;
	display:block;
	font-size:10px;
	height:215px;
	margin-left:2px;
	overflow:hidden;
	text-indent:-1000em;
	width:350px;
	float:left;
	clear:both;
	margin: 10px 0 30px 0;
	border:none;
}
#work8 a:hover {
	background-position:0 -215px;
	border:none;
	border:none;
}

#work9 a {
	background:transparent url(../images/nav_work9.jpg) no-repeat scroll left top;
	display:block;
	font-size:10px;
	height:215px;
	margin-left:2px;
	overflow:hidden;
	text-indent:-1000em;
	width:350px;
	float:left;
	clear:both;
	margin: 10px 0 30px 0;
	border:none;
}
#work9 a:hover {
	background-position:0 -215px;
	border:none;
	border:none;
}


#work10 a {
	background:transparent url(../images/nav_work10.jpg) no-repeat scroll left top;
	display:block;
	font-size:10px;
	height:215px;
	margin-left:2px;
	overflow:hidden;
	text-indent:-1000em;
	width:350px;
	float:left;
	clear:both;
	margin: 10px 0 30px 0;
	border:none;
}
#work10 a:hover {
	background-position:0 -215px;
	border:none;
	border:none;
}


#work11 a {
	background:transparent url(../images/nav_work11.jpg) no-repeat scroll left top;
	display:block;
	font-size:10px;
	height:215px;
	margin-left:2px;
	overflow:hidden;
	text-indent:-1000em;
	width:350px;
	float:left;
	clear:both;
	margin: 10px 0 30px 0;
	border:none;
}
#work11 a:hover {
	background-position:0 -215px;
	border:none;
	border:none;
}


#work12 a {
	background:transparent url(../images/nav_work12.jpg) no-repeat scroll left top;
	display:block;
	font-size:10px;
	height:215px;
	margin-left:2px;
	overflow:hidden;
	text-indent:-1000em;
	width:350px;
	float:left;
	clear:both;
	margin: 10px 0 30px 0;
	border:none;
}
#work12 a:hover {
	background-position:0 -215px;
	border:none;
	border:none;
}

#work13 a {
	background:transparent url(../images/nav_work13.jpg) no-repeat scroll left top;
	display:block;
	font-size:10px;
	height:215px;
	margin-left:2px;
	overflow:hidden;
	text-indent:-1000em;
	width:350px;
	float:left;
	clear:both;
	margin: 10px 0 30px 0;
	border:none;
}
#work13 a:hover {
	background-position:0 -215px;
	border:none;
	border:none;
}

#work14 a {
	background:transparent url(../images/nav_work14.jpg) no-repeat scroll left top;
	display:block;
	font-size:10px;
	height:215px;
	margin-left:2px;
	overflow:hidden;
	text-indent:-1000em;
	width:350px;
	float:left;
	clear:both;
	margin: 10px 0 30px 0;
	border:none;
}
#work14 a:hover {
	background-position:0 -215px;
	border:none;
	border:none;
}

#work15 a {
	background:transparent url(../images/nav_work15.jpg) no-repeat scroll left top;
	display:block;
	font-size:10px;
	height:215px;
	margin-left:2px;
	overflow:hidden;
	text-indent:-1000em;
	width:350px;
	float:left;
	clear:both;
	margin: 10px 0 30px 0;
	border:none;
}
#work15 a:hover {
	background-position:0 -215px;
	border:none;
	border:none;
}

#work16 a {
	background:transparent url(../images/nav_work16.jpg) no-repeat scroll left top;
	display:block;
	font-size:10px;
	height:215px;
	margin-left:2px;
	overflow:hidden;
	text-indent:-1000em;
	width:350px;
	float:left;
	clear:both;
	margin: 10px 0 30px 0;
	border:none;
}
#work16 a:hover {
	background-position:0 -215px;
	border:none;
	border:none;
}


/* floats for body images if needed*/

	
#left {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}
#right {
	float:right;
	width:630px;
}