/* CSS Document */

* {
	border: 0;
	margin: 0;
	padding: 0;
	}

body {
	background: #282727 url("images/main_bg.jpg") no-repeat top center;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	color: #5d595e;
	line-height: 150%;

	}

#header {
	width: 881px;
	height: 180px;
	margin: 100px auto 0;
	position: relative;
	}

h1 {
	width: 190px;
	height: 80px;
	text-indent: -9999px;
	position: absolute;
	left: 90px;
	top: 30px;
	}
	
h3 {
	margin: 25px 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic; 
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 18px;
	color: #db6ad0;
	}

*html h3 {
	margin-bottom: 15px;
	}	
	
h4 {
	margin: 0px 0 5px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	}

h4.gallery {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color:#5d595e;
	margin-bottom: 10px;
	font-style: italic;
	}
	
/*-  main navigation
----------------------------------------------------------------------*/
	
ul#nav {
	width: 773px;
	height: 10px;
	margin: 0 auto;
	padding: 0 0 0 0;
	position: absolute;
	left: 66px;
	top: 157px;
	}
	
ul#nav li {
	display: block;
	float: left;
	height: 10px;
	text-indent: -9999px;
	}
	
ul#nav li a {
	display: block;
	width: 100%;
	height: 10px;
	}
	
ul#nav li#home {
	background: url("images/home.jpg") no-repeat top left;
	width: 106px;
	}

ul#nav li#home a {
	background: url("images/home.jpg") no-repeat top left;
	width: 106px;
	}
	
ul#nav li#home a:hover {
	background: url("images/home_over.jpg") no-repeat top left;
	width: 106px;
	}
	
ul#nav li#services {
	background: url("images/services.jpg") no-repeat top left;
	width: 166px;
	}

ul#nav li#services a {
	background: url("images/services.jpg") no-repeat top left;
	width: 166px;
	}
	
ul#nav li#services a:hover {
	background: url("images/services_over.jpg") no-repeat top left;
	width: 166px;
	}
	
ul#nav li#about {
	background: url("images/about.jpg") no-repeat top left;
	width: 135px;
	}

ul#nav li#about a {
	background: url("images/about.jpg") no-repeat top left;
	width: 135px;
	}
	
ul#nav li#about a:hover {
	background: url("images/about_over.jpg") no-repeat top left;
	width: 135px;
	}

ul#nav li#projects {
	background: url("images/projects.jpg") no-repeat top left;
	width: 168px;
	}

ul#nav li#projects a {
	background: url("images/projects.jpg") no-repeat top left;
	width: 168px;
	}
	
ul#nav li#projects a:hover {
	background: url("images/projects_over.jpg") no-repeat top left;
	width: 168px;
	}
	
ul#nav li#associates {
	background: url("images/associates.jpg") no-repeat top left;
	width: 178px;
	}

ul#nav li#associates a {
	background: url("images/associates.jpg") no-repeat top left;
	width: 178px;
	}
	
ul#nav li#associates a:hover {
	background: url("images/associates_over.jpg") no-repeat top left;
	width: 178px;
	}
	
ul#nav li#contact {
	background: url("images/contact.jpg") no-repeat top left;
	width: 140px;
	}

ul#nav li#contact a {
	background: url("images/contact.jpg") no-repeat top left;
	width: 140px;
	}
	
ul#nav li#contact a:hover {
	background: url("images/contact_over.jpg") no-repeat top left;
	width: 140px;
	}
	
/*-  main content
----------------------------------------------------------------------*/

#content {
	background: url("images/content_bg.jpg") no-repeat top left;
	width: 881px;
	position: relative;
	left: -24px;
	margin: 0px auto 0 auto;
	min-height: 370px;
	padding-bottom: 50px;
	}

*html #content {
	height: 370px;
	}
	
#content #band {
	background: url("images/home_pink.jpg") no-repeat top left;
	width: 850px;
	height: 110px;
	margin: 0 auto 0 9px;
	}

*html #content #band {
	margin: 0 auto 0 10px;
	}

#content .box {
	float: left;
	width: 249px;
	height: 184px;
	margin-top: 30px;
	}
	
/*-  home content boxes
----------------------------------------------------------------------*/

#content #box1 {
	background: url("images/box_1.jpg") no-repeat top left;
	margin-left: 41px;
	}
	
*html #content #box1 {
	margin-left: 22px;
	}
	
#content #box2 {
	background: url("images/box_2.jpg") no-repeat top left;
	margin-left: 20px;
	}
	
#content #box3 {
	background: url("images/box_3.jpg") no-repeat top left;
	margin-left: 20px;
	}
	
/*-  page titles
----------------------------------------------------------------------*/

#content h2 {
	text-indent: -9999px;
	width: 850px;
	height: 66px;
	margin: 0 auto 0 9px;
	}

*html #content h2 {
	margin: 0 auto 0 10px;
	}
		
#content h2.services {
	background: url("images/services_title.jpg") no-repeat top left;
	}
	
#content h2.about {
	background: url("images/about_title.jpg") no-repeat top left;
	}	
	
#content h2.projects {
	background: url("images/projects_title.jpg") no-repeat top left;
	}	
	
#content h2.associates {
	background: url("images/associates_title.jpg") no-repeat top left;
	}	
	
#content h2.contact {
	background: url("images/contact_title.jpg") no-repeat top left;
	}
	
#content h2.blog {
	background: url("images/blog_title.jpg") no-repeat top left;
	}
	
/*-  left column
----------------------------------------------------------------------*/
	
#content #left {	
	width: 485px;
	padding: 20px 0 40px 43px;
	}

#content #left p {
	margin: 0 0 12px 0;
	}

#content #left .pink {
	color: #db6ad0;
	}
		
#content #left ul {
	list-style-type: none;
	margin: 0 0 12px 30px;
	}
	
#content #left ol {
	margin: 0 0 12px 30px;
	}
	
#content #left ul li {
	background: url("images/bullet.gif") no-repeat 0 5px;
	padding: 0 0 0 15px;
	margin: 0 0 8px 0;
	line-height: 150%;
	}
	
#content #left ol li {
	margin: 0 0 7px 0;
	}

/*-  about page
----------------------------------------------------------------------*/

.about_wrapper {
	margin: 20px 56px 0px 43px;
	min-height: 1350px;
}	
	
h3.team {
	border-bottom:1px dotted #CCCCCC;
	margin: 0 0 20px 0;
	line-height: 170%;
}	

.about_wrapper img {
	border: 4px solid;
	border-color: #e5e2e5;
	margin: 0 15px 10px 0px;
	float: left;
}

/*-  blog page
----------------------------------------------------------------------*/

#content #blog_wrapper {
	margin: 20px 56px 0px 43px;
	min-height: 550px;
}	

#content #blog_wrapper .entry,
#content #blog_wrapper .quote {
	width: 720px;	
	margin-bottom: 20px;
	margin-left: 55px;
	min-height: 70px;
	}

#content #blog_wrapper .entry .date,
#content #blog_wrapper .quote .date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	width: 38px;
	height: 39px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fff;
	border: 1px solid #ade263;
	font-weight: bold; 
	text-align: center;
	margin-left: -55px;
	margin-top: 4px;
	}

#content #blog_wrapper .entry .date a,
#content #blog_wrapper .quote .date a {
	text-decoration: none;
	text-transform: uppercase;
	color: #99cc53;
	}
	
#content #blog_wrapper .entry .date a strong,
#content #blog_wrapper .quote .date a strong {
	display: block;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #99cc53;
	}	

.entry h3.title {
	border-bottom:1px dotted #CCCCCC;
	margin: 0 0 10px 0;
	line-height: 170%;
}	

.entry img {
	display: block;
	border: 4px solid;
	border-color: #e5e2e5;
	margin: 0 15px 10px 0px;
}

.quote blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #999999;
	font-size: 14px;
	margin: 0;
	}
	
p.caption {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333333;
	}
	
/*-  our clients section
----------------------------------------------------------------------*/

table#clientlist {
	margin-top: -20px;
}

table#clientlist td {
	font-family: lucida grande, helvetica, arial, sans-serif;
	font-size: 10px;
	line-height: 1.4em;
	padding: 11px 0;
	border-bottom: solid 1px #e9e9e9;
	width: 185px;	
}

table#clientlist td span.name {
	font-weight: bold;
	display: block;
	color: #413b40;
}

	
/*-  right column
----------------------------------------------------------------------*/

#content #right {
	background: url("images/p_background.gif") no-repeat top right;
	width: 295px;
	min-height: 730px;
	position: absolute;
	top: 66px;
	right: 41px;
	padding: 0 0 0 0;
	}	
	
*html #content #right {
	height: 690px;
	}
	
#content #right ul#p_right {
	width: 266px;
	height: 600px;
	margin: 0 auto;
	padding: 0 0 0 0;
	position: absolute;
	left: 16px;
	top: 23px;
	}

#content #right ul#p_right li {
	display: block;
	float: left;
	text-indent: -9999px;
	}
	
#content #right ul#p_right li a {
	display: block;
	width: 100%;
	}
	
#content #right ul#p_right li#graphicdesign {
	background: url("images/p_graphicdesign.gif") no-repeat top left;
	width: 127px;
	height: 119px;
	padding-right: 11px;
	}

#content #right ul#p_right li#graphicdesign a {
	background: url("images/p_graphicdesign.gif") no-repeat top left;
	width: 127px;
	height: 119px;
	}
	
#content #right ul#p_right li#graphicdesign a:hover {
	background: url("images/p_graphicdesign_over.gif") no-repeat top left;
	width: 127px;
	height: 119px;
	}
	
#content #right ul#p_right li#annual {
	background: url("images/p_annual.gif") no-repeat top left;
	width: 127px;
	height: 119px;
	}

#content #right ul#p_right li#annual a {
	background: url("images/p_annual.gif") no-repeat top left;
	width: 127px;
	height: 119px;
	}
	
#content #right ul#p_right li#annual a:hover {
	background: url("images/p_annual_over.gif") no-repeat top left;
	width: 127px;
	height: 119px;
	}
	
#content #right ul#p_right li#books {
	background: url("images/p_books.gif") no-repeat top left;
	width: 127px;
	height: 119px;
	padding-right: 11px;
	}

#content #right ul#p_right li#books a {
	background: url("images/p_books.gif") no-repeat top left;
	width: 127px;
	height: 119px;
	}
	
#content #right ul#p_right li#books a:hover {
	background: url("images/p_books_over.gif") no-repeat top left;
	width: 127px;
	height: 119px;
	}

#content #right ul#p_right li#newsletters {
	background: url("images/p_newsletters.gif") no-repeat top left;
	width: 127px;
	height: 119px;
	}

#content #right ul#p_right li#newsletters a {
	background: url("images/p_newsletters.gif") no-repeat top left;
	width: 127px;
	height: 119px;
	}
	
#content #right ul#p_right li#newsletters a:hover {
	background: url("images/p_newsletters_over.gif") no-repeat top left;
	width: 127px;
	height: 119px;
	}
	
#content #right ul#p_right li#other {
	background: url("images/p_other.gif") no-repeat top left;
	width: 127px;
	height: 119px;
	padding-right: 11px;
	}

#content #right ul#p_right li#other a {
	background: url("images/p_other.gif") no-repeat top left;
	width: 127px;
	height: 108px;
	}
	
#content #right ul#p_right li#other a:hover {
	background: url("images/p_other_over.gif") no-repeat top left;
	width: 127px;
	height: 108px;
	}
	
#content #right ul#p_right li#document {
	background: url("images/p_document.gif") no-repeat top left;
	width: 127px;
	height: 108px;
	}

#content #right ul#p_right li#document a {
	background: url("images/p_document.gif") no-repeat top left;
	width: 127px;
	height: 108px;
	}
	
#content #right ul#p_right li#document a:hover {
	background: url("images/p_document_over.gif") no-repeat top left;
	width: 127px;
	height: 108px;
	}
	
#content #right ul#p_right li#displays {
	background: url("images/p_displays.gif") no-repeat top left;
	width: 127px;
	height: 108px;
	}

#content #right ul#p_right li#displays a {
	background: url("images/p_displays.gif") no-repeat top left;
	width: 127px;
	height: 108px;
	}
	
#content #right ul#p_right li#displays a:hover {
	background: url("images/p_displays_over.gif") no-repeat top left;
	width: 127px;
	height: 108px;
	}	
	
#content #right ul#p_right li#writing {
	background: url("images/p_writing.gif") no-repeat top left;
	width: 127px;
	height: 119px;
	}

#content #right ul#p_right li#writing a {
	background: url("images/p_writing.gif") no-repeat top left;
	width: 127px;
	height: 119px;
	}
	
#content #right ul#p_right li#writing a:hover {
	background: url("images/p_writing_over.gif") no-repeat top left;
	width: 127px;
	height: 119px;
	}	
	
#content #right2 {
	background: url("images/p_background2.gif") no-repeat top left;
	width: 295px;
	min-height: 530px;
	position: absolute;
	top: 66px;
	right: 41px;
	padding: 0 0 0 0;
	}	
	
*html #content #right2 {
	height: 530px;
	}

img.right_img {
	border: 4px solid;
	border-color: #e5e2e5;
	position: absolute;
	left: 17px;
	top: 23px;
}
	
/*-  links
----------------------------------------------------------------------*/	

#content a:link,
#content a:visited,
#content a:active {
	text-decoration: underline;
	color: #db6ad0;
	}
	
#content a:hover {
	text-decoration: none;
	}

/*-  footer
----------------------------------------------------------------------*/
	
#footer {
	background: url("images/footer.jpg") no-repeat top left;
	position: relative;
	width: 881px;
	height: 243px;
	left: -24px;
	margin: -20px auto 0 auto;
	clear: both;
	}