/*Global Color Palette
#999966 olive (background)
#cc9933 dark orange (header/footer bkgnd)
#ffffcc light yellow (content bkgnd)
#cccc99 pale olive (sidebar bkgnd)
#676734 dark olive (sidebar nav)
#fecb65 pale orange (links)
#FFFFFF white (hover)
#000000 black (activepage links)
*/

/*
----------------------------------------------------------------
	R E S E T
---------------------------------------------------------------- */

html {
	margin: 0;
	padding: 0;
}

/*
----------------------------------------------------------------
	B A S I C   E L E M E N T S
---------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background-color: #999966;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	text-align: justify;
}
.hidden {
	display: none;
}

/* C O N T A I N E R */

#page-container {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}

/* L I N K S */

a {
	color: #fecb65;
}
a:hover {
	color: #FFFFFF;
}

/* D E F A U L T   T E X T */

h1 {
	font-size: 12px;
	text-align: left;
	margin: 0;
	padding: 0px 0px 2px;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0px 0px 2px;
}
h3 {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0px;
	text-align: left;
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
	padding-bottom: 14px;
}

/*
----------------------------------------------------------------
	B A S I C   C L A S S E S
---------------------------------------------------------------- */

.imageleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.imageright {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

/*
----------------------------------------------------------------
	H E A D E R
---------------------------------------------------------------- */

#header {
	height: 80px;
	background-color: #cc9933;
	padding-top: 29px;
}

#logo {
	margin: 0;
	padding: 0;
	background: #cc9933;
	float:left;
}	
#logo a {
	margin:0px;
	margin-top:16px;
	border:none;
}
#logo a:hover {
	border:none;
}

/*
----------------------------------------------------------------
	M A I N   N A V I G A T I O N
---------------------------------------------------------------- */

#main-nav {
	background: #cc9933;
}
#main-nav ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#main-nav li {
	font-size: 10px;
	font-weight: 800;
	color:#FFF;
	margin:0px;
	padding:0px;
	margin-top:16px;
	float:left;
}
#main-nav a {
	font-size: 12px;
	text-decoration:none;
	margin:0px;
	padding-left: 25px;
	padding-right: 25px;
	letter-spacing: .1em;
	display:block;
}
#main-nav a:hover {
	color:#FFF;
}
#main-nav a.activepage {
	color:#000
}
#main-nav a.activepage:hover {
	color:#FFF
}

/*
----------------------------------------------------------------
	S T R U C T U R E
---------------------------------------------------------------- */

#content {
	height: 375px;
	background-color: #ffffcc;
}
.indenttext {
	margin-left: 280px;
	margin-right: 39px;
}
.indenttext a {
	color: #000000;
}
.indenttext a:hover {
	color: #676734;
}

/* S I D E B A R */

#sidebar {
	background:#cccc99;
	float: left;
	height:375px;
	width: 180px;
	z-index: 2;
}
#side-nav ul {
	margin:0px;
	padding-top:45px;
	padding-left:0px;
	list-style-type:none;
}
#side-nav li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align:center;
	padding-bottom:8px;
	margin:0px;
}
#side-nav a {
	text-decoration:none;
	color: #676734;
	display:block;
}
#side-nav a:hover {
	color:#FFF;
}
#page-icons {
	padding:0px;
	margin:0px;
	margin-left:45px;
}
#page-icons ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#page-icons li {
	margin:0px;
	padding-right: 4px;
	float:left;
}
#page-icons a {
	border:none;
}

/*  P O R T F O L I O   B L U R B  */

#blurb {
	float: left;
	height: 360px;
	width: 230px;
	padding-top: 15px;
	padding-left: 39px;
	z-index: 15;
}
.blurbtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	text-align: left;
}
.blurbtext a {
	color: #000000;
}
.blurbtext a:hover {
	color: #676734;
}

/* C L I E N T   L I S T */

#clientlist-left {
	float: left;
	height: 360px;
	width: 200px;
	padding-top: 15px;
	padding-left: 75px;
	z-index:20;
}
#clientlist-right {
	float: right;
	height: 360px;
	width: 230px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 39px;
	z-index:30;
}

.clientlisttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	text-align: left;
}
.clientlisttextbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	line-height: 11px;
	color: #000000;
	text-align: left;
}

/* S L I D E S H O W */

#slideshow {
	background-color: #cc9933;
	width: 860px;
	height: 375px;
    padding: 0;
    margin:  0 auto;
} 

#slideshow img {
    padding: 0;
    border:none;
    width: 860px;
    height: 375px;
    top:  0;
    left: 0
}


/*
----------------------------------------------------------------
	F O O T E R
---------------------------------------------------------------- */

#footer {
	height: 1500px;
	clear: both;
	padding: 20px 39px;
	background-color: #cc9933;
}
#footer a {
	color: #fecb65;
}
#footer a:hover {
	color: #000;
}
.footertext_small {
	font-size: 10px;
	text-align: left;
	margin-top: -10px;
	color: #fecb65;
	float:left;
}
.copyright {
	font-size: 10px;
	text-align: right;
	margin-top: -10px;
	color: #fecb65;
	float:right;
}
.legal {
	font-size: 10px;
	color: #000000;
}