/*

Palette:

Dark Gray: #57585B
Hot Pink: #A10D59
Light Pink: #DCA7CD
Green: #94C255

*/

body {
	background: #efefef;
	color: #57585B;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Arial", sans-serif;
	margin: 0;
	padding: 0;
	text-align: right;
	}

h1, h2, h3, h4, h5, dl, dt, dd {
	margin: 0;
	padding: 0;
	}
	
h4 { margin-top: 30px; }

a { color: #DCA7CD; outline: none; }

a:visited { color: #DCA7CD; }

a:hover { color: #A10D59; }

p.quotation { font-style: italic; margin-bottom: 5px; }

p.attribution {
	font-size: 0.8em;
	margin-bottom: 2em;
	margin-top: 0px;
	text-align: right;
	}
	
img.social {
	border: none;
	outline: none;
	}


/* Global Classes */

.hasLayout { zoom:1; }

.hasLayout:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.contain { zoom:1; }

.contain:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.emphasis { color: #A10D59; }

.highlight { color: #94C255; }

.small { font-size: 0.8em; }

.ecContent { display: none; }

.ecExpanded { display: block; }
	
	
/* Layout */

div#container {
	background: #fff url(img/Background.main.jpg) left top no-repeat;
	margin: 0 auto;
	text-align: left;
	width: 960px;
	}
	
div#container div#header {
	height: 200px;
	position: relative;
	}
	
div#container div#header h1, 
div#container div#header h2 {
	display: none;
	}
	
div#container div#header img.logo {
	border: none;
	position: absolute;
	right: 20px;
	top: 20px;
	}
	
div#container div#content {}

div#container div#content div#nav {
	font-size: 0.8em;
	float: left;
	padding: 40px 0 0 0;
	width: 200px;
	}
	
div#container div#content div#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
div#container div#content div#nav ul li {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: center;
	}
	
div#container div#content div#nav ul li a {
	color: #ababab;
	text-decoration: none;
	}
	
div#container div#content div#nav ul li a:hover {
	color: #A10D59;
	text-decoration: underline;
	}
	
div#container div#content div#mainContent {
	float: right;
	padding-right: 20px;
	width: 700px;
	}
	
div#container div#content div#mainContent ul {
	margin: 10px 0 0 50px;
	=margin-left: 20px; /* IE only */
	padding: 0;
	width: 500px;
	}
	
div#container div#content div#mainContent ul li {
	list-style: disc;
	margin-bottom: 10px;
	=margin-left: 30px; /* IE only */
	}
	
div#container div#footer {
	background: #fff url(img/Background.lines.gif) left top repeat-x;
	color: #ababab;
	font-size: 0.7em;
	margin-top: 20px;
	padding: 16px 20px 6px 20px;
	text-align: right;
	}

div#container div#aboutPhoto {
	border: solid 1px #DCA7CD;
	float: right;
	margin: 0 5px 0 15px;
	padding: 10px 10px 0;
	text-align:center;
	width: 140px;
	}
	
div#container div#aboutPhoto div.caption {
	color: #ababab;
	font-size: 0.8em;
	font-style: italic;
	padding: 5px 0;
	}

body#home  div#content div#nav a#home { color: #A10D59; font-weight: bold; text-decoration: none; }
body#services  div#content div#nav a#services {	color: #A10D59; font-weight: bold; text-decoration: none; }
body#clients  div#content div#nav a#clients { color: #A10D59; font-weight: bold; text-decoration: none; }
body#about  div#content div#nav a#about { color: #A10D59; font-weight: bold; text-decoration: none; }
body#contact  div#content div#nav a#contact { color: #A10D59; font-weight: bold; text-decoration: none; }

ul#clientList .highlight { color: #DCA7CD; }

div#clientContainer { width: 680px; }
div#clientContainer dl { border-bottom: solid 1px #efefef; margin-bottom: 10px; padding-bottom: 10px; width: 680px;  }
div#clientContainer dl.first { border-top: solid 1px #efefef; margin-top: 10px; }
div#clientContainer dd { width: 400px; }
div#clientContainer dd.image { float: right; text-align: center; width: 260px; }
div#clientContainer dd.image img { border: 0; display: block; margin: 0 auto 10px auto; }
div#clientContainer dt { float: left; width: 600px; }

#high_point_desc {
	background: transparent url(img/logos/high_point.jpg) left top no-repeat;
	padding-left: 160px;
	width: 340px;
}
