/* CSS Document */

html {
/* height:100%; 
max-height:100%;  */
padding:0; 
margin:0; 
border:0; 
background:#fff; 
}

body {
/* height:100%; 
max-height:100%; /* fix height for other browsers */

padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial; 
font-size: 12px;
}


#home {
	display:block; 
	height:100%; 
	max-height:100%;
	overflow:hidden; 
	padding-left:0px; 
	position:relative; 
	z-index:3; 
	text-align: center; 
	background-image: url(images/bg_blue.gif); 
	background-repeat:repeat-x;
	background-position: top; 
}

a {
color:#333333;
text-decoration:none;
}

a:active {
color:#666666;
text-decoration:none;
}

a:hover {

color:#006699;
}

a img { border:none }

#creative {
	display:block; 
	height:100%; 
	max-height:100%;
	overflow:hidden; 
	padding-left:0px; 
	position:relative; 
	z-index:3; 
	text-align: center; 
	background-image: url(images/bg_purple.gif); 
	background-repeat:repeat-x;
	background-position: top; 
}

#portfolio {
	display:block; 
	height:100%; 
	max-height:100%;
	overflow:hidden; 
	padding-left:0px; 
	position:relative; 
	z-index:3; 
	text-align: center; 
	background-image: url(images/bg_green.gif); 
	background-repeat:repeat-x;
	background-position: top; 
}

#headerHome {
	height: 561px;
	margin: 0 auto; 
	padding: 0px; 
	border: 0px; 
	clear: both; 
	width: 800px; 
	padding-bottom: 0px; 
}

#headerServices {
	height: 561px;
	margin: 0 auto; 
	padding: 0px; 
	border: 0px; 
	clear: both; 
	width: 800px; 
	padding-bottom: 0px; 

}

#headerPortfolio {
	height: 561px;
	margin: 0 auto; 
	padding: 0px; 
	border: 0px; 
	clear: both; 
	width: 800px; 
	padding-bottom: 0px; 

}


#headerContent {
 	width: 80%;
  	max-width: 950px;
	text-align: left; 

}


#content {
	margin: 0 auto; 
	padding: 0px; 
	border: 0px; 
	clear: both; 
	width: 950px; 
	padding-bottom: 0px;
	position:relative;
	top:-50px; 
	z-index:10;
  }


#contentPortfolio {
	position:relative;
	top: -45px;
	margin: 0 auto; 
 	border: 0px; 
	clear: both; 
	width: 950px; 
	padding-left: 150px;
	text-align:left 
	z-index:12;
  }

#headerSpacer {
display:block;
height:40px;
clear: both; 
}

#pageSpacer {
display:block;
height:170px;
clear: both; 
}



div#menu ul {
	height: 25px;
	padding: 0px;
	background: url(images/menu.png) no-repeat;
	position: relative;
	display: block;
	margin: 0;
	top: 0px;
	left: 0px;
	width: 570px;
}

#menu ul li {
	list-style: none;
	position: absolute;
	padding: 0;
	margin-top: 0;
}

#menu ul li, #menu a {
	height: 30px;
	display: block;
}

#menu a {
	text-indent: -5000px;
	text-decoration: none;
}


#menu1, #menu2, #menu3, #menu4, #menu1a, #menu1b, #menu1c, #menu1d, #menu11, #menu12, #menu13, #menu14 {
	top: 0px;
}


#menu1, #menu1a, #menu11 {	left: 0;
	width: 104px;}

#menu2, #menu1b, #menu12 {	left: 104px;
	width: 235px;}

#menu3, #menu1c, #menu13 {	left: 339px;
	width: 135px;}

#menu4, #menu1d, #menu14 {	left: 475px;
	width: 100px;}

#menu1 a:hover, body#home #menu1 a {
	background: transparent url(images/menu.png) no-repeat 0 -30px;
}

#menu1a a:hover, body#home #menu1a a {
	background: transparent url(images/menu.png) no-repeat 0 -60px;
}

#menu11 a:hover, body#home #menu11 a {
	background: transparent url(images/menu.png) no-repeat 0 -90px;
}

#menu2 a:hover, body#services #menu2 a {
	background: url(images/menu.png) no-repeat -104px -30px transparent;
}

#menu1b a:hover, body#services #menu1b a {
	background: url(images/menu.png) no-repeat -104px -60px transparent;
}

#menu12 a:hover, body#services #menu12 a {
	background: url(images/menu.png) no-repeat -104px -90px transparent;
}

#menu3 a:hover, body#order #menu3 a {
	background: url(images/menu.png) no-repeat -339px -30px transparent;
}

#menu1c a:hover, body#order #menu1c a {
	background: url(images/menu.png) no-repeat -339px -60px transparent;
}

#menu13 a:hover, body#order #menu13 a {
	background: url(images/menu.png) no-repeat -339px -90px transparent;
}

#menu4 a:hover, body#contact #menu4 a {
	background: url(images/menu.png) no-repeat -475px -30px transparent;
}

#menu1d a:hover, body#contact #menu1d a {
	background: url(images/menu.png) no-repeat -475px -60px transparent;
}

#menu14 a:hover, body#contact #menu14 a {
	background: url(images/menu.png) no-repeat -475px -90px transparent;
}


.headertext { 
float: left; 
width: 725px;
font-size:10pt;
 }
 
.headertextWhite { 
float: left; 
width: 725px;
color:#FFFFFF;
font-size:10pt;
 }

 
 
.box1 {
display:inline;float:left;position:relative;margin-left:0px;margin-right:40px; margin-top:12px;
}

#services  { margin-top: 20px; }
#services .item { width: 182px; height: 202px; float: left; background: url('images/box_bg.gif') no-repeat; padding: 12px; margin-right: 10px; text-align:left;}
#services .itemRight {width: 182px; height: 202px; float: left; background: url('images/box_bg.gif') no-repeat; padding: 12px; margin-right: 0px; text-align:left;}
#services p { margin: 0; padding: 0; font-size: 13px; line-height: 17px; }

#purple { margin-left: 60px; width: 740px; height: 176px; float: left; background: url('images/box_purple.gif') no-repeat; padding: 15px; margin-right: 10px; text-align:left;

color:#FFFFFF;
font-size:10pt;}

.portfolioimg {
float:left; 
padding-right:20px;
}

.portfolioboxes {
display:block; padding-bottom:10px;
text-align:left;
}