html {
	overflow-y: scroll;
}

body {
	height:100%;
	margin: 0;
}

.workBG {
	background: #3c96d9 url(../portfolio/images/bg.png) repeat-y;		
}

.servicesBG {
	background: #c56c00 url(../services/images/bg.png) repeat-y;		
}

.clientsBG {
	background: #31bd98 url(../clients/images/bg.png) repeat-y;		
}

.aboutBG {
	background: #713fc6 url(../about-us/images/bg.png) repeat-y;		
}

.contactBG {
	background: #904ba7 url(../contact/images/bg.png) repeat-y;		
}

div#wrapper {
	width: 100%;
	top: 0;
	left: 0;
}

div#top {
	width: 100%;
	height: 128px;	
}

.workTop {
	background: #e4e5e4 url(../portfolio/images/bg-top.png) repeat-x;	
}

.servicesTop {
	background: #e4e5e4 url(../services/images/bg-top.png) repeat-x;	
}

.clientsTop {
	background: #e4e5e4 url(../clients/images/bg-top.png) repeat-x;	
}

.aboutTop {
	background: #e4e5e4 url(../about-us/images/bg-top.png) repeat-x;	
}

.contactTop {
	background: #e4e5e4 url(../contact/images/bg-top.png) repeat-x;	
}

div#topContainer {
	width: 1100px;
	height: 128px;	
}

div#topLeft {
	position: relative;
	float: left;
}

.workTopLeft {
	background: url(../portfolio/images/bg-top-left.png) no-repeat;
}

.servicesTopLeft {
	background: url(../services/images/bg-top-left.png) no-repeat;
}

.clientsTopLeft {
	background: url(../clients/images/bg-top-left.png) no-repeat;
}

.aboutTopLeft {
	background: url(../about-us/images/bg-top-left.png) no-repeat;
}

.contactTopLeft {
	background: url(../contact/images/bg-top-left.png) no-repeat;
}

div#nav {
	position: relative;
	width: 272px;
	height: 117px;
	padding: 11px 0 0 0;
	text-align: right;
	float: left;	
}

div#topRight {
	position: relative;
	height: 128px;
	float: left;
}

.servicesTopRight {
	background: url(../services/images/bg-top-right.png) no-repeat;
	width: 655px;
}
.workTopRight {
	background: url(../portfolio/images/bg-top-right.png) no-repeat;
	width: 655px;
}
.clientsTopRight {
	background: url(../clients/images/bg-top-right.png) no-repeat;
	width: 655px;
}
.aboutTopRight {
	background: url(../about-us/images/bg-top-right.png) no-repeat;
	width: 655px;	
}
.contactTopRight {
	background: url(../contact/images/bg-top-right.png) no-repeat;
	width: 655px;		
}


#topRight img {
	margin: 0 0 0 146px;
	/*display:none;*/
}


div#bottom {
}

div#bottomContainer {
	width: 1200px;
}

div#bottomLeft {
	position: relative;
	width: 524px;
	/*height: 590px;*/
	float: left;
}

div#desc {
  position: absolute;
	bottom: 0;
	right: 30px;
	width: 280px;
	text-align: right;
	float: right;
	clear: left;
}

.workBotLeft {
	height: 391px; /* sets height and aligns desc div to bottom of work images*/
}

.servicesBotLeft {
	background: url(../services/images/bg-bot-left.png) no-repeat;	
}

.clientsBotLeft {
}

.aboutBotLeft {
	top: 40px;
}

.contactBotLeft {
	height: 500px;
	background: url(../contact/images/bg-bot-left.png) no-repeat;	
}

div#bottomRight {
	position: relative;
	width: 500px;
	height: 500px;
	float: left;
}


.servicesBotRight {
	background: url(../services/images/bg-bot-right.png) no-repeat;
}

.clientsBotRight {
	width: 200px;
	background: url(../clients/images/bg-bot-right.png) no-repeat;
}

.aboutBotRight {
	background: url(../about-us/images/bg-bot-right.png) no-repeat;
}

.contactBotRight {
	background: url(../contact/images/bg-bot-right.png) no-repeat;
}


#contact {
	position:relative;
	top: 17px;
	left: 50px;
	width: 430px;
	border: 0;
	padding: 0;
	margin: 0;
}

#contact td {
	text-align:left;
	border: 0;
	padding: 0;
	margin: 0;
}

div#displayNav {
	position:relative;
	left: 18px;	
	top: 65px;
	width: 500px;
}

#displayNav img {
	margin: 0 8px 0 0;
	vertical-align:middle;
}

div#display {
	position:relative;
	top: 38px;
	width: 500px;
}


.arrowPN {
}

div#footer {
	position:relative;
	width: 524px;
	text-align: right;	
	clear:left;
}