/*
Theme Name: Kat Westcott Graphic Design
Author: http://halcyonweb.com
Author URI: http://halcyonweb.com
*/
* { margin: 0px; padding: 0px; }
body { 
	background: url(images/site_bg.jpg);
	color: #585755;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif
;
	margin: 0px 0px 0px 0px;
}
a, a:visited, #sidebar ul li a { 
	color: #698299;
	font-weight: normal;
	text-decoration: none;
}
a:hover { font-weight: normal; text-decoration: none; color: #000000; }
ul li img { border: none; }
#container {
	background: #ECEFDE url(images/vertical-divider-line.png) repeat-y 687px 0;
	width: 902px;
	text-align: left;
	margin: 20px auto;
}
.about #container, .home #container  { background: #ECEFDE; }
#header {
	height: 84px;
	background: #000 url(images/header_image.png) top left no-repeat;
	position: relative;
}
#header h1 { position: absolute; top: -100px; }
#header a { display: block; height: 100%; width: 100%; }
#menu { text-align: center; height: 41px; }
#menu img{ border: none; }
#menu h2 { 
	color: #ffffff;
	font-size: 15px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#menu ul { }
#menu li { 
	float: left;
	list-style-type: none;
	background-image: url(images/navbuttons.png);
   background-repeat: no-repeat;
	height: 41px;
}
#menu li#web { width: 165px; background-position: 0 0;  }
#menu li#print { width: 165px; background-position: 0 -41px; }
#menu li#package { width: 197px; background-position: 0 -82px; }
#menu li#logo { width: 163px; background-position: 0 -123px; }
#menu li#about { width: 104px; background-position: 0 -164px; }
#menu li#contact { width: 108px; background-position: 0 -205px; }

#menu li#web:hover { background-position: -197px 0;  }
#menu li#print:hover { background-position: -197px -41px; }
#menu li#package:hover { background-position: -197px -82px; }
#menu li#logo:hover { background-position: -197px -123px; }
#menu li#about:hover { background-position: -197px -164px; }
#menu li#contact:hover { background-position: -197px -205px; }

.web #menu li#web { background-position: -394px 0;  }
.print #menu li#print { background-position: -394px -41px; }
.package #menu li#package { background-position: -394px -82px; }
.logo #menu li#logo { background-position: -394px -123px; }
.about #menu li#about { background-position: -394px -164px; }
.contact #menu li#contact { background-position: -394px -205px; }

#menu ul li a { 
	display: block;
	outline: none;
	width: 100%;
	height: 100%;
}
/*menu ul li a:hover { }*/
#content {
	margin: 20px 0 50px 50px;
	min-height: 500px;
}
.about #content { margin-bottom: 0; }
.home #content { min-height: 0px; margin-bottom: 0;}
#content p{ margin: 0px; line-height: 18px; padding: 0px 0px 10px 0px; }
#content p img{ border: none; padding: 0px 10px 10px 0px; }
#content h1 { 
	color: #333333;
	font-size: 22px;
	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	line-height: 150%;
	margin: 0px;
}
#content h1 a { color: #cccccc; text-decoration: underline; }
#content h1 a:hover { color: #2397E9; text-decoration: none; }
#content h2 { 
	color: #333333;
	font-size: 21px;
	font-family: Georgia, Times New Roman, Serif;
	font-weight: normal;
	margin-top: 8px;
        margin-bottom: 8px;
	line-height: 120%;
	font-variant: normal;
}
#content h2 a, #content h3 a { color: #333333; text-decoration: none; }
#content h2 a:hover { 
	color: #2397E9;
	background: none;
	text-decoration: underline;
}
#content h3 { 
	color: #333333;
	font-size: 14px;
	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 120%;
}
#content h3 a:hover { 
	color: #2397E9;
	background: #ffffff;
	text-decoration: underline;
}
#content ol { 
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 30px;
}
#content ul { list-style: none; margin: 0px; padding: 0px 0px 10px 0px; }
#content ul li { 
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}
#content ul li a { color: #666666; text-decoration: none; outline: none; }
#content ul li a:hover { color: #000000; text-decoration: underline; }

#content .content-left {
	width: 515px;
	float: left;
/*	margin-top: 6px;  */
	padding: 0 0 0 30px;
}
.about #content .content-left {
	width: 350px;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0;
}
.home #content .content-left {
	width: 45%;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0;
}
.home #content .content-footer {
	height: 300px;
	width: 900px;
	background: url(images/slider_bg.png) no-repeat;
	float: left;
	margin-left: -50px;
 }
#content .content-right { width: 215px; float: right; padding-bottom: 10px; }
.about #content .content-right { width: 425px; margin-right: 30px; }
.home #content .content-right { width: 45%; margin-right: 30px; }
#content .content-right li { width: 90px; float: left; list-style-type: none;  }
#content .content-right li img { border: none; }
#content .content-right li a.thumb {
	display: block;
	height: 90px;
	width: 90px;
	border: none;
	text-decoration: none;
}
blockquote {
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	font-style: italic;
	color: #666666;
	border-left: 1px solid #cccccc;
}
#content blockquote p{ margin: 0px 0px 20px 0px; padding: 0px; }
/*.postspace { width: 440px; height: 32px; margin: 0px; padding: 0px; }
.postspace2 { width: 440px; height: 0px; margin: 0px; padding: 0px; }
.postspace3 { width: 440px; height: 15px; margin: 0px; padding: 0px; }*/
#sidebar { 
	color: #000000;
	width: 215px;
	float: right;
	position: relative;
	margin: 20px 30px 20px 0px;
	padding: 20px 30px 20px 30px;
	text-align: left;
}
#sidebar p{ margin: 0px; line-height: 16px; padding: 5px 0px 10px 0px; }
#sidebar h2 { 
	color: #333333;
	font-size: 15px;
	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;
	list-style: none;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	border-bottom: 1px solid #cccccc;
}
#sidebar ul { list-style: none; margin: 0px; padding: 5px 0px 5px 0px; }
#sidebar li { list-style: none; margin: 0px; padding: 0px; }
#sidebar ul li { list-style: none; margin: 0px; padding: 6px 0px 5px 0px; }
#sidebar ul li a:hover { color: #000000; text-decoration: none; }
#sidebar ul li ul li { padding: 10px 0px 0px 15px; }
#sidebar ul li ul li a { color: #2397E9; }
#footer {
	color: #6d8295;
	background: #9AAFC2;
        font-weight: normal;
        line-height: 17px;
	padding: 10px 20px;
/*	height: 20px;       */
        text-align: center;
	clear: both;
}
#footer a { color: #ECEFDE; text-decoration: none; }
#footer a:hover { color: #FFFFFF; text-decoration: underline; }
#footer ul { padding-bottom: 8px; }
#footer li { display: inline; list-style-type: none; text-align: center; padding-right: 10px; }
/*   home page */
#home-footer { margin-left: -50px; }
/*   about page */
#about-footer { margin-left: -50px; }


/*  override colorbox stylesheet styling */
#colorbox { top: 149px !important; margin-left: -115px; }
.package #colorbox { margin-left: -103px; }
.package #colorbox { margin-left: -90px; }
#cboxPhoto { background-color: #000; }
#cboxOverlay { background: #000000; }
#cboxBottomLeft, #cboxBottomRight, #cboxBottomCenter, #cboxMiddleLeft,
   #cboxMiddleRight, #cboxTopLeft, #cboxTopCenter, #cboxTopRight {
		background: none;
}

/* homepage slider styling */
#jFlowSlide{ background:#e1edf2; font-family: Georgia; }  
#myController {
        font-family: Georgia;
	margin-top: 12px;
	padding:2px 0;
	width:610px;
	background:#e3e5d2;
        opacity: .75; filter: alpha(opacity=75);
}
#myController span.jFlowSelected { background:#dee4b5; margin-right:0px; }
   
.slide-wrapper { padding: 10px; }
.slide-thumbnail { width:300px; float:left; }
.slide-thumbnail img {max-width:300px; }  
.slide-details { width:270px; float:rightright; margin-left:10px; float: right;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }  
.slide-details .description { margin-top:10px; }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#b1ad7c; cursor:pointer; padding-left:70px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #FFF; }
.jflow-content-slider { padding-top: 10px; padding-left: 142px;}

/* thumbnail images on home page */
ul#home-thumbnails li { float: left; margin: 5px 7px 20px -5px; text-decoration: none; }