/* @override http://holycowbranding.com/holycowb_ee/stylesheets/master.css */

/*-------------------------------------
Holy Cow Branding

version: 	1.0
author: 	IMP Designs
email:		info@impdesigns.com
website:	http://www.impdesigns.com
copyright:	(c)2008	
---------------------------------------*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	vertical-align: baseline;
	list-style: none;
}


html {
	width: 100%;
	height: 100%;
}

body {
	font: 14px/16px "Trebuchet MS", Arial, sans-serif;
	color: #e3e3e3;
	background: #663304 url(../images/backgrounds/body_background.jpg) no-repeat center 0;

}

/* @group MISCELLANEOUS */

.floatLeft{
	float: left !important;
}

.floatRight{
	float: right !important;
}

.clear{
	clear: both !important;
}

.noMargin{
	margin: 0 !important;
}

.legroom{
	margin-bottom: 18px !important;
}

.headroom{
	margin-top: 18px !important;
}

.center{
	text-align: center;
}

/* @end */

/* @group STRUCTURE */

.wrapper {
	width: 918px;
	margin: 0 auto;
	height: 100%;
}


.header {
	height: 193px;
}

#content {
	height: 100%;
}

.footer {
	height: 100px;
}

.header .wrapper .double_column {
	background: url(../images/backgrounds/header.jpg) no-repeat 0 bottom;
	width: 600px;
	padding-left: 20px;
}
#work .header .wrapper .double_column {
	background: url(../images/backgrounds/sub_header.jpg) no-repeat 0 bottom;
	width: 600px;
	padding-left: 20px;
}
#work #content .wrapper .double_column {
	background: transparent url(../images/backgrounds/work_strip.png) repeat-y 0 0;
}

#content .wrapper .double_column {
	background: transparent url(../images/backgrounds/main_strip.png) repeat-y 0 0;
	padding-bottom: 20px;
}

.footer .wrapper .double_column{
	background: transparent url(../images/backgrounds/footer.png) no-repeat 0 0;
}

#work .footer .wrapper .double_column {
	background: transparent url(../images/backgrounds/work_footer.png) no-repeat 0 0;
}

/* @group COLUMNS */

.left_column {
	width: 298px;
	float: left;
}

.center_column {
	float: left;
	width: 320px;
	padding: 0 25px 0 28px;
}



#home .center_column {
	border-right-style: none;
}

.right_column {
	float: left;
	width: 205px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
.slideshow_column{
	float: left;
	width: 560px;
padding: 0 0 0 28px;
}

.thumbnail_column {
	float: left;
	width: 145px;
	padding: 120px 0 0;
}


.double_column {
	width: 620px;
	behavior: url(/holycowb_ee/stylesheets/iepngfix.htc);
	height: 100%;
	float: right;
}

/* @end */


/* @end */

/* @group ELEMENTS */

#logo {
	text-indent: -9999px;
	background: url(../images/elements/logo.jpg) no-repeat 0 0;
	height: 181px;
	float: left;
	width: 271px;
}

#logo a {
	width: 100%;
	height: 100%;
	display: block;
}

#site_creator{
	display: block;
	width: 100px;
	height: 30px;
	text-indent: -9999px;
	background: url(../images/logos/imp_designs.gif) no-repeat 0 0;
	float: right;
}

a img.page_image {
	padding: 2px;
	margin-bottom: 10px;
	background-color: #663304;
}

a:hover img.page_image {
	background-color: #85c441;
}

a:active img.page_image {
	background-color: #0a258a;

}


/* @group PAGE ICONS */

#footer_icon {
	width: 56px;
	height: 100%;
	float: right;
	behavior: url(/holycowb_ee/stylesheets/iepngfix.htc);
}

#clients #footer_icon {
	background: url(../images/elements/page_icon_star.png) no-repeat 0 0;
}

#about #footer_icon {
	background: url(../images/elements/page_icon_question.png) no-repeat 0 0;
}

#what #footer_icon {
	background: url(../images/elements/page_icon_percent.png) no-repeat 0 0;
}

#work #footer_icon {
	background: url(../images/elements/page_icon_exclamation.png) no-repeat 0 0;
}

#contact #footer_icon {
	background: url(../images/elements/page_icon_at.png) no-repeat 0 0;
}

#home #footer_icon {
	background: url(../images/elements/page_icon_up.png) no-repeat 0 0;
}

/* @end */



/* @group FRAME */
#frame{
	margin-bottom: 18px;
}

	#frame .frame-heading{
		padding: 0 8px;
		height: 45px;
		text-align: center;
		background: url(../images/elements/frame-top.jpg) no-repeat 0 0;
		font: 3em/55px Georgia, "Times New Roman", Times, serif;
		color: #6c0000;
}
	
	#frame .frame-middle{
		padding: 5px 12px;
		color: #333 !important;
		font-size: 1.4em;
		background: url(../images/elements/frame-middle.jpg) repeat-y 0 0;
	}
	
		#frame .frame-middle h2{
			color: #6c0000;
		}
	
	#frame .frame-bottom{
		height: 35px;
		background: url(../images/elements/frame-bottom.jpg) no-repeat 0 0;
	}
	
/* @end */

/* @group LISTS */
ul.simple_list{
	font-size: 1.3em;
}

	ul.simple_list li{
		padding: 8px 0;
		border-bottom: 1px solid #4d4d4d;
	}
	
/* @end */

/* @group MODULES */
.module{
	margin-bottom: 18px;
}

	.module h3.module_heading{
		margin-bottom: 8px;
		color: #fff;
		border-bottom: 10px solid #202020;
		font: 2em Georgia, "Times New Roman", Times, serif;
		line-height: 1.6em;
	}
	
	.module a.view_more{
		margin-top: 12px;
		float: right;
		font-size: 1.2em;
		color: #ccc;
	}


/* @end */


/* @group GRID ITEM */

.grid_item{
	float: left;
	width: 206px;
	margin-bottom: 18px;
}

	.grid_item img{
		padding: 8px;
		background-color: #494949;
		border: 2px solid #272727;
	}
	
		.grid_item a:hover img{
			border-color: #888;
		}
	
	.grid_item h4{
		font-weight: normal;
		font-size: 1.8em;
		color: #d6d6d6;
	}

	.grid_item.plain img{
		padding: 0;
		background: none;
		border: none;
	}

/* @end */
	
/* @group BUTTONS */
.side_col_button{
	margin-bottom: 10px;
	height: 50px;
	display: block;
	padding: 0 10px;
	line-height: 50px;
	font-size: 2.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(../images/buttons/side_column_button.gif);
}

	.side_col_button:hover{
		text-decoration: none;
	}


/* @end */

/* @end */

/* @group NAVIGATION */

/* @group MAIN NAV */

.main_nav {
	height: 215px;
}

ul#main_nav{
	text-indent: -9999px;
	width: 256px;
	float: right;
}

	ul#main_nav li{
	margin: 0;
	padding: 0;
}
	
	ul#main_nav li a{
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
}

ul#main_nav li#nav_home a {
	background: url(../images/elements/main_nav.gif) no-repeat 0 0;
	height: 48px;
}

ul#main_nav li#nav_about a {
	background: url(../images/elements/main_nav.gif) 0 -55px;
	height: 29px;
}

ul#main_nav li#nav_who a {
	background: url(../images/elements/main_nav.gif) 0 -85px;
	height: 28px;
}

ul#main_nav li#nav_what a {
	background: url(../images/elements/main_nav.gif) 0 -113px;
	height: 29px;
}

ul#main_nav li#nav_work a {
	background: url(../images/elements/main_nav.gif) 0 -142px;
	height: 30px;
}

ul#main_nav li#nav_contact a {
	background: url(../images/elements/main_nav.gif) 0 -172px;
	height: 35px;
}

/* HOVER
 */



ul#main_nav li#nav_home a:hover {
	background-position: -256px 0;
}

ul#main_nav li#nav_about a:hover {
	background-position: -256px -55px;
}

ul#main_nav li#nav_who a:hover {
	background-position: -256px -85px;
}

ul#main_nav li#nav_what a:hover {
	background-position: -256px -113px;
}

ul#main_nav li#nav_work a:hover {
	background-position: -256px -142px;
}

ul#main_nav li#nav_contact a:hover {
	background-position: -256px -172px;
}

/* CURRENT
 */

ul#main_nav li#nav_home.current a {
	background-position: -512px 0;
}

ul#main_nav li#nav_about.current a {
	background-position: -512px -55px;
}

ul#main_nav li#nav_who.current a {
	background-position: -512px -85px;
}

ul#main_nav li#nav_what.current a {
	background-position: -512px -113px;
}

ul#main_nav li#nav_work.current a {
	background-position: -512px -142px;
}

ul#main_nav li#nav_contact.current a {
	background-position: -512px -172px;
}

/* @end */



ul#footer_nav{
	font-size: 1.4em;
	float: left;
}

	ul#footer_nav li{
		margin-right: 10px;
		float: left;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	
	ul#footer_nav li a{
		color: #222;
	}
	
	ul#footer_nav li a:hover{
		text-decoration: none;	
		color: #fff;
	}
	
	ul#footer_nav li.current a{
		color: #fff;
	}
	
	#sub_nav.module li.current,
	#sub_nav.module li.current a:hover  {
	background-color: #8c8c8c;
	color: #ffffff;
	text-decoration: none;
}
	
/* @end */

/* @group SLIDESHOW */
#slideshow{
	position: relative;
	float: left;
}
#project_link{
	background-color: #85c441;
	position: absolute;
	z-index: 1000;
	display: none;
	right: 0;
	top: 250px;
	padding: 5px;
	opacity: 0.85;
	left: 0;
	height: 40px;
	color: #0a258a;
	width: 390px;
	margin: 0;
	font-size: .9em;
	line-height: 1em;
}
#project_link a{
	color: #0a258a;
	text-decoration: underline;
}
#project_link p{
	color: #0a258a;

}

#slides {
	width: 400px;
	height: 300px;
	padding: 0;
	float: left;
	margin: 0 15px 0 0;
}

#slides img{
	margin: 0;
	padding: 0;
}
#slideshow_nav{
	margin: 0;
	padding: 0;
	width: 145px;
	float: right;
}
#slideshow_nav li{
	float: left;
	width: 58px;
	list-style-type: none;
	padding: 0 5px 5px;
}

#slideshow_nav a{
	width: 50px;
	padding: 3px;
	display: block;
	border-style: solid;
	border-width: 1px;
}
#slideshow_nav a.activeSlide{
	background-color: #0a258a;
}
#slideshow_nav a:focus{
	outline: none;
}
#slideshow_nav img{
	display: block;
	border-style: none;
}
/* @end */

/* @group TEXT */
a {
	color: #663304;
	text-decoration: underline;	
}

a:hover {
	color: #85c441;
	text-decoration: underline;
}

	a:active, a:focus{
		outline: none;
	}
	
	a.download_link {
	background: black url(../images/miscellaneous/download.jpg) no-repeat 0 0;
	height: 18px;
	display: block;
	width: 100px;
	padding: 0 0 0 22px;
}

a.readmore_link {
	float: right;
	margin-top: 3px;
}
	
h1 {
	color: #000;
	letter-spacing: 2px;
	height: auto;
	line-height: 1.5em;
	font-size: 1.8em;
	margin-bottom: 5px;
}

h1.pagetitle {
	margin-top: 150px;
	color: #85c441;
	width: 340px;
	line-height: 1em;
	margin-bottom: 0;
	text-transform: capitalize;
	float: left;
	display: block;
	font-size: 1.5em;
	padding-left: 8px;
}

/* PAGE TITLES

#home h1.pagetitle {
	background: url(../images/elements/home_title.gif) no-repeat 0 0;
}

#clients h1.pagetitle {
	background: url(../images/elements/client_title.gif) no-repeat 0 0;
}

#about h1.pagetitle {
	background: url(../images/elements/who_title.gif) no-repeat 0 0;
}

#what h1.pagetitle {
	background: url(../images/elements/what_title.gif) no-repeat 0 0;
}

#work h1.pagetitle {
	background: url(../images/elements/what_title.gif) no-repeat 0 0;
}

#contact h1.pagetitle {
	background: url(../images/elements/contat_title.gif) no-repeat 0 0;
}

*/
	
h2 {
	margin-bottom: 5px;
	color: #fff;
	font-size: 2em;
}	


h3 {
	font-size: 1.4em;
}

h3.featured_header {
	margin-bottom: 10px;
	color: #0a258a;
}

h4 {
	font-size: 1.2em;
	color: #fff;
	display: block;
}

.right_column h4 a {
	text-decoration: none;
	line-height: 1.2em;
	letter-spacing: 2px;
	width: 100%;
}
	
p {
	margin-bottom: 14px;
	font-size: 14px;
	line-height: 20px;
	color: #663304;
	height: auto;
}

	
.portfolio_details {
	font-size: 14px;
	line-height: 20px;
	color: #663304;
	height: auto;
	width: 400px;
	margin-left: 0;
	clear: both;
	padding-top: 20px;
}
.right_column p{
	color: #0a258a;
	padding-top: 15px;
}
	.intro p{
		margin-bottom: 10px;
		color: #0a258a;
	padding-bottom: 5px;
	border-bottom: 2px dotted #663304;
	font-size: 1.2em;
	line-height: 1.2em;
}

.slideshow_column .intro p, .slideshow_column .project_summary p{
		margin-bottom: 10px;
		color: #0a258a;
	padding-bottom: 5px;
	font-size: 1.2em;
	line-height: 1.2em;
	border-style: none;
}
.project_summary p{
		margin-bottom: 10px;
		color: #0a258a;
	padding-bottom: 5px;
	border-bottom: 2px dotted #663304;
	line-height: 1.3em;
	padding-right: 10px;
	font-size: 1.2em;
}
.sidebar p{
	line-height: 1.4em;
	font-size: 1.7em;
}
	p#copyright{
		clear: both;
		color: #939393;
		font-size: 1.2em;
	}
ul.bullet{
	color: #663304;
	margin-bottom: 14px;
}
ul.bullet li{
	list-style-type: disc;
	margin-bottom: 5px;
	list-style-position: outside;
	margin-left: 20px;
}	
.secondary_info{
	font-size: .9em;
}

address{
	margin-bottom: 18px;
	font-style: normal;
	font-size: 1.2em;
	font-weight: bold;
}

.phone_number {
	margin-top: 5px;
	text-indent: -9999px;
	height: 37px;
	background: transparent url(../images/elements/phone_number.gif) no-repeat right 0;
}

.phone h2 {
	font-weight: normal;
	font-style: normal;
	color: #7e7e7e;
	margin-bottom: 0;
}

#copyright {
	float: left;
	height: 20px;
	margin-top: 29px;
	margin-left: 30px;
}

#copyright p {
	color: #0a258a;
	font: .7em verdana, arial, helvetica;
	padding-left: 15px;
}

/* @end */

/* @group FORM */

#free_form {
	color: #663304;
}
#free_form .form_segment{
	margin-bottom: 5px;
}

#free_form label{
	width: 75px;
	display: block;
	float: left;
}
#free_form input.text_field{
	width: 220px;
}
#free_form textarea{
	width: 223px;
}

/* @end */