* {
	margin: 0;
	padding: 0;
	border: 0;
}
a:focus, a:active { outline:none; } 

/* Main
 ----------------------------------------------- */

body {
	padding-top: 25px;
	font-family: "gill sans", "new baskerville", sans-serif;
	font-size: 100%;
	color: #542519;
	background: #FFF url(../images/background_gradient.gif) repeat-x;
	text-align: center;
}
#wrapper {
	margin: 0 auto;
	width: 1051px;
	font-size: 0.687em;
	line-height: 150%;
	text-align: left;
	background: url(../images/structure_middle.gif) repeat-y;
}
#content_wrapper {
	float: left;
	position: relative;
	background: url(../images/main_background.gif) no-repeat;
}
#contact_us #content_wrapper {
	background: url(../images/main_background_contact.gif) no-repeat;
}
#main_content {
	margin-left: 82px;
	padding-top: 195px;
	width: 890px;
	border-bottom: 1px solid #CCC;
}
#home #main_content {
	padding-top: 245px;
}
body#home #main_content {
	height: 451px
}
body#about_us #main_content, body#our_services #main_content, body#recent_work #main_content, body#contact_us #main_content {
	padding-left: 45px;
	width: 845px;
	height: 501px
}


/* Headings
 ----------------------------------------------- */
 
h1 {
	margin: 0 27px 15px 0;
	width: 167px;
	height: 50px;
	text-indent: -9999px;
	background: url(../images/designheads_logo.gif) no-repeat;
	display: block;
}
h2 {
	font-size: 1.818em;
	color: #cab76d;
	font-weight: bold;
	margin-bottom: 30px;
}
h3 {
	font-size: 1em;
}

/* Navigation
 ----------------------------------------------- */

ul#nav {
	width: 890px;
	border-bottom: 1px solid #CCC;
	left: 82px;
	top: 65px;
	position: absolute;
}
ul#nav li {
	list-style: none;
	float: left;
}
ul#nav li a {
	margin-top: 15px;
	height: 36px;
	text-indent: -9999px;
	display: block;
}
ul#nav li#nav_home a:hover, ul#nav li#nav_about_us a:hover, ul#nav li#nav_recent_work a:hover, ul#nav li#nav_our_services a:hover, ul#nav li#nav_contact_us a:hover, #home ul#nav li#nav_home a, #about_us ul#nav li#nav_about_us a, #recent_work ul#nav li#nav_recent_work a, #our_services ul#nav li#nav_our_services a, #contact_us ul#nav li#nav_contact_us a {
	background-position: 0 -36px;
}
ul#nav li#nav_home a {
	width: 129px;
	background: url(../images/nav_home.gif) no-repeat;
}
ul#nav li#nav_about_us a {
	width: 120px;
	background: url(../images/nav_about_us.gif) no-repeat;
}
ul#nav li#nav_recent_work a {
	width: 155px;
	background: url(../images/nav_recent_work.gif) no-repeat;
}
ul#nav li#nav_our_services a {
	width: 150px;
	background: url(../images/nav_our_services.gif) no-repeat;
}
ul#nav li#nav_contact_us a {
	width: 138px;
	background: url(../images/nav_contact_us.gif) no-repeat;
}


ul#footer {
	margin-top: -1px;
	width: 1051px;
	height: 87px;
	float: left;
	background: url(../images/structure_bottom.gif) bottom no-repeat;
}
ul#footer li {
	list-style: none;
}
#tag_line {
	float: left;
	margin: 25px 0 0 81px;
	width: 222px;
	height: 11px;
	text-indent: -9999px;
	background: url(../images/tag_line.gif) no-repeat;
	display: block;
}
#copyright {
	float: right;
	margin: 23px 81px 0 0;
	color: #848d92;
}
#copyright #company {
	color: #000;
	font-weight: bold;
}


/* Content
 ----------------------------------------------- */
 
p {
	margin-bottom: 15px;
	line-height: 1.8em;
	font-size: 1.363em;
	width: 500px;
}
ul#thumbnails {
	float: left;
}
ul#thumbnails li {
	width: 100px;
	height: 66px;
	margin: 0 55px 35px 0;
	list-style: none;
	border: 1px solid #CCC;
	float: left;
	text-align: center;
}
ul#thumbnails li.hidden {
	display: none;
}
ul.contact_details {
	margin-bottom: 35px;
}
ul.contact_details li {
	margin-bottom: 4px;
	font-size: 1.363em;
	list-style: none;
}
ul.contact_details li h3 {
	margin-bottom: 10px;
}
ul.contact_details li a {
	color: #808080;
	padding-left: 22px;
	background: url(../images/icon_lightbulb_small.gif) left no-repeat;
}
ul.contact_details li a:hover {
	color: #542519;
}
ul#recent_work_list {
	float: left;
	width: 350px;
}
ul#recent_work_list li {
	margin-bottom: 12px;
	font-size: 1.363em;
	list-style: none;
}
ul#recent_work_list li a {
	color: #919191;
	text-decoration: none;
	padding-left: 22px;
	background: url(../images/icon_lightbulb_small.gif) left no-repeat;
}
ul#recent_work_list li a:hover {
	color: #542519;
}

p#quote {
	margin: 0 27px 63px 45px;
	width: 547px;
	height: 76px;
	text-indent: -9999px;
	background: url(../images/quote_01.gif) no-repeat;
	display: block;
}
#about_us p.quote {
	position: absolute;
	top: 335px;
	right: 55px;
	width: 324px;
	height: 135px;
	text-indent: -9999px;
	background: url(../images/quote_about_us.gif) no-repeat;
	display: block;
}
#our_services p.quote {
	position: absolute;
	top: 336px;
	right: 66px;
	width: 323px;
	height: 109px;
	text-indent: -9999px;
	background: url(../images/quote_our_services.gif) no-repeat;
	display: block;
}

ul#key_points {
	width: 387px;
	float: left;
	font-size: 1.5em;
}
ul#key_points li {
	padding: 10px 0 10px 70px;
	list-style: none;
	border-bottom: 1px #ccd9c8 dashed;
	background: url(../images/icon_lightbulb.gif) 39px  no-repeat;
}
#photo_stack {
	margin: 12px 60px 0 0;
	float: right;
	display: inline;
}
.clearer {
	clear: both;
}

/*---------- bubble tooltip -----------*/
a.tt {
    position:relative;
    z-index:24;
    color:#FFF;
    text-decoration:none;
}
a.tt span { display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover { z-index:25; color: #aaaaff;}
a.tt:hover span.tooltip {
    display: block;
    position: absolute;
    top: 0;
	left: 0;
	padding: 15px 0 0 0;
	width: 180px;
	color: #542519;
	text-transform: uppercase;
	font-size: 1em;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top {
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle { /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom {
	display: block;
	padding: 3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}


/*---------Flash Logo -----------*/

#flash_logo {
	position: absolute;
	top: 160px;
	right: 80px;
}