/* CSS Document */

body { 
	background-image: url(../images/backgrounds/background_gradient.gif);
	background-repeat: repeat-x;
	margin: 0 auto;
	margin-top: 75px;
	text-align: center;
	font-family: Verdana;
	font-size: 10px;
	line-height: 12px;
}

a:link, a:active, a:visited {
	color: #0066CC;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

p, h1, h2, h3 { margin: 0; padding:0; }

#whoweare p, #whatwedo p {
	margin: 0;
	padding: 15px 0 0 0;
}

#whoweare h2, #whatwedo h2 {
	padding: 45px 0 0 0;
	color: #0066CC;
	font-weight: bold;
	font-size: 10px;
}

#clients h2 {
	padding: 30px 0 15px 0;
	color: #0066CC;
	font-weight: bold;
	font-size: 10px;
}

#contact h2 {
	padding: 30px 0 15px 0;
	color: #0066CC;
	font-weight: bold;
	font-size: 10px;
}

#clients ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#portfolio h2 {
	margin:0;
	padding: 60px 0 0 0;
	color: #993399;
	font-weight: bold;
	font-size: 11px;
}

#portfolio p {
	padding: 0 35px 0 0;
}

#whitebackground {
	background-image: url(../images/backgrounds/main_whitebg.gif);
	background-repeat: repeat-y;
	width: 990px;
	margin: 0 auto;
	text-align: center;
	position:relative;
	z-index:1;
}

#maincontainer {
	width: 890px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
}

/* ------- HEADER SECTION -------- */

#header {
	background-image: url(../images/backgrounds/hdr_background.jpg);
	background-repeat: no-repeat;
	width: 890px;
	height: 102px;
	position: relative;
	z-index:20;
}

.logoclick {
	 position: absolute;
	 top: 15px;
	 left: 0;
	 height: 70px;
	 width: 238px;
}

body#whoweare #navswap1 {
	position: absolute;
	top: 75px;
	left: 285px;
	background-image: url(../images/navigation/nav-whoweare.gif);
	background-repeat: no-repeat;
	background-position: 0px -9px;
	width:96px;
	height: 9px;
	display: block;
	cursor:text;
}

body#whatwedo #navswap2 {
	position: absolute;
	top: 75px;
	left: 410px;
	background-image: url(../images/navigation/nav-whatwedo.gif);
	background-repeat: no-repeat;
	background-position: 0px -9px;
	width:96px;
	height: 9px;
	display: block;
	cursor:text;
}

body#portfolio #navswap3 {
	position: absolute;
	top: 75px;
	left: 540px;
	background-image: url(../images/navigation/nav-portfolio.gif);
	background-repeat: no-repeat;
	background-position: 0px -9px;
	width:86px;
	height: 9px;
	display: block;
	cursor:text;
}

body#clients #navswap4 {
	position: absolute;
	top: 75px;
	left: 676px;
	background-image: url(../images/navigation/nav-clients.gif);
	background-repeat: no-repeat;
	background-position: 0px -9px;
	width:62px;
	height: 9px;
	display: block;
	cursor:text;	
}

body#contact #navswap5 {
	position: absolute;
	top: 75px;
	left: 783px;
	background-image: url(../images/navigation/nav-contact.gif);
	background-repeat: no-repeat;
	background-position: 0px -9px;
	width:95px;
	height: 9px;
	cursor:text;
	display: block;
}

	/* --------- NAVIGATION STYLES ---------- */
	
	
	#navswap1 {
		position: absolute;
		top: 75px;
		left: 285px;
		background-image: url(../images/navigation/nav-whoweare.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		width:96px;
		height: 9px;
		display: block;
	}
	
	#navswap1:hover {
		background-position: 0px -9px;
	}
	
	#navswap2 {
		position: absolute;
		top: 75px;
		left: 410px;
		background-image: url(../images/navigation/nav-whatwedo.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		width:96px;
		height: 9px;
		display: block;
	}
	
	#navswap2:hover {
		background-position: 0px -9px;
	}
	
	#navswap3 {
		position: absolute;
		top: 75px;
		left: 540px;
		background-image: url(../images/navigation/nav-portfolio.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		width:86px;
		height: 9px;
		display: block;
	}
	
	#navswap3:hover {
		background-position: 0px -9px;
	}
	
	#navswap4 {
		position: absolute;
		top: 75px;
		left: 676px;
		background-image: url(../images/navigation/nav-clients.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		width:62px;
		height: 9px;
		display: block;
	}
	
	#navswap4:hover {
		background-position: 0px -9px;
	}
	
	#navswap5 {
		position: absolute;
		top: 75px;
		left: 783px;
		background-image: url(../images/navigation/nav-contact.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		width:95px;
		height: 9px;
		display: block;
	}
	
	#navswap5:hover {
		background-position: 0px -9px;
	}
	
	/* -------------------------------------- */

/* -------------------------------- */

/* ------ MIDDLE SECTION OF HOME PAGE ------ */

#middle {
	overflow: hidden;
	margin-top: 32px;
	text-align: left;
}

#middle .left {
	float: left;
}

#middle .right {
	float: right;
}

#middle2 {
	overflow: hidden;
	background-image: url(../images/backgrounds/middle2_background.jpg);
	background-repeat: repeat-y;
	margin-top: 17px;
	text-align: left;
}

#middle2 .left {
	float: left;
	width: 542px;
}

#middle2 .left h3, #middle2 .right h3 {
	margin:0;
	padding: 15px 0 0 0;
	color: #0066CC;
	font-weight: bold;
	font-size: 10px;
}

#middle2 .left p {
	margin:0;
	padding: 0 0 15px 0;
	color: #000000;
	font-size: 10px;
}

#middle2 .right {
	float: right;
	margin: 28px 30px 0 0;
	width: 272px;
}	

/* --------------------------- */

#interior {
	background-image: url(../images/backgrounds/interior_bg.gif);
	background-repeat: repeat-y;
	margin-top: 30px;
	width: 890px;
	text-align: left;
	overflow: hidden;
}

#interior .left {
	float: left;
	width: 270px;
	border: 1px solid white;
}

#interior .right {
	float: left;
	width: 485px;
	margin: 0 0 0 15px;
}

#interior .left ul {
	margin: 0;
	padding: 25px 0 0 0;
}

#interior .left li {
	margin: 0;
	padding: 5px 0 5px 0;
}

#interior2 {
	margin-top: 30px;
	width: 890px;
	text-align: left;
	overflow: hidden;
}

#interior2 .left {
	float: left;
	width: 269px;
}

#interior2 .right {
	background-color: #F2F2F2;
	float: right;
	width: 619px;	
	height: 557px;
}

/* PORTFOLIO SECTION */

#prthumb1 {
	background-image: url(../images/portfolio/thumbs/1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:60px;
	height: 58px;
	display: inline-table;
}

#prthumb1:hover {
	background-position: 0px -58px;
}

#prthumb1.chosen {
background-position: 0px -58px;
}
	

#prthumb2 {
	background-image: url(../images/portfolio/thumbs/2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:60px;
	height: 58px;
	display: inline-table;
}

#prthumb2:hover {
	background-position: 0px -58px;
}

#prthumb3 {
	background-image: url(../images/portfolio/thumbs/3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:60px;
	height: 58px;
	display: inline-table;
}

#prthumb3:hover {
	background-position: 0px -58px;
}

#prthumb4 {
	background-image: url(../images/portfolio/thumbs/4.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:58px;
	height: 58px;
	display: inline-table;
}

#prthumb4:hover {
	background-position: 0px -58px;
}

#prthumb5 {
	background-image: url(../images/portfolio/thumbs/5.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:60px;
	height: 62px;
	display: inline-table;
}

#prthumb5:hover {
	background-position: 0px -60px;
}

#prthumb6 {
	background-image: url(../images/portfolio/thumbs/6.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:60px;
	height: 62px;
	display: inline-table;
}

#prthumb6:hover {
	background-position: 0px -60px;
}

#prthumb7 {
	background-image: url(../images/portfolio/thumbs/7.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:60px;
	height: 62px;
	display: inline-table;
}

#prthumb7:hover {
	background-position: 0px -60px;
}

#prthumb8 {
	background-image: url(../images/portfolio/thumbs/8.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:58px;
	height: 62px;
	display: inline-table;
}

#prthumb8:hover {
	background-position: 0px -60px;
}

#prthumb9 {
	background-image: url(../images/portfolio/thumbs/9.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:60px;
	height: 60px;
	display: inline-table;
}

#prthumb9:hover {
	background-position: 0px -60px;
}

#prthumb10 {
	background-image: url(../images/portfolio/thumbs/10.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:60px;
	height: 60px;
	display: inline-table;
}

#prthumb10:hover {
	background-position: 0px -60px;
}

#prthumb11 {
	background-image: url(../images/portfolio/thumbs/11.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:60px;
	height: 60px;
	display: inline-table;
}

#prthumb11:hover {
	background-position: 0px -60px;
}

#prthumb12 {
	background-image: url(../images/portfolio/thumbs/12.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:58px;
	height: 60px;
	display: inline-table;
}

#prthumb12:hover {
	background-position: 0px -60px;
}

#prthumb13 {
	background-image: url(../images/portfolio/thumbs/13.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:60px;
	height: 60px;
	display: inline-table;
}

#prthumb13:hover {
	background-position: 0px -60px;
}

#prthumb14 {
	background-image: url(../images/portfolio/thumbs/14.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:60px;
	height: 60px;
	display: inline-table;
}

#prthumb14:hover {
	background-position: 0px -60px;
}

#prthumb15 {
	background-image: url(../images/portfolio/thumbs/15.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:60px;
	height: 60px;
	display: inline-table;
}

#prthumb15:hover {
	background-position: 0px -60px;
}

#prthumb16 {
	background-image: url(../images/portfolio/thumbs/16.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:58px;
	height: 60px;
	display: inline-table;
}

#prthumb16:hover {
	background-position: 0px -60px;
}

/*#prtthumb {
	opacity:1;filter:alpha(opacity=100);
}

a:hover#prtthumb {
	opacity:.4;filter:alpha(opacity=40);
	height: 50px;
}

.prtthumb1 {
	opacity:.4;filter:alpha(opacity=40);
	height: 50px;
}*/

/* FOOTER SECTION */
#footer {
	text-align: left;
	margin: 35px 0 0 0;
	font-size: 9px;
}

#footer p {
	padding: 10px 0 65px 0;
}