/*
Theme Name: i-Tul Theme
Theme URI: http://i-tul.com/
Description: Custom Theme
Author: Ryan Holden
Version: 0.1
Tags: 
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
	font-size: 1em;
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}
html { height: 100%; }
body {
	line-height: 1;		background: #000 url(images/city-bg.jpg) no-repeat top;		/*background-size: 100%;*/
	height: 100%;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

table, td { vertical-align:top }

a { text-decoration:none; }

body, html { height:100%; }

#wrapper { min-height: 100%; font-family: Arial, Helvitica, sans-serif; }

#innerHeader, #innerMain, #innerFooter { width: 962px; margin: 0 auto; }

/* HEADER START */

#header { z-index: 10; position: relative; }

	#innerHeader {
		height: 110px;		position: relative;
	}
	
	#headerTint {
		background: #000;		opacity: .8;		filter: alpha(opacity=80);		position: absolute;
		top: 0;		right: 0;		bottom: 0;		left: 0;
	}
	
	#header .logo {
		background: url(images/logo.png) no-repeat;		width: 147px;		height: 83px;		display:block;
		position: absolute;		left: 42px;		top: 11px;
	}
		
	#header .menu {
		position: absolute;		right: 0;		bottom: 0;		height: 110px;
	}
		
	#header .menu > ul > li {
		display: inline-block;		border-left: 1px solid #3d3d3d;		height: 110px;		position: relative;
		*display: inline; zoom: 1; /* ei7 inline-block fix */
	}
	
	#header .menu > ul > li > a {
		font: 18px "Arial Narrow", sans-serif;		color: #fff;		height: 42px;		padding: 68px 27px 0;
		display: block;
	}
	
	#header .menu > ul > li > ul.children {
		display: none;		position: absolute;		background: #000;		opacity: .85;		filter: alpha(opacity=85);
		padding: 14px 34px;		top: 110px;		left: 0;	white-space: nowrap;
	}
	#header .menu > ul > li:hover > ul.children { display: block; }
	#header .menu li ul.children li { display: block; }
	#header .menu > ul > li > ul.children > li > a { font-size: 14px;		color: #ddd; }
	#header .menu > ul > li > ul.children > li > a:hover { color: #b4232c; }
	#header .menu > ul > li > ul.children > li { padding-bottom: 7px; }
	#header .menu > ul > li > ul.children > li > ul.children { padding-left: 14px; }
	#header .menu > ul > li > ul.children > li > ul.children > li > a { font-size: 12px; color: #888; }
	#header .menu > ul > li > ul.children > li > ul.children > li > a:hover { color: #b4232c; }
	#header .menu > ul > li > ul.children > li > ul.children > li > a span { font-size: 11px; color: #555; }
	#header .menu li.current_page_item a,
	#header .menu li.current_page_ancestor a, #header .menu li:hover { background: #000; }
	#header .menu li:hover a { color: #b4232c; }


		
/* FOOTER START */
		
#footer {
	padding-bottom: 30px;		color: #d3cfcb;		font: 14px "Helvetica Neue", Helvetica, sans-serif;
}

#footerContent {
	border: 10px solid #fff;		border-top: none;		height: 52px;
	background: #000;
}

.footer-content, #footerContent .menu-footer-menu-container {
	display: inline-block;		*display: inline;		zoom: 1;
}

#footerContent * { height: 52px; vertical-align: top; }

#footerContent .footer-content ul { float: left; }

#footerContent .footer-content ul li {
	border-right: 1px solid #3d3d3d;		float: left;
}

#footerContent .footer-content ul li a {
	display: block;		padding: 0 25px;		color: #d3cfcb;		line-height: 52px;
}

#footerContent h3 {
	font: 14px "Arial Narrow", sans-serif;		border-right: 1px solid #3d3d3d;		padding: 0 30px;		color: #fff;
	line-height: 52px;		float: left;
}

#footerContent .footer-content .textwidget { line-height: 52px; padding-left: 25px; }
		
/* ------------ SUBPAGE START ------------------- */

#banner { height: 383px; }
#banner.page {
	background: url(images/ancestorTitleBG.png);		height: 82px;		width: 962px;
	position: relative;
}
#banner.page h1 {
	text-align: right;		position: absolute;		bottom: 0;		margin: 0 39px -1px 0;
	padding: 0;			height: 36px;		width: 923px;		right: 0;		text-transform: uppercase;
	color: #fff;		font: 44px "Arial Narrow", sans-serif;		line-height: 37px;		font-weight: bold;
	letter-spacing: 1px;
}
	#banner img{}

.sidebarHold {
	width: 236px;		margin: 0 34px;		float: left;		font: 14px "Helvetica Neue", Helvetica, sans-serif;
}

	.sidebarHold .widget-container {
		margin-bottom: 30px;		background: #eaeaea;
	}
	.sidebarHold .SWBOC_Widget { font-size: 12px; }
	.sidebarHold .SWBOC_Widget a { color: #b4232c; }
	
		.sidebarHold .widget-title {
			height: 45px;		line-height: 45px;		color: #b4232c;		padding: 0 23px;
		}
		.sidebarHold .widget-title a { color: #b4232c; }
		
	.sidebarHold .widget_subpages {}
	
		.sidebarHold .widget_subpages .widget-title {}
	
		.sidebarHold .widget_subpages ul,
		.sidebarHold .widget-container ul {list-style:none;margin-left:0px;padding-bottom:0px;}
		
			.sidebarHold .widget_subpages ul li { margin-left: 0px; }
			
			.sidebarHold .widget_subpages > ul > li,
			.sidebarHold .SWBOC_Widget.widget-container > ul { padding: 20px 23px 14px; border-top: 1px solid #b4b4b4; }
			
				.sidebarHold .widget_subpages > ul > li > a { color: #252525; }
			
				.sidebarHold .widget_subpages > ul > li > .children { padding-top: 16px; }
				.sidebarHold .widget_subpages > ul > li > .children li { padding-left: 16px; }
				
				.sidebarHold .widget_subpages > ul > li > .children a { color: #555; }
				.sidebarHold .widget_subpages > ul > li > .children a span {
					color: #6f6f6f;		font-size: 12px;
				}
			
			.sidebarHold .widget_subpages > ul > li.current_page_item > a,
			.sidebarHold li.current_page_parent a,
			.sidebarHold li.current_page_ancestor a,
			.sidebarHold .widget_subpages > ul > li > .children li.current_page_item a,
			.sidebarHold .widget_subpages > ul > li > .children li.current_page_parent a,
			.sidebarHold .widget_subpages > ul > li > .children li.current_page_ancestor a { color: #b4232c; }
			
			.sidebarHold .widget_subpages > ul > li.current_page_item {
				background: url(images/sidebarActiveArrow.png) no-repeat 8px 23px;
			}
			.sidebarHold .widget_subpages > ul > li > .children li.current_page_item {
				background: url(images/sidebarActiveArrow.png) no-repeat left 4px;
			}
			.sidebarHold .widget_subpages > ul > li.current_page_parent > a { color: #000; }
			
.Resources .sidebarHold .widget_subpages > ul > li {
	padding-top: 0;		border: none;
}
.Resources .sidebarHold .widget_subpages > ul {
	border-top: 1px solid #b4b4b4;		padding-top: 20px;
}
.Resources .sidebarHold .widget_subpages > ul > li.current_page_item {
	background: url(images/sidebarActiveArrow.png) no-repeat 8px 4px;
}

#container {
	overflow: hidden;		background: #fff;		padding-top: 32px;		position: relative;
	min-height: 650px;
}
#container.tHome { background: none; }
#content {
	position: relative;
}
#content.page {
	width: 603px;		float: right;		margin-right: 52px;		padding-bottom: 32px;
}

/* entry-content START */

.alignright {float:right;margin:0 0 20px 20px;}
.alignleft {float:left;margin:0 20px 20px 0;}

.aligncenter {display:block;clear:both;margin:0 auto 15px;}

.entry-title {}
#content.page .entry-title {
	border-bottom: 1px solid #c8c8c8;		height: 45px;		line-height: 45px;		margin-bottom: 20px;
}

.entry-content {
	font-size: 13px;		color: #242424;		line-height: 1.5;
}

	.entry-content p, .entry-content ul, .entry-content ol { padding-bottom: 25px; }

	#content.page .entry-content ul, .entry-content ol  {
		margin-left: 20px;		color: #b4232c;
	}

	.entry-content ul li, .entry-content ol li { padding-bottom: 10px; }
	#content.page .entry-content ul li p, .entry-content ol li p { color: #242424; padding: 0; }
	
	.entry-content ul { list-style: disc; }

	#content.page .entry-title,
	.entry-content h1,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6 {
		font-weight: bold;		color: #b4232c;		font-family: "Arial Narrow", Arial, sans-serif;
	}
	
	#content.page .entry-title,
	.entry-content h1 {font-size:22px;}
	.entry-content h2 {font-size:18px;}
	.entry-content h3 {font-size:16px;}
	.entry-content h4 {font-size:14px;}
	.entry-content h5 {font-size:13px;}
	.entry-content h6 {font-size:12px;}
	
	.entry-content blockquote {}
	
		.entry-content blockquote p{}
		
#post-38 .entry-content ul { padding-bottom: 0; margin-bottom: 0; }

.entry-content a {color: #B4232C; text-decoration: underline;}
.entry-content a:hover {} 
		
/* BLOG START */

.blog {}

	.blog .post{padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #3656A9;}
	
		.blog .post h2.entry-title {font-weight:bold;}
		
		.blog .post .entry-meta {font-size:13px;padding:3px 0 20px;}
		
		.blog .post .entry-utility {font-size:13px;}
		
	
.single {}

	.single .post {padding-bottom:0px;margin-bottom:0px;border-bottom:none;}
	
		.single .entry-title {color:#3656A9}
	
		.single .navigation {display:none;}
		
		
/* CONTACT FORM START */

.wpcf7 {
	padding-top:20px !important;		width: 550px;
}

	.wpcf7 p {
		text-align: right;		vertical-align: top;
	}
	
	.wpcf7 p.explanation, .wpcf7 .submitp {
		text-align: left;		margin-left: 134px;
	}
	
	.wpcf7 p span { color: #b4232c; vertical-align: top; }
	
	.wpcf7 br { display: none; }

			.wpcf7 p .wpcf7-text {
				font-size: 13px;		font-weight: bold;		padding: 0 0 1px 5px;
				width: 216px;			margin: 0 195px 0 10px;		border: 1px solid #bbb;
				height: 25px;			background: #fff;
				-moz-box-shadow: inset 0 2px 8px #eaeaea;
   				-webkit-box-shadow: inset 0 2px 8px #eaeaea;
   				box-shadow: inset 0 2px 8px #eaeaea;
			}
			
			.wpcf7 p textarea {
				width: 406px;		height: 118px;		font-size: 14px;		margin-left: 10px;
				border: 1px solid #bbb;		background: #fff;		resize: none;		padding: 5px;
				-moz-box-shadow: inset 0 2px 8px #eaeaea;
   				-webkit-box-shadow: inset 0 2px 8px #eaeaea;
   				box-shadow: inset 0 2px 8px #eaeaea;
			}
			
			.wpcf7 .your-message{}
			
				.wpcf7 .your-message span {display:block;}
			
			.wpcf7 .wpcf7-submit {
				border: none;		background: #b4232c;		width: 60px;		height: 26px;
				cursor: pointer;	color: #fff;
			}
			
			.wpcf7 span.wpcf7-not-valid-tip {width:190px;top:0px;text-align:center;}
			
/* HOME START */

#homeTint {
	background: #fff;		opacity: .93;		filter: alpha(opacity=93);		position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}

#homeMissionStatement {
	padding: 6px 0 28px;		position: relative;
}

	#homeMissionStatement > * {
		width: 400px;		padding: 0 38px;		display: inline-block;		vertical-align: top;
		*display: inline;		zoom: 1;
	}
	
	#msLeft {
		font: 24px "Arial Narrow", sans-serif;		color: #b4232c;		line-height: 1.5;
	}
	
	#msRight {
		font: 14px Helvetica, Arial, sans-serif;		color: #555;		line-height: 1.5;
	}
	
#homeWhoWhatWhyWhy {
	clear: both;		position: relative;		border: 10px solid #fff;		min-height: 100px;
	background: #eaeaea;
}

#homeWhoWhatWhyWhy > div.wwwwQ {
	width: 228px;		display: inline-block;		vertical-align: top;		margin-left: 10px;
	*display: inline;		zoom: 1;
}
#homeWhoWhatWhyWhy > div:first-child { margin: 0; }
#wwwwBorder1, #wwwwBorder2, #wwwwBorder3 {
	position: absolute;		top: 0;		bottom: 0;		width: 10px;		background: #fff;
}
#wwwwBorder1 { left: 228px; } #wwwwBorder2 { left: 466px; } #wwwwBorder3 { right: 228px; }

#homeWhoWhatWhyWhy > div > * { padding: 0 12px 12px; }
#homeWhoWhatWhyWhy > div > *:first-child { padding: 0 0 6px; }
#homeWhoWhatWhyWhy > div > h3 { padding: 0 12px; }

#homeWhoWhatWhyWhy > div h2 {
	font: 16px "Arial Narrow", sans-serif;		color: #b4232c;
}

#homeWhoWhatWhyWhy > div ul, #homeWhoWhatWhyWhy {
	font: 12px Helvetica, Arial, sans-serif;		color: #555;		line-height: 1.5;
}
#homeWhoWhatWhyWhy > div h3 { color: #222; }
#homeWhoWhatWhyWhy > div ul li {
	padding-left: 14px;		background: url(images/listBullet12.png) no-repeat 2px 7px;
}
#homeWhoWhatWhyWhy > div a { color: #555; }
#homeWhoWhatWhyWhy > div a.lm { color: #b4232c; }
#homeWhoWhatWhyWhy > div a.lm:after { content: " \2192"; }

/* PAGES */

#standreg { margin-top: -10px; }
#standreg p { padding: 0 0 0 5px; margin: 0; }
#standreg p.indent { padding: 0 0 0 35px; color: #b4232c; }
#standreg p.indent a { padding-left: 60px; text-indent: -60px; display: inline-block; }
#standreg a { color: #242424; }
#standreg a b, #standreg a strong { color: #000; }
#standreg h3 { border-bottom: 1px solid #c8c8c8; padding: 10px 0 10px 5px; margin-bottom: 10px; }
#standreg h4 { color: #000; padding: 0 0 10px 5px; }

#content.page #post-63 .entry-content ul, #post-63 .entry-content ul a { color: #242424; }
#content.page #post-63 .entry-content ul li { font-size: 14px; padding: 0; }
#content.page #post-42 .entry-content ol { counter-reset: item; *list-style: decimal; *padding-left: 5px; }
#content.page #post-42 .entry-content ol li { padding-left: 39px; *padding-left: 0; color: #242424; }
#content.page #post-42 .entry-content ol li:before {
	content: "Case " counter(item) ": "; 		counter-increment: item;		position: absolute;
	left: 0;
}

/* SHADOWS */

.shadowRight {
    width: 5px;     top: 0;       bottom: 1px;        position: absolute;     right: -5px;        background: url(images/shadowRight.png);
}
    .shadowRight .shadowRightBottom {
        height: 7px;        width: 5px;     bottom: -7px;       position: absolute;     background: url(images/shadowRightBottom.png);
    }
 .shadowBottom {
    height: 6px;        left: 3px;      right: 3px;     position: absolute;     bottom: -6px;       background: url(images/shadowBottom.png);
}
     .shadowBottom .shadowBottomLeft {
        height: 6px;        width: 3px;        left: -3px;        top: 0;     position: absolute;     
        background: url(images/shadowBottomLeft.png);
    }
     .shadowBottom .shadowBottomRight {
        height: 6px;        width: 3px;        right: -3px;       top: 0;     position: absolute;     
        background: url(images/shadowBottomRight.png);
    }
 .shadowLeft {
    width: 5px;     top: 0;       bottom: 1px;        position: absolute;     left: -5px;     background: url(images/shadowLeft.png);
}
     .shadowLeft .shadowLeftBottom {
        height: 7px;        width: 5px;     bottom: -7px;       position: absolute;     background: url(images/shadowLeftBottom.png);
    }