/*
Theme Name: WSD_default
Theme URI: http://moto-zulli.com/
Author: Mary Zulli
Author URI: http://moto-zulli.com/
Tags: orange, yellow, fixed center column/fluid sides3 column.


This theme was designed and built by Mary Zulli, based on a design by Chad Froeschke

*/

/* Begin Layout; don't change without testing on IE! */
* {
	border:0;
	margin:0;
	padding:0;
	outline:none;
}
body {
	min-width:1250px;
	margin:0;
	padding:0;
	background:url(images/wsd_header_graphic.gif) repeat-x #FFF ;
}
#content {
	padding-bottom:300px;
	width:100%;
	background:url(images/wsd_footer_logo.jpg) bottom no-repeat;
}
#left-side-outer {
	width:50%;
	float:left;
	margin-right:-402px;
}
#left-side{
	margin-right:402px;
}
#center-column {
	width:848px;
	float:left;
	margin-left:-220px;
	color: #FFFFFF;
	position:relative;
	z-index:10;
}
#right-side-outer {
	width:50%;
	float:right;
	margin-left:-402px;
}
#right-side {
	width:100%;
	margin-left:226px;
	background:url(images/wsd_left_col_graphic.gif) repeat-x #FFF;
}
.clear {
	clear:both;
}

/* End of Layout */


/*  Begin internal structure */ 

* {
	font-size:12px;
	font-family: Lucida Grande, Lucida Sans, Verdana, "san serif";
	color:#58595B;
	font-weight:normal;
}
a:hover, a:active {
	outline:none;
}
#animation {
	height:250px;
	width:100%;
	border-right:1px solid #F59A0B;
	}
#animation img {
	float:right;
	}

#main_content {
	margin-top:25px;
	margin-left:345px;
	padding:0 70px 20px 20px;;
	border-left:1px solid #F59A0B;
	min-height:400px;
}
#main_content p {
	line-height:20px;
	padding-bottom:20px;
}
body.archive #main_content h2 {
	padding-bottom:10px;
}
body.archive #main_content p {
	padding-bottom:0px;
}
body.archive #main_content p + p {
	padding-bottom:20px;
}
#main_content .emTag, h2 {
	color:#F59A0B !important;
	padding-top:12px;
	letter-spacing:.2em;
}
.quotes {
	color:#F59A0B !important;
	padding-top:12px;
}
p.quotes + p.quotes {
	color:#78797B !important;
	padding-top:3px;
	font-size:.9em;
}
em {
	color:#F59A0B;
	font-style:normal;
}
.orange_list {
	color:#F59A0B;
	line-height:18px !important;
	padding-bottom:0 !important;
}
.orange_list img {
	float:left;
	margin:5px 12px 12px 0;
	}
h2:first-child {
	padding-top:0;
}
.more-link {
	width:100%;
	text-align:right;
	margin-right:50px;
	display:block;
	text-decoration:none;
}
.more-link:hover {
	color:#f59a0b;
	text-decoration:none;
}

#nameplate {

}
#control_panel {
	height:220px;
}
#quote {
	padding-left:18px;
	padding-top:110px;
}
#side_bar {
	margin-top:20px;
	font-size:10px;
	line-height:20px;
}
#side_bar p {
	width:250px;
}
#side_bar h1 {
	font-style:normal;
	font-size:10px;
	font-weight:normal;
	color:#F0990B;
	padding-bottom:4px;
	letter-spacing:.2em;
	border-bottom:#F0990B solid 1px;
	width:100%;
	text-decoration:none;
	margin-bottom:5px;
}
h1 a {
	font-size:10px;
	font-style:normal;
	color:#F0990B;
	text-decoration:none;
}
h1 a:hover {
	font-style:normal;
	color:#58595B;
	text-decoration:none;
}
#main_content .side_bar_img {
	display:none;
}
#side_bar .side_bar_img {
	margin:20px auto 10px auto;
}

#main_content  ul {
	list-style:url(images/bullet.gif) inside ;
	line-height:20px;
	padding-bottom:20px;
}
/* Side menu  */
#side_menu {
	position:absolute;
	padding-left:175px; 
	margin-top:370px;
	width:150px;
}
#side_menu ul { 
	position:absolute;
	z-index:1;
	right:5px;
	list-style-type:none;
	font-size:1.1em;
	}
#side_menu ul li, #side_menu ul li a { 
	z-index:100;
	display:block;
	height:27px; /* leave in; used for FF height */
	}


/* Menu Items*/
.page_item a {
	text-decoration:none;
}
#about {
	width:167px;
	background:url(images/side_menu.gif) 25px 187px;
}
#about a:hover, #about.chosen {
	background:url(images/side_menu.gif) 192px 187px !important;
}
#about img {
	width:167px;
	height:27px;
}
#process {
	width:167px;
	background:url(images/side_menu.gif) 56px 154px;
}
#process a:hover, #process.chosen {
	width:167px;
	background:url(images/side_menu.gif) 223px 154px;
}
#process img {
	width:167px;
	height:27px;
}
#services  {
	width:167px;
	background:url(images/side_menu.gif) 50px 123px;
}
#services a:hover, #services.chosen{
	width:167px;
	background:url(images/side_menu.gif) 217px 123px;
}
#services img {
	width:167px;
	height:27px;
}
#clients  {
	width:167px;
	background:url(images/side_menu.gif) 60px 92px;
}
#clients a:hover, #clients.chosen {
	width:167px;
	background:url(images/side_menu.gif) 227px 92px;
}
#clients img {
	width:167px;
	height:27px;
}
#affiliations {
	width:167px;
	background:url(images/side_menu.gif) 12px 61px;
}
#affiliations a:hover, #affiliations.chosen {
	width:167px;
	background:url(images/side_menu.gif) 179px 61px;
	}
#affiliations img {
	width:167px;
	height:27px;
}
#contact-us {
	width:167px;
	background:url(images/side_menu.gif) 23px 30px;
}
#contact-us a:hover, #contact-us.chosen {
	width:167px;
	background:url(images/side_menu.gif) 190px 30px;
}
#contact-us img {
	width:167px;
	height:27px;
}

/*  Top (main) Menu */
#main_menu {
	background:url(images/wsd_tagline.gif) #FFF -230px 0px  no-repeat;
	padding-top:69px;
	border-right:1px #F59A0B solid;
	width:100%;
	height:40px;
	}
#main_menu ul li ul {
	display:none;
	}

/* Menu Items*/
#main_menu ul { 
	z-index:1;
	list-style-type:none;
	font-size:1.1em;
	position:relative;
	}

#main_menu ul li { 
	display:block;
	float:right;
	height:40px; /* leave in; used for FF height */
	position:relative;
	}
#main_menu ul li a { 
	display:block;
	}

#main_identity {
	width:81px;
	background:url(images/wsd_menu.gif) 0px 0px;
}

#main_identity a:hover, #main_identity.chosen {
	background:url(images/wsd_menu.gif) 0px 40px;
	}
	
#main_identity img {
	height:40px;
	width:81px;
}
#main_print {
	width:66px;
	background:url(images/wsd_menu.gif) 423px 0px;
}
#main_print a:hover, #main_print.chosen {
	width:66px;
	background:url(images/wsd_menu.gif) 423px 40px !important;
}
#main_print img {
	height:40px;
	width:66px;
}
#main_advertising {
	width:122px;
	background:url(images/wsd_menu.gif) 358px 0px;
}
#main_advertising img {
	height:40px;
	width:122px;
}
#main_advertising a:hover, #main_advertising.chosen {
	background:url(images/wsd_menu.gif) 358px 40px !important;
}
#main_interactive {
	width:119px;
	background:url(images/wsd_menu.gif) 238px 00px;
}
#main_interactive a:hover, #main_interactive.chosen {
	width:119px;
	background:url(images/wsd_menu.gif) 238px 40px !important;
}
#main_interactive img {
	height:40px;
	width:119px;
}
#main_non-profit {
	width:115px;
	background:url(images/wsd_menu.gif) 115px 0px;
}
#main_non-profit a:hover, #main_non-profit.chosen {
	background:url(images/wsd_menu.gif) 115px 40px !important;
}

#main_non-profit img {
	height:40px;
	width:115px;
}
.gallery_button {
	height:10px;
	width:10px;
	margin:5px;
}
#button-box {
	margin:12px;
}
.hide_out {
	position:absolute;
	left:-12000px;
	display:none;
}
#imageBackground {
	float:right;
	background:#FFF;
	width:503px;
	height:250px;
}
#side_bar h3 {
width:250px;
margin-bottom:5px;
}
h2 + h3 {
padding-bottom:5px;
}
h2 {
padding-bottom:20px;
}
input, textarea {
	border:1px solid #f59a0b;
}
.s-left{float:left; color:#e3e0d8; font:9px Arial, Helvetica, sans-serif; text-decoration:none;}
.s-right{float:right; color:#e3e0d8; font:9px Arial, Helvetica, sans-serif; text-decoration:none;}