/* ----------------------------------------------------------------
* BROWSER RESET
 * ----------------------------------------------------------------
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* ---------------------------------------------------------------- 
*  CSS BASE STRUCTURE
* ---------------------------------------------------------------- 
*/ 

html {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

body {
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding: 0;
}

#wrapper #main {
	width: 980px;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #bcbcbc;
	float: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #2a2a2a;
}

/* ---------------------------------------------------------------- 
*  HEADER DIV
* ---------------------------------------------------------------- 
*/ 

#header {
height: 100px;
border-bottom: 1px solid #bcbcbc;
}

#wrapper #header #logo {
width: 443px;
float: left;
}

#wrapper #header #logo h1 {
	padding:0;
	font-size: 11px;
	height: 74px;
	width: 443px;
	text-indent: -9999px;
	display: inline-block;
	background: url(http://kristenwinstoncatering.com/templates/images/logo_kristen_winston.gif) no-repeat;
	background-position: 0% 100%;
	margin: 20px 0 0 0;
}
#wrapper #header #logo h1 a {
	margin: 0;
	display: block;
	height: 74px;
	width: 443px;
	font-weight: bold;
	text-decoration: none;
}


#wrapper #header #nav {
	float: right;
	font-size: 12px;
	position: 70% 100%;
	top: 70px;
	position: relative;
}


#wrapper #header #nav ul {
	display: inline;
	margin: 0;
	padding: 0;
}

#wrapper #header #nav li {
	display: inline;
	margin: 0;
	padding: 0 5px;
}

#wrapper #header #nav a {
	text-decoration: none;
	color: #000;
}

#wrapper #header #nav .active {
color: #5a802b;
}

#wrapper #header #nav a:hover {
	text-decoration: underline;
	color: #5a802b;
}


/* ---------------------------------------------------------------- 
*  HEADER DIV
* ---------------------------------------------------------------- 
*/ 


#photo_header_index {
margin: 6px 0 20px 0;
padding: 0 0 4px 0;
border-bottom: 1px solid #bcbcbc;
background: url(http://kristenwinstoncatering.com/templates/images/loading_bg.gif) 0 50% no-repeat;
}

#photo_header_index img {
border: 1px solid #bcbcbc;
}



#photo_header {
margin: 6px 0 20px 0;
padding: 0 0 4px 0;
border-bottom: 1px solid #bcbcbc;
}

#photo_header img{
border: 1px solid #bcbcbc;
}

/* ---------------------------------------------------------------- 
*  INDEX MAIN COL DIVs
* ---------------------------------------------------------------- 
*/ 


#wrapper #index_main {
	margin: 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #bcbcbc;
	float: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #2a2a2a;
}

#wrapper #index_main a {
font-size: 11px;
}

#wrapper #index_main #index_menu_col {
	margin: 0;
	padding: 0 20px 0 0;
	width: 290px;
	float: left;
	display: inline-block;
}

#wrapper #index_main #index_photogallery_col {
	margin: 0;
	padding: 0 20px;
	width: 300px;
	border-right: 1px solid #bcbcbc;
	border-left: 1px solid #bcbcbc;
	float: left;
	display: inline-block;
}

#wrapper #index_main #index_about_col {
	margin: 0;
	padding: 0 0 0 20px;
	width: 290px;
	float: left;
	display: inline-block;
}

/* ---------------------------------------------------------------- 
*  INDEX MAIN COL H2 HEADER STYLES
* ---------------------------------------------------------------- 
*/ 


#wrapper #index_main #index_menu_col h2 {
	padding:0;
	font-size: 11px;
	height: 46px;
	width: 157px;
	text-indent: -9999px;
	display: inline-block;
	background: url(http://kristenwinstoncatering.com/images/headers/header_menus.gif) no-repeat;
	background-position: 0% 100%;
	margin: 0 0 15px 66px;
}

#wrapper #index_main #index_menu_col h2 a {
	margin: 0;
	display: block;
	height: 46px;
	width: 157px;
	text-decoration: none;
}

#wrapper #index_main #index_photogallery_col h2 {
	padding:0;
	font-size: 11px;
	height: 46px;
	width: 157px;
	text-indent: -9999px;
	display: inline-block;
	background: url(http://kristenwinstoncatering.com/images/headers/header_photogallery.gif) no-repeat;
	background-position: 0% 100%;
	margin: 0 0 15px 66px;
}

#wrapper #index_main #index_photogallery_col h2 a {
	margin: 0;
	display: block;
	height: 46px;
	width: 157px;
	text-decoration: none;
}


#wrapper #index_main #index_about_col h2 {
	padding:0;
	font-size: 11px;
	height: 46px;
	width: 157px;
	text-indent: -9999px;
	display: inline-block;
	background: url(http://kristenwinstoncatering.com/images/headers/header_about.gif) no-repeat;
	background-position: 0% 100%;
	margin: 0 0 15px 66px;
}

#wrapper #index_main #index_about_col h2 a {
	margin: 0;
	display: block;
	height: 46px;
	width: 157px;
	text-decoration: none;
}

/* ---------------------------------------------------------------- 
*  INDEX MAIN COL STYLES
* ---------------------------------------------------------------- 
*/ 

#wrapper #index_main p {
	margin: 0 auto 10px;
	width: 260px;
	clear: both;
	position: relative;
	top: 20px;
	line-height: 16px;
 }
 
#wrapper #index_main #index_menu_col p {
	margin: 0 auto 10px;
	width: 260px;
	clear: both;
	position: relative;
	top: 0;
 }

#wrapper #index_main #index_photogallery_col p {
	margin: 0 auto 10px;
	width: 260px;
	clear: both;
	position: relative;
	top: 30px;
 }

#wrapper #index_main img {
	padding:1px;
	border: 1px solid #dfdfdf;
	text-align: center;
}


#wrapper #index_main ul {
	text-align: center;
	display: inline;
	list-style-type: none;
	
}

#wrapper #index_main li {
	text-align: center;
	display: inline-block;
	list-style-type: none;
	float: left;
}

#wrapper #index_main li a {
	color: #cc4e53;
	text-decoration: none;
	display: block;
}

#wrapper #index_main #index_about_col {}



#wrapper #index_main #index_photogallery_col #index_photogallery_thumbnails {
	margin: 0 auto 10px;
	width: 230px;
}

#wrapper #index_main #index_photogallery_col li{
	padding: 0 10px;
}


#wrapper #index_main #index_menu_col #index_menu_thumbnails {
	margin: 0 auto 10px;
	width: 285px;
}


#wrapper #index_main #index_menu_col li{
	padding: 0 7px;
	width: 76px;
	height: 100px;
	display: inline-block;
}

#wrapper #index_main #index_about_col #index_menu_thumbnails {
	margin: 0 auto 10px;
	width: 235px;
}

#wrapper #index_main #index_about_col li{
	padding: 0;
}

#wrapper #index_main #index_about_col #links .links {
	padding: 0;
	display: inline;

}

#wrapper #index_main #index_about_col  a{
	color: #cc4e53;
	text-decoration: none;
	display: block;
	}

#wrapper #index_main #index_about_col #links a:hover{
	text-decoration: underline;
	}

#wrapper #index_main #index_about_col #links {
	margin: 0 auto 10px;
	width: 240px;
	clear: both;
	position: relative;
	top: 0;
	}

/* ---------------------------------------------------------------- 
* FOOTER STYLES
* ---------------------------------------------------------------- 
*/ 

#footer {
text-align: center;
margin: 15px 0 0;
width: 980px;
float: left;
}

#footer p {
color: #7e7e7e;
font-size: 9px;
margin: 10px 0 0;
}

#footer p a{
color: #4d7109;
}

#wrapper #footer ul {
	display: inline;
	margin: 10px 0;
	padding: 0;
}

#wrapper #footer li {
	display: inline;
	margin: 0;
	padding: 0 5px;
	text-transform: uppercase
}

#wrapper #footer li a {
	color: #2a2a2a;
	text-decoration: none;
}

#wrapper #footer li a:hover {
	color: #5a802b;
	text-decoration: underline;

}


/* ---------------------------------------------------------------- 
*  MENU STYLES
* ---------------------------------------------------------------- 
*/


/* ---------------------- MENU NAV COL STYLES -------------------------- */

#wrapper #menu_side_col {
	width: 420px;
	float: left;
	height: 100%;
}

#wrapper #menu_nav ul {
	width: 420px;
	list-style-type: none;
	display: inline-block;
	margin: 0;
	font-family: Arial;
	font-size: 12px;
	
}

#wrapper #menu_nav li {
	width: 125px;
	height: 125px;
	list-style-type: none;
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 0;
	float: left;
	text-align: center;
}


#wrapper #menu_nav li a{
	width: 125px;
	height: 125px;
	list-style-type: none;
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 0;
	text-decoration: none;
	color: #fff;
}

#wrapper #menu_nav .color1 a {
	background-color: #8fc867;
}

#wrapper #menu_nav .color2 a{
	background-color: #719b83;
}

#wrapper #menu_nav .color3 a {
	background-color: #5a802b; }




#wrapper #menu_nav li a:hover{
	color: #383e30;
	background-color: #beeb9f;
	text-decoration: none;
}

#wrapper #menu_nav span {
position: relative;
top: 55px;
}

#wrapper #menu_side_col h2 {
	padding:0;
	font-size: 11px;
	height: 29px;
	width: 174px;
	text-indent: -9999px;
	display: inline-block;
	background: url(http://kristenwinstoncatering.com/images/headers/header_menus_selection.gif) no-repeat;
	background-position: 0% 100%;
	margin: 15px 0 15px 0;
}

#wrapper #menu_side_col h2 a {
	margin: 0;
	display: block;
	height: 29px;
	width: 174px;
	text-decoration: none;
}

#wrapper #menu_side_col p {
	line-height: 16px;
	margin: 0 0 12px 0;
	font-size: 12px;
}

/* ---------------------- MENU STYLES -------------------------- */

#wrapper #menu_col {
	width: 545px;
	float: right;
	font-family: Verdana;
}




#wrapper #menu_col p {
	text-align: center;
	color: #2a2a2a;
	font-weight: normal;
	font-size: 13px;
	margin: 0 0 14px 0;
	line-height: 18px;

}

#wrapper #menu_col h2 {
	color: #4d7109;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
	margin: 30px 0 10px;

}

#wrapper #menu_col h3 {
	color: #2a2a2a;
	font-size: 13px;
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;

}

/* ---------------------------------------------------------------- 
*  PORTFOLIO NAV AND BODY STYLES
* ---------------------------------------------------------------- 
*/

#wrapper #portfolio_main {
	width: 725px;
	float: right;
}



#wrapper #portfolio_contact h1, #wrapper #portfolio_qa h1, #wrapper #portfolio_about h1{
	width: 725px;
	float: right;
	padding:0;
	font-size: 11px;
	height: 45px;
	border-bottom: 1px solid #bcbcbc;
	display: block;
	text-indent: -9999px;
	display: inline-block;
	margin: 0 0 20px 0;
}

#wrapper #portfolio_nav {
	width: 200px;
	height: 425px;
	min-height: 425px;
	height: auto !important;
	border-right: 1px solid #bcbcbc;
	padding: 0 20px 0 0;
	margin: 0;
	float: left;
}

#wrapper #portfolio_nav ul{
	width: 200px;
	list-style-type: none;
	display: inline-block;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	border-top: 1px solid #999;
	}
	


#wrapper #portfolio_nav li{
	width: 200px;
	height: 32px;
	list-style-type: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	float: left;
	border-bottom: 1px solid #999;
	
	}

#wrapper #portfolio_nav li a{
	width: 200px;
	height: 32px;
	list-style-type: none;
	display: inline-block;
	margin: 0;
	float: left;
	text-decoration: none;
	color: #1b2f03;
	vertical-align: middle;
	}

#wrapper #portfolio_nav span{
position: relative;
top: 5px;
left: 13px;
}

#wrapper #portfolio_nav .active a {
	background-color: #8fc867;

}

#wrapper #portfolio_nav li a:hover{
	color: #1b2f03;
	background-color: #beeb9f;
	text-decoration: none;
}
/* ---------------------------------------------------------------- 
*  PORTFOLIO ABOUT STYLES
* ---------------------------------------------------------------- 
*/

#wrapper #portfolio_about h1 {

	background: url(http://kristenwinstoncatering.com/images/headers/header_about_kristen_winston.gif) no-repeat;
	background-position: 0% 50%;

}

#wrapper #portfolio_about a {
	color: #5d7f28;
	text-decoration: underline;
}

#wrapper #portfolio_about img {
	float: left;
	margin: 0 20px 0 0;
	border: 1px solid #bcbcbc;
	padding: 0 0 0 5px;
}

#wrapper #portfolio_about div p {
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 15px 0;
}


/* ---------------------------------------------------------------- 
*  PORTFOLIO CONTACT STYLES
* ---------------------------------------------------------------- 
*/

#wrapper #portfolio_contact h1 {
	background: url(http://kristenwinstoncatering.com/images/headers/header-contact.gif) no-repeat;
	background-position: 0% 50%;
}

#wrapper #portfolio_contact #border {
	border-top: 1px solid #bcbcbc;
	width: 100%;
	margin: 20px 0 0;
}


#wrapper #portfolio_contact p {
	margin: 10px 0 0 40px;
	color: #2a2a2a;
}

#wrapper #portfolio_contact {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
}


#wrapper #portfolio_contact a {
	color: #5a802b;
	text-decoration: none;
}

#wrapper #portfolio_contact a:hover {
	text-decoration: underline;
}

/* ---------------------------------------------------------------- 
*  PORTFOLIO Q&A / ACCORDION STYLES
* ---------------------------------------------------------------- 
*/

#wrapper #portfolio_qa h1 {
	background: url(http://kristenwinstoncatering.com/images/headers/header_faq.gif) no-repeat;
	background-position: 0% 50%;
}

#wrapper #portfolio_qa {

}


		
		/*
			Vertical Accordions
		*/

		
		.accordion_toggle {
			display: block;
			height: 27px;
			width: 670px;
			background: url(http://kristenwinstoncatering.com/images/construction/accordion_toggle.jpg) no-repeat top right;
			padding: 0;
			line-height: 27px;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 13px;
			color: #000000;
			cursor: pointer;
			margin: 0 0 5px 0;
			text-indent: 20px;
			font-family: Georgia, "Times New Roman", Times, serif;
		}


		
		.accordion_toggle_active {
			background: url(http://kristenwinstoncatering.com/images/construction/accordion_toggle_active.jpg) no-repeat top right;
			color: #ffffff;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
			font-size: 13px;
			line-height: 16px;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content h5 {
				margin: 15px 0 5px 10px;
				color: #b56e35;
			}
			
			.accordion_content p {
				margin: 10px 15px 10px 30px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(http://kristenwinstoncatering.com/images/construction/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 13px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
			font-family: Georgia, "Times New Roman", Times, serif;
		}

		.vertical_accordion_toggle_active {
			background: url(http://kristenwinstoncatering.com/images/construction/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				width: 600px;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(http://kristenwinstoncatering.com/images/construction/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(http://kristenwinstoncatering.com/images/construction/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
#vertical_container {
width: 670px;
float: left;
clear: both;
}

    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }

/* ---------------------------------------------------------------- 
*  PHOTO GALLERY DIV
* ---------------------------------------------------------------- 
*/ 

#wrapper #photo_gallery_object {
	width: 980px;
	margin: 10px auto;
	background: url(http://kristenwinstoncatering.com/templates/images/loading_bg2.gif) 0 50% no-repeat #666;
}

#wrapper #photo_gallery_object object{
	margin: 0 0 0 115px;
}

#wrapper #photo_gallery_nav {
	margin: 20px auto;
	width: 320px;
	position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}

#wrapper #photo_gallery_nav img {
	padding:1px;
	border: 1px solid #dfdfdf;
}

#wrapper #photo_gallery_nav ul {
	text-align: center;
	display: inline;
	list-style-type: none;
}

#wrapper #photo_gallery_nav li {
	text-align: center;
	display: inline-block;
	list-style-type: none;
	float: left;
	padding: 0 20px;
}

#wrapper #photo_gallery_nav li a {
	text-decoration: none;
	color: #2b2b2b;
}


#wrapper #photo_gallery_nav li a:hover {
	text-decoration: none;
	color: #4d7109;
}