/**************************************
***************************************

Title:      AmyHohulin.com base styles

**************************************
**************************************/


/* ******************************* */
/* general overall style specifics */
/* ******************************* */

@import url("reset.css");
@import url("960.css");

html
{
	font-size: 62.5%;
}

body {
	background: #FFF; 
	color: #333; 
	font-size: 1.4em; 
	line-height: 1.4em;
}

body, #workshopList li ul li a {
	font-family: "HelveticaNeue-LightCond", "Helvetica-Condensed-Light", "Arial Narrow", "HelveticaNeue-Light", "Helvetica-Light", Arial,  sans-serif;
}

strong, legend, .home_inner_screen h3, .footer_inner h4, #workshopList li a, #workshopList li ul li a:hover, #nav_workshop li ul li a:hover {
	font-family: "Helvetica Neue-BoldCond", "Helvetica-Condensed-Bold", "Arial Narrow", "Helvetica Neue-Bold", "Helvetica-Bold", Arial,  sans-serif;
}

em {
	font-family: "Helvetica Neue-ItalicCond", "Helvetica-Condensed-Italic", "Arial Narrow", "Helvetica Neue-Italic", "Helvetica-Italic", Arial,  sans-serif;
}

.a508{
	display: none;	
}

p {
	padding: 0 0 10px 0;
	line-height: 1.4em;
}

p strong {
	font-size: 1em;
}

.clearboth{
 display:block;
 clear:both;
 margin:0;
 padding:0;
}


/* ******************************* */
/*      Header Styles              */
/* ******************************* */
#header h1 {
	float: right;
	margin-bottom: 25px;
	padding: 0 35px 0 0;
}

#header h1 a {
	display: block;
	background: url(../images/logo-amy-hohulin.png) no-repeat;
	width:617px;
	height: 128px;
	text-indent:-9999px;
	text-decoration:none;
	border-bottom: none;
}



/* ******************************* */
/*      Main Nav Styles            */
/* ******************************* */
#nav {
	font-size: 1.2em;
	list-style: none;
	margin: 0;
	padding: 0 0 40px 0;
	overflow: hidden;
}

#nav li {
	display: block;
	float: left;
	text-align: center;
}

#nav li a {
	display: block;
	text-indent:-9999px;
	text-decoration: none;
	text-transform: uppercase;
	width: 164px;
	height: 40px;
}

.nav_home a{
	background: url(../images/main_nav_sprite.png) 0 0 no-repeat;
}

.nav_home a:hover, .nav_home_active a{
	background: url(../images/main_nav_sprite.png) 0 -40px no-repeat;
}

.nav_whoWeAre a{
	background: url(../images/main_nav_sprite.png) -164px 0 no-repeat;
}

.nav_whoWeAre a:hover, .nav_whoWeAre_active a{
	background: url(../images/main_nav_sprite.png) -164px -40px no-repeat;
}

.nav_workshops a{
	background: url(../images/main_nav_sprite.png) -328px 0 no-repeat;
}

.nav_workshops a:hover, .nav_workshops_active a{
	background: url(../images/main_nav_sprite.png) -328px -40px no-repeat;
}

.nav_clientList a{
	background: url(../images/main_nav_sprite.png) -492px 0 no-repeat;
}

.nav_clientList a:hover, .nav_clientList_active a{
	background: url(../images/main_nav_sprite.png) -492px -40px no-repeat;
}

.nav_contact a{
	background: url(../images/main_nav_sprite.png) -656px 0 no-repeat;
}

.nav_contact a:hover, .nav_contact_active a{
	background: url(../images/main_nav_sprite.png) -656px -40px no-repeat;
}


/* ******************************* */
/*    Secondary Nav Styles         */
/* ******************************* */



/* ******************************* */
/*           Hero Styles           */
/* ******************************* */
#hero {
	clear: both;
	overflow: hidden;
}

.home {
	background-color: #E7F0C3;
}

.home_inner {
	overflow: hidden;
	background-color: #D0E188;
	padding: 16px 0;
}

.home_inner h2 {
	color: #ffffff;
	font-size: 2.2em;
	line-height: 1.2em;
	font-weight: normal;	
}

.home_inner_screen {
	background: #786D59 url(../images/home_inner_screen.png) repeat-y;
	color: #fff;
	padding: 0 0 15px 15px;
}

.home_inner_screen h3 {
	padding: 15px 0 15px 0;
	font-size: 1.3em;
	line-height: 0.9em;
}

.home_inner_screen p {
	font-size: 1.3em;
	line-height: 1.3em;
}

/* ******************************* */
/*     Hero Styles Content Pages   */
/* ******************************* */
.container_shadow {
	width: 980px;
	margin: 0 auto;
	background: transparent url(../images/bground_container_shadow.png) repeat-y;
}

.darkGreenHero {
	background-color: #CEE0B6;
}

.darkGreenHero_inner{
	overflow: hidden;
	background: #90B164 url(../images/bground_darkGreen.png) repeat-y;
	position: relative;
}

.orangeHero{
	background-color: #FCCE98;
}

.orangeHero_inner {
	overflow: hidden;
	background: #FAA74F url(../images/bground_orange.png) repeat-y;
	position: relative;
}

.darkBlueHero{
	background-color: #B7E6F1;
}

.darkBlueHero_inner{
	overflow: hidden;
	background: #00AECC url(../images/bground_darkBlue.png) repeat-y;
	position: relative;
}

.greyHero{
	background-color: #B4AEA4;
}

.greyHero_inner{
	overflow: hidden;
	background: #6B614C url(../images/bground_grey.png) repeat-y;
	position: relative;
}

.greenHero{
	background-color: #E7F0C3;
}

.greenHero_inner{
	overflow: hidden;
	background: #ACC269 url(../images/bground_green.png) repeat-y;
	position: relative;
}

.darkOrangeHero{
	background-color: #F1BF8D;
}

.darkOrangeHero_inner{
	overflow: hidden;
	background: #E5811F url(../images/bground_darkOrange.png) repeat-y;
	position: relative;
}

.blueHero{
	background-color: #B7E6F1;
}

.blueHero_inner{
	overflow: hidden;
	background: #71CFEC url(../images/bground_blue.png) repeat-y;
	position: relative;
}


.quotes{
	width:960px;
	height: 165px;
	margin: 0;
	padding: 0;
}

#hero blockquote {
	display: block;
	background-image: url(../images/quote_sprite.png);
	background-position: 0 0;
	background-repeat:  no-repeat;
	width:940px;
	height: 165px;
	text-indent:-9999px;
	padding: 0 10px;
	margin: 0;
}

#hero .moreQuotes {
	position: absolute;
	bottom: 10px;
	right: 15px;
	padding: 0;
	margin: 0;
	z-index: 100;
}

#hero .moreQuotes a {
	display: block;
	background: transparent url(../images/moreQuotes_btn.png) 0 0 no-repeat;
	width:140px;
	height: 20px;
	text-indent:-9999px;
}

#hero .moreQuotes a:hover {
	background: transparent url(../images/moreQuotes_btn.png) 0 -20px no-repeat;
}

/* ******************************* */
/*      Body Content Styles        */
/* ******************************* */
#content {
	clear: both;
	overflow: hidden;
	background-color: #F2F0EE;
}

.home .content_inner {
	overflow: hidden;
	background: #F8F8F6 url(../images/content_inner_bground.png) 0 0 repeat-x;
	padding: 20px 0 120px 0;
	border-bottom: 5px solid #D0E188;
	border-top: none;
}

.content_inner {
	overflow: hidden;
	padding: 20px 0 120px 0;
	border-bottom: 5px solid #D0E188;
	border-top: 5px solid #695E4A;
	background-color: #F8F8F6;
}

.content_inner h2 {
	font-size: 2.2em;
	line-height: 1.2em;
	font-weight: normal;	
}

.content_inner h3 {
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: 700;
	margin-top: 15px;
}

.content_inner h3 a {
	text-decoration: none;
}

.content_inner h3 a:hover {
	text-decoration: underline;
}

.content_inner h2.topline{
	border-top: 1px solid #9E9789;
	margin: 25px 0 0 0;
	padding: 10px 0 0 0;
}

.content_inner p {
	color: #695E4A;
	font-size: 1.2em;
}

.content_inner li {
	color: #695E4A;
	font-size: 1.2em;
	padding: 5px 0;
}

.content_inner dl {
	overflow: hidden;
	margin-top: 10px;
}

.content_inner dt {
	clear: both;
	float: left;
	font-size: 2.2em;
	line-height: 1.2em;
	font-weight: normal;
	padding: 15px 0 0 0;
	width: 160px;
}

.content_inner dt em {
	display: block;
	text-transform: uppercase;
	font-style: normal;
	color: #9E9789;
	font: 0.5em "Helvetica Neue", "Helvetica Condensed", "Arial Narrow", Helvetica, Arial,  sans-serif;
	line-height: 0.9em;
	padding: 10px 0 0 0;
}

.content_inner dd {
	padding: 18px 0 20px 180px;
	border-top: 1px solid #9E9789;
}

.colorDefault {
	color: #CADB84;
}

.colorBlue {
	color: #6FCDE4;
}

a.colorBlue{
	text-decoration: none;
}

a.colorBlue:hover {
	text-decoration: underline;
}

.colorGrey {
	color: #A49C8E;	
}

.colorOrange {
	color: #E2770B;
}

.colorGreen {
	color: #90B163;
}

.colorLightOrange{
	color: #F0A95C;
}

.clientList {
	margin: 5px 0;
	background-color: #fff;
}

.clientList li {
	color: #695E4A;
	font-size: 1.2em;
	padding: 5px 10px 5px 15px;
}

li.alternate {
	background-color: #E5F5FA;
}

.line {
	border-bottom: 1px solid #B6B2A7;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 0em;
}




/* ******************************* */
/*  HOME PAGE Workshop List Nav    */
/* ******************************* */
#workshopList {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0 0 40px 0;
	overflow: hidden;
}

#workshopList li {
	font-size: 1em;
	display: block;
	float: left;
	text-align: center;
	margin-right: 20px;
}

#workshopList li a {
	display: block;
	color:#fff;
	text-decoration: none;
	font-weight: 700;
	background-color: #A49C8E;
	width: 160px;
	line-height: 1.5em;
	padding: 5px 0;
}

#workshopList li a:hover, #workshopList li a.highlight {
	color:#fff;
}

li#presentation a.highlight, li#presentation a:hover{
	background-color: #FBB161;
}

li#business_writing a.highlight, li#business_writing a:hover{
	background-color: #6FCDE4;
}

li#management a.highlight, li#management a:hover{
	background-color: #90B163;
}

li#business_skills a.highlight, li#business_skills a:hover{
	background-color: #E4801C;
}

#workshopList li ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
	overflow: hidden;
}

#workshopList li ul li {
	display: block;
	float: none;
	text-align: left;
	margin: 0;
	padding: 0;
}

#workshopList li ul li a {
	display: block;
	background-color: transparent;
	text-decoration: none;
	font-weight: 300;
	width: 160px;
	line-height: 1.3em;
	padding: 1px 0;
}

#workshopList li ul li a:hover {
	font-weight: 700;
	background-color: transparent;
}

li#presentation ul li a, li#presentation ul li a:hover {
	color: #FBB161;	
}

li#business_writing ul li a, li#business_writing ul li a:hover {
	color: #6FCDE4;	
}

li#management ul li a, li#management ul li a:hover {
	color: #90B163;	
}

li#business_skills ul li a, li#business_skills ul li a:hover {
	color: #E4801C;	
}

/* ******************************* */
/*      Workshop Page Styles       */
/* ******************************* */
#nav_workshop{
	list-style: none;
	margin: 0;
	padding: 0 0 40px 0;
	overflow: hidden;
}

#nav_workshop li {
	display: block;
	font-size: 1em;
}

#nav_workshop li a {
	display: block;
	color:#ffffff;
	text-decoration: none;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 2px 5px ;
}

#nav_workshop li a.presentation {
	background-color: #FBB161;
}

#nav_workshop li a.business_writing {
	background-color: #6FCDE4;
}

#nav_workshop li a.management {
	background-color: #90B163;
}

#nav_workshop li a.business_skills {
	background-color: #E4801C;
}

#nav_workshop li ul{
	display: none;
	padding-top: 5px;
}

#nav_workshop li ul li {
	padding: 0;
}

#nav_workshop li ul li a {
	font-size: 1em;
	padding: 0 5px;
}

#nav_workshop li ul li a:hover {
	font-weight: 700;
}

#nav_workshop li.presentation ul li a {
	color: #FBB161;
}

#nav_workshop li.business_writing ul li a {
	color: #6FCDE4;
}

#nav_workshop li.management ul li a {
	color: #90B163;
}

#nav_workshop li.business_skills ul li a {
	color: #E4801C;
}

/* ******************************* */
/*      VCARD Styles	           */
/* ******************************* */
#content .vcard {
	font-weight: bold;
}

#content .vcard .adr {
	padding: 0 0 0 40px;
	background: transparent url(../images/icon_cnt_mail.png) no-repeat top left;
	min-height: 30px;
}

#content .vcard .tel {
	padding: 5px 0 0 40px;
	background: transparent url(../images/icon_cnt_phone.png) no-repeat top left;
	min-height: 30px;
}



/* ******************************* */
/*      FORM Styles	           	   */
/* ******************************* */
	
form {
	margin:0px;
	padding:0px;
}

select {
	font-size:1.2em;
}

fieldset {
	border:none;
	margin:5px 0 10px 0;
	padding:10px 10px 10px 0;
	display:block;
}

legend{
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #695E4A;
	font-weight: 700;
}

label {
	display: block;
	padding: 6px 0 2px 0;
}

label.error{
	color: #BC4245;
	padding: 6px 0 5px 33px;
	background: #FFFFCC url(../images/icon_error_arrow.png) 10px 1px no-repeat;
	width: 40em;
}

form input[type="text"], form input[type="password"]{
	font-size: 1.1em;
	width: 40em;
	border: none;
	background: transparent url(../images/bground_form_textfield.png) bottom right no-repeat;
	padding: 5px 0 10px 0;
}


form textarea{
	font-family: "Arial Narrow";
	font-size: 1.1em;
}

form textarea.contact_us, form textarea.meta_desc {
	background: transparent url(../images/bground_form_textarea.png) bottom right no-repeat;
	padding: 5px 0 10px 0;
	width: 40em;
	height: 5em;
	border: none;
}

p.error_message{
	display: block;
	background-color: #FFFFCC;
	color: #BC4245;
	padding: 10px 10px 10px 50px;
	margin: 0 0 10px 0;
	border: 1px solid #BC4245;
	font-weight: 700;
	background: #FFFFCC url(../images/icon_error_exclaim.png) 10px 7px no-repeat;
}

.button {
	clear:both;
	display:block;
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 5px 10px;
	background-color: #E4801C;
	color: #FFF;
	font-size: 1.2em;
	text-decoration: none;
	border: none; /*1px solid #EAA762;*/	
}





/* ******************************* */
/*      Footer Content Styles      */
/* ******************************* */
#footer {
	overflow: hidden;
	background-color: #C1BBAF;
}

#footer h6 {
	padding: 20px 10px 0 0;
	float: right;
}

#footer h6 a {
	display: block;
	background: url(../images/logo-amy-hohulin-footer.png) no-repeat;
	width:197px;
	height: 46px;
	text-indent:-9999px;
	text-decoration:none;
	border-bottom: none;
}

.footer_inner {
	overflow: hidden;
	background-color: #746C5C; /*#887F6F;*/
	padding-top: 13px;
	color: #fff;
}

.footer_inner h4 {
	line-height: 1em;
	margin-top: 12px;
}

.footer_inner p {
	line-height: 1.4em;
}

.footer_inner a, .footer_inner a:link {
	color: #D0E188;
	text-decoration: none;
}

.footer_inner a:hover {
	text-decoration: underline;
}

.copyright {
	color: #B7B1A6;
	font-size: 0.8em;
	margin-bottom: 10px;
	border-bottom: 1px solid #968D7E;
}

.copyright p {
	border-top: 1px solid #968D7E;
	padding: 4px 0;
}

.copyright a, .copyright a:link {
	color: #B7B1A6;
	text-decoration: none;
}

/*******************************/
/*    ADMIN STYLES            */
/******************************/
#header_admin ul {
	width: 820px;
	background-color: #695E4A;
	font-size: 1.2em;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#header_admin li {
	float: left;
}

#header_admin li.greeting{
	font-weight: 700;
	background-color: #E5811F;
}

#header_admin li a, #header_admin li.greeting {
	color: #fff;
	display: block;
	padding: 10px 10px;
	text-decoration:none;
}

#header_admin a:hover {
	text-decoration:underline;
	background-color: #786D59;
}


h2.notice {
    display: block;
    border: 2px solid #0F7321;
    background-color: #17B01A;
    margin: 5px 0;
    padding: 10px 10px;
    font-size: 1.5em;
    color: #fff;
 } 

 h2.warning {
    display: block;
    border: 2px solid #631615;
    background-color: #B02725;
    margin: 5px 0;
    padding: 10px 10px;
    font-size: 1.5em;
    color: #fff;
 }
 

  dl.webmaster_pagelist {
 	clear: both;
 	display: block;
 	margin-top: 0;
 } 
 
 .webmaster_pagelist dt {
 	float: left;
 	width: 200px;
 	font-size: 1.2em;
 	border-top:1px solid #9E9789;
 	padding: 15px 0 0 0;
 }
 
 .webmaster_pagelist dd {
 	display: block;
 	float: left;
 	padding: 10px 10px;
 	border-top:1px solid #9E9789;
 }
 
 
 .webmaster_pagelist dd a {
 	display: block;
 	text-decoration: none;
 	padding: 5px 10px;
 	background-color: #F2F0EE;
 	border: 1px solid #695E4A;
 	color: #00AECC;
}
 
  .webmaster_pagelist dd a:hover {
 	background-color: #695E4A;
 	color: #fff;
  }
  
  .content_inner_edit {
	width: 980px;
}

a.dontsave {
background-color:#F2F0EE;
border:1px solid #695E4A;
color:#695E4A;
display:block;
padding:5px 10px;
text-decoration:none;
}

a.dontsave:hover {
color:#EF811F;
text-decoration: underline;
}