/* CSS Document */

body {
	margin: 0px;
	background-image: url(images/bg_index.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}




/* DIVs */

#main {
	width: 756px;
	height: auto;	
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 0px;
	text-align: left;
}

#header {
	width: 756px;
	height: 100px;
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
}

#navbar {
	width: 681px;
	height: 24px;
	position: absolute;
	left: 75px;
	top: 56px;
}

#titleBar {
	width: 756px;
	height: 190px;
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
}

#contentMain
{
	width: 756px;
	height: auto;
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
}

#contentLeft {
	width: 200px;
	height: auto;
	float: left;
	display: block;
	margin-right: 15px;
}

#contentRight {
	width: 541px;
	height: auto;
	float: right;
	display: block;
}

#footer {
	width: 756px;
	height: auto;
	clear: both;
	display: block;
	text-align: center;
	padding-top: 20px;
}

#upperRight {
	width: auto;
	height: auto;
	position: relative;
	top: 0px;
	right: 0px;
}



/* Common Images */

#dwlogo {
	width: 75px;
	height: 80px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#dwcreative {
	width: 186px;
	height: 56px;
	position: absolute;
	top: 0px;
	left: 75px;
}

#navHome {
	width: 47px;
	height: 24px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#navDetails {
	width: 96px;
	height: 24px;
	position: absolute;
	left: 47px;
	top: 0px;
}

#navPhil {
	width: 162px;
	height: 24px;
	position: absolute;
	left: 143px;
	top: 0px;
}

#navServices {
	width: 134px;
	height: 24px;
	position: absolute;
	left: 305px;
	top: 0px;
}

#navCase {
	width: 89px;
	height: 24px;
	position: absolute;
	left: 439px;
	top: 0px;
}

#navAwards {
	width: 60px;
	height: 24px;
	position: absolute;
	left: 528px;
	top: 0px;
}

#navContact {
	width: 93px;
	height: 24px;
	position: absolute;
	left: 588px;
	top: 0px;
}



/* Navigation Arrows */

#arrowPrevious {
	width: 82px;
	height: 10px;
	float: left;
	display: block;
}

#arrowNext {
	width: 55px;
	height: 10px;
	float: right;
	display: block;
}

#arrowPrevious1 {
	width: 82px;
	height: 10px;
	float: left;
	display: block;
}

#arrowNext1 {
	width: 55px;
	height: 10px;
	float: right;
	display: block;
}

#arrowPrevious2 {
	width: 82px;
	height: 10px;
	float: left;
	display: block;
}

#arrowNext2 {
	width: 55px;
	height: 10px;
	float: right;
	display: block;
}

#arrowPrevious3 {
	width: 82px;
	height: 10px;
	float: left;
	display: block;
}

#arrowNext3 {
	width: 55px;
	height: 10px;
	float: right;
	display: block;
}

#arrowPrevious4 {
	width: 82px;
	height: 10px;
	float: left;
	display: block;
}

#arrowNext4 {
	width: 55px;
	height: 10px;
	float: right;
	display: block;
}

#arrowPrevious5 {
	width: 82px;
	height: 10px;
	float: left;
	display: block;
}

#arrowNext5 {
	width: 55px;
	height: 10px;
	float: right;
	display: block;
}

#arrowPrevious6 {
	width: 82px;
	height: 10px;
	float: left;
	display: block;
}

#arrowNext6 {
	width: 55px;
	height: 10px;
	float: right;
	display: block;
}

#arrowPrevious7 {
	width: 82px;
	height: 10px;
	float: left;
	display: block;
}

#arrowNext7 {
	width: 55px;
	height: 10px;
	float: right;
	display: block;
}

#arrowPrevious8 {
	width: 82px;
	height: 10px;
	float: left;
	display: block;
}

#arrowNext8 {
	width: 55px;
	height: 10px;
	float: right;
	display: block;
}

#arrowPrevious9 {
	width: 82px;
	height: 10px;
	float: left;
	display: block;
}

#arrowNext9 {
	width: 55px;
	height: 10px;
	float: right;
	display: block;
}

#arrowPrevious10 {
	width: 82px;
	height: 10px;
	float: left;
	display: block;
}

#arrowNext10 {
	width: 55px;
	height: 10px;
	float: right;
	display: block;
}