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


/* ====== global styles ===== */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(images/background_band.gif) repeat-x;
	background-position: 0px 125px;
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

p, h1, h2, h3, h4, h5, h6, li {
	margin: 1ex 1em;
}

#outerDiv {
	position: relative;
	width: 900px;
	margin: 0 auto;
}


/* ====== header ===== */

#header {
	height: 188px;
}

/* ====== logo ===== */

#logo {
	position: absolute;
	left: 10px;
	top: 33px;
}

	
/* ====== main menu ===== */

#mainMenu {
	position: absolute;
	left: 560px;
	top: 155px;
}
	
#mainMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	
#mainMenu li {
	float: left;
	margin: 0;
	padding: 0;
}
	
#mainMenu li a:link, #mainMenu li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	display: block;
	color: #666;
	text-decoration: none;
	padding: 0 15px;
	border: none;
}
	
#mainMenu li a:hover, #mainMenu li a:active {
	color: #999;
}

#mainMenu li a.current {
	color:#F00
}

#mainMenu li a.current:hover {
	cursor: default;
}	


/* ====== left menu ===== */

#leftMenu {
	position: absolute;
	float: left;
	top: 254px;
	left: 10px;
	width: 160px;
	height: 200px;
	}

#leftMenu ul {
	list-style: none;
	margin: 0px;
	padding:0px;
}
	
#leftMenu li {
	margin: 0px;
	padding: 0px;
}

#leftMenu li a:link, #leftMenu li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	line-height: 2.1em;
	display: block;
	color: #666;
	text-decoration: none;
	padding: 0px;
}

#leftMenu li a:hover, #leftMenu li a:active {
	color: #999;
}

#leftMenu li a.current {
	color:#F00
}

#leftMenu li a.current:hover {
	cursor: default;
}	


/* ====== profile main content ===== */

#profileHead {
	position: absolute;
	float:left;
	top: 254px;
	left: 404px;
}

#profileImage {
	position: absolute;
	top: 224px;
	left: 150px;
}

#profileCopy {
	position: absolute;
	top: 350px;
	left: 423px;
	width: 388px;
}

#profileCopy p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.8em;
	color: #666;
	padding: 0;
	margin: 0; 
}


/* ====== approach main content ===== */

#approachCopy {
	position: absolute;
	top: 429px;
	left: 150px;
	width: 650px;
}

#approachCopy p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.8em;
	color: #666;
	padding: 0px;
	margin: 0px; 
}


#approachImage {
	position: absolute;
	top: 224px;
	left: 150px;
}

#approachHead {
	position: absolute;
	top: 418px;
	left: 190px;
}


/* ====== speciality main content ===== */

#specialityCopy {
	position: absolute;
	top: 224px;
	left: 150px;
	width: 362px;
}

#specialityCopy p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.8em;
	color: #666;
	padding: 0px;
	margin: 0px; 
}


#specialityImage {
	position: absolute;
	top: 224px;
	left: 556px;
}

#specialityHead {
	position: absolute;
	top: 492px;
	left: 280px;
}


/* ====== services main content ===== */

#servicesHead {
	position: absolute;
	float:left;
	top: 307px;
	left: 404px;
}

#servicesImage {
	position: absolute;
	top: 224px;
	left: 150px;
}

#servicesCopy {
	position: absolute;
	top: 224px;
	left: 423px;
	width: 388px;
}

#servicesCopy p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.8em;
	color: #666;
	padding: 0;
	margin: 0; 
}

#servicesList {
	position: absolute;
	left: 423px;
	top: 400px;
	width: 388px;
}

#servicesList ul {
	list-style-type: square;
	margin: 0px;
	padding:0px;
}
	
#servicesList li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.8em;
	color: #666;
	padding: 0;
	margin: 0 20px; 
}


/* ====== clients main content ===== */

#clientsCopy {
	position: absolute;
	top: 224px;
	left: 150px;
	width: 650px;
}

#clientsCopy p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.8em;
	color: #666;
	padding: 0px;
	margin: 0px; 
}

#clientsImage {
	position: absolute;
	top: 429px;
	left: 150px;
}

#clientsHead {
	position: absolute;
	top: 388px;
	left: 437px;
}

#clientsList1 {
	position: absolute;
	left: 150px;
	top: 275px;
	width: 162px;
}

#clientsList2 {
	position: absolute;
	left: 312px;
	top: 275px;
	width: 162px;
}

#clientsList3 {
	position: absolute;
	left: 474px;
	top: 275px;
	width: 162px;
}

#clientsList4 {
	position: absolute;
	left: 634px;
	top: 275px;
	width: 200px;
}

ul.clientsList {
	list-style-type: none;
	margin: 0px;
	padding:0px;
}
	
li.clientsList {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 2.2em;
	color: #666;
	padding: 0;
	margin: 0;
	width: 162px;
	float: left;
}


/* ====== portfolio ===== */

#portfolio {
	position: absolute;
	top: 200px;
	left: 122px;
}

#portfolioCopy {
	position: absolute;
	top: 325px;
	left: 10px;
	width: 100px;
}

#portfolioCopy p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	color: #666;
	padding: 0px;
	margin: 0px;
}

/* ====== home ===== */

#home {
	position: absolute;
	top: 223px;
	left: 155px;
}



#homeCopy p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	color: #666;
	padding: 0px;
	margin: 0px;
}



/* ====== contact main content ===== */

#ctaHead {
	position: absolute;
	float:left;
	top: 274px;
	left: 304px;
}

#cta_windImage {
	position: absolute;
	top: 224px;
	left: 10px;
}

#cta_carImage {
	position: absolute;
	top: 224px;
	left: 157px;
}

#cta_applesImage {
	position: absolute;
	top: 371px;
	left: 10px;
}

#cta_buidlingsImage {
	position: absolute;
	top: 371px;
	left: 157px;
}

#cta_flowersImage {
	position: absolute;
	top: 371px;
	left: 304px;
}

#ctaCopy {
	position: absolute;
	top: 371px;
	left: 460px;
	width: 350px;
}

#ctaCopy p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.8em;
	color: #666;
	padding: 0;
	margin: 0; 
}

#contactList{
	position: absolute;
	left: 460px;
	top: 500px;
	width: 300px;
}

#contactList ul {
	list-style-type: none;
	margin: 0px;
	padding:0px;
}
	
#contactList li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #666;
	padding: 0;
	margin: 0; 
}


#contactList a:link {
		color: #666; 
		text-decoration: none; 
}
	
#contactList a:hover, #footer a:active {
	color: #999;
} 


/* ====== footer ===== */

#footer {
	position: absolute;
	left: 150px;
	top: 684px;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666;
	padding: 0;
	margin: 0;
}

#footer a:link {
		color: #666; 
		text-decoration: none; 
}
	
#footer a:hover, #footer a:active {
	color: #999;
}