/* resetting some default styles */
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{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ul {list-style: none;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
a:focus {outline:1px dotted #999;}
ins {text-decoration: none;}
del {text-decoration: line-through;}

table {border-collapse: collapse;border-spacing: 0;}

html { font-size:150.01%; }
body { font-size:1,0em; }

textarea {overflow:auto}
button {cursor:pointer}
a {text-decoration:none}
a:hover {text-decoration:underline}
/*  -----------------------------------
	a better and smarter way to clear floats
--------------------------------------*/

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
/* Hide from IE Mac \*/
.clearfix {display:block}
/* End hide from IE Mac */
* html .clearfix {height:1px}
/* -----------------------------------------------------------------------------------------*/ 


body {
	font-family:Calibri,arial;
	font-size:15px;
	background:url(images/mainBg.png) repeat-x left top #e3e3e3;
}

#wrap,
.insideFooter {
	width:920px;
	margin:auto;
}
	#header {
		
	}
		.top {
			height:48px;
			color:#fff;
			padding-top:12px;
			border-bottom:2px solid #fff;
			background:url(images/topBg.png) no-repeat left top #1d1d1d;
		}
		
			#logo {
				float:left;
				width:207px;
				height:22px;
				display:inline;				
			}
			
			.top ul {
				float:right;
				display:inline;				
			}
			.top h3 {
				position:relative;
				z-index:99;				
				font-size:24px;
			}
		
		.middle {
			background:url(images/smokeBg.jpg) no-repeat center top;
			height:161px;
			padding-top:15px;
		}
				
			.smallBlue {
				padding:20px 15px 30px;
				width:203px;
				color:#fff;
				height:98px;
				line-height:15px;
				background:url(images/blueBox2.png) no-repeat left top;
			}
			
				.smallBlue p {font-style:italic;}

				.smallBlue img {
					float:right;
					margin:7px;
				}
			
			.mediumTitle {
				font-size:14px;
				color:#2b2b2b;
				position:relative;
				padding-bottom:12px;
			}
			
			.blueChat {
				display:block;
				background:url(images/sprites.png) no-repeat -268px -74px;
				width:64px;
				height:55px;
				position:absolute;
				top:-35px;
				right:-17px;
			}
		
		
		#topMenu {
			float:left;
			display:inline;
			text-transform:uppercase;
		}
		
			#topMenu li {
				height:51px;
				font-size:12px;
				float:left;
				line-height:51px;
				background:url(images/navSeparator.png) no-repeat right top;
			}

				#topMenu a {
					color:#2B2B54;
					padding:0 25px;
					display:block;
				}
		
		#socialStuff {
			float:right;
			display:inline;
			margin-top:10px;
		}
			
			#socialStuff li {
				float:left;
			}
				
				a#twitter,
				a#facebook,
				a#rss {
					width:39px;
					height:33px;
					display:block;
					text-indent:-9999px;
					background:url(images/sprites.png) no-repeat left top;
				}
				a#facebook {background-position:-39px top;}
				a#rss {background-position:-78px top;}

	#mainPage {
		margin:18px 0 40px 0;
	}

		#sidebar {
			display:inline;
			width:249px;
			float:left;
		}	
		
		.medBlue {
			background:url(images/blueBox1.jpg) no-repeat left top;
			width:214px;
			height:103px;
			padding:18px 22px 45px 22px;
			position:relative;
		}
		
			.wpcf-form li {
				margin-top:6px;
			}
		
			.inputGrey,
			.inputBig {
				width:145px;
				height:14px;
				padding:2px;
				border-top:1px solid #e2e8ed;
				border-left:1px solid #e2e8ed;
				border-bottom:none;
				border-right:none;
				font-size:11px;
				background-color:#f0f0f0;
			}
			.inputBig {width:170px;}
			
			.wpcf-form li{
				clear:both;
				
			}
			
		h5,
		.label{
			color:#2b2b2b;
			font-size:13px;
			text-transform:uppercase;
		}
		
		.smallInfo {
			font-size:11px;
		}
		
		.dotTitle {
			width:100%;
			float:left;
		}
			
			.dotTitle h5,
			.dotTitle .contentTitle,
			.dotTitle .contentHead {float:left;}
		
		.label {
			float:left;
			margin-right:5px;
			width:55px;
			font-size:11px;
			line-height:20px;
			text-align:right;
		}
		
		.blueBox .label {text-align:left;}
		.blueBox .button {bottom:5px}
		
		
		.button {
			text-indent:-9999px;
			background:url(images/sprites.png) no-repeat left -34px;
			width:102px;
			border:none;
			height:65px;
			right:0;
			bottom:10px;
			position:absolute;
		}
		
		#sideBoxes {
			background:url(images/sidebarBg.png) repeat-y left top;
			width:249px;
			font-size:13px;
			margin-left:4px;
		}
		
			.sidebarTop,
			.sidebarBtm {
				width:249px;
				height:14px;
				display:block;
				background:url(images/sprites.png) no-repeat left -177px;
			} 
			.sidebarBtm {background-position:left -191px}
		
			.box,
			.boxFirst {
				width:233px;
				margin:0 0 21px 8px;
			}
			.boxFirst  {margin-top:-6px;}
			
			
			.boxTitle,
			.boxFirst .boxTitle,
			.spriteTitle {
				background:url(images/sprites.png) no-repeat left -139px;
				color:#fff;
				line-height:37px;
				text-indent:33px;
				text-transform:uppercase;
				height:37px;
			}

			.boxFirst .boxTitle {background-position:left -102px}
			.spriteTitle {text-indent:14px;}
			
			#sideBoxes ul,
			.insideBox {
				margin:18px 0 0 22px;				
			}
			.insideBox {line-height:16px;}
			.insideBox  a,
			.silverInfo a{color:#2f2f2f;font-weight:700;}
			
			
				#sideBoxes li {
					background:url(images/bulletList.png) no-repeat left center;
					padding-left:12px;
					line-height:24px;
					font-size:13px;
					border-bottom:1px solid #e5e5e5;
				}
					
						#sideBoxes li a,
						#sideBoxes li a {
							color:#2b2b2b;
						}
						
			.greyBox {
				background-color:#e3e3e3;
				width:186px;
				padding:15px 25px 13px 22px;
				margin-bottom:3px;
				color:#2f2f2f;
				font-size:13px;
				line-height:15px;
			}
			
			
			.more {
				float:right;
				color:#4d98d3;
				text-decoration:underline;
				font-size:13px;
			}
			
			.grenContact {
				background:url(images/sprites.png) no-repeat left -205px;
				display:block;
			}
			

		#content {
			float:right;
			display:inline;
			width:644px;
		}
		
		.contentZone {
			margin-bottom:19px;
		}
		
		.contentTop,
		.contentBtm {
			width:633px;
			height:6px;
			display:block;
			background:url(images/contentMargins.png) no-repeat left top;
		}
		.contentBtm {
			height:20px;
			background-position:left bottom;
		}
		
		.insideContent {
			background:url(images/contentBg.png) repeat-y left top;
			width:583px;
			line-height:18px;
			padding:22px 25px 5px;
		}
		
		.contentTitle {
			padding-bottom:22px;
			text-transform:uppercase;
		}
		
		.insideContent p {
			padding-bottom:20px;
		}
		
		.dot {
			background:url(images/smallDot.jpg) no-repeat right bottom;
			width:3px;
			height:3px;
			float:left;
			margin:12px 0 0 3px;
		}
		
	#footer {
		padding-top:10px;
		margin-bottom:40px;
		height:25px;
		text-transform:uppercase;
		font-size:11px;
		border-top:3px solid #417eaf;
	}
		
		.l {float:left;display:inline;}
		.r {float:right;display:inline;}
		
		#footer li {
			float:left;
			background:url(images/smallDot.jpg) no-repeat right bottom;
			padding:0 5px;
			color:#2b2b2b;
		}
		#footer li.last {background:transparent;}
			
			#footer a {color:inherit;}
	
		.blueInf {color:#5d9acb;font-weight:700;}

	#logoList dd{
		width:630px;
		height:123px;
		margin-bottom:22px;
		padding-right:14px;
		background:url(images/boxList.png) no-repeat left top;
	}
	
		.logoImg {
			float:left;
			border:3px solid #d3d3d3;
			margin:3px 11px 0 3px;
		}
		
		.logoInfo {
			padding-top:3px;
			color:#414040;
			line-height:14px;
		}
		
			.logoTop {
				line-height:32px;
				height:32px;
				margin-bottom:8px;
			}
				
				.logoTop h2 {
					float:left;
					color:#fff;
					display:inline;
				}
				
				.logoMore {
					display:inline;
					color:#fff;
					text-decoration:underline;
					float:right;
					padding-left:10px;
					background:url(images/logoBullet.png) no-repeat left center;
				}

	.silverBox,
	.darkBox,
	.blueBox {
		background:url(images/boxSilver.png) no-repeat left top;
		width:247px;
		height:131px;
		margin-right:7px;
		padding:26px 25px 23px 28px;
		float:left;
		color:#2b2b2b;
		position:relative;
	}


	.darkBox {
		background:url(images/boxDark.png) no-repeat left top;
		color:#fff;		
		line-height:15px;
	}
		.darkBox p {
			font-style:italic;
			position:relative;
			z-index:2;
		}
	
	.blueBox {background:url(images/boxBlue.png) no-repeat left top;margin:0}
	
	.clearfix .last {margin:0}

	.silverInfo li{margin-top:6px;}
	.silverInfo li.marginList {margin-bottom:25px}

	.greenChat {
		width:80px;
		height:73px;
		display:block;
		position:absolute;
		right:-4px;
		bottom:5px;
		background:url(images/sprites.png) no-repeat -129px top;
	}
	
	.plus {
		display:block;
		width:74px;
		height:78px;
		position:absolute;
		bottom:0;
		right:-5px;
		z-index:0;
		background:url(images/sprites.png) no-repeat -214px top;
	}
	
	.whiteTitle {
		color:#fff;
		padding-bottom:10px;
	}

	#wideSilver {
		width:876px;
		min-height:168px;
		padding:25px 20px 0 18px;
		margin:10px 0;
		line-height:18px;
		background:url(images/wideSilver.png) no-repeat left top;
	}
		#wideSilver p a {
			font-weight:700;
			color:#000;
		} 
	
	
	#next,
	#prev,
	#carousel ul {
		float:left;
	}

	#prev,
	#next {
		margin-top:45px;
		display:block;
		width:11px;
		height:15px;
		background:url(images/sprites.png) no-repeat -289px top;
	}
	#next {background-position:-300px top;}
	#prev:hover {background-position:-311px top; }
	#next:hover {background-position:-322px top;}
	
	.innerCarousel {
		width:850px;
		overflow:hidden;
		float:left;
		margin-top:14px;
	}
		.innerCarousel ul {
			width:2500px;
		}	

	#carousel li {
		float:left;
		margin:0 33px;
	}


	#topMenu ul {
		margin-left:-2px;
		position:absolute;
		z-index:99;
		display: none;
	}
		#topMenu li li {
			height:29px;
			border:1px solid #b5b5b5;
			width:145px;
			border-top:none;
			float:none;
			line-height:29px;
			background:url(images/submenuBg.png) repeat-x left top;
		}
			#topMenu li li a {
				height:29px;
				line-height:29px;
				text-align:left;
				background:url(images/bulletList.png) no-repeat 15px center;
				text-indent:27px;
				padding:0;
			}

* html #topMenu {margin-top:-2px;}


.gravatar {
	float:right;
	width:50px;
	margin-left:20px;
}
.postAuthor h1 {
	width:auto;
	padding-left:20px;
	padding-top:10px;
	text-transform:none;
	font-size:14px;
}
.imageReplacement {
	height:112px;
	width:20px;
	float:left;
}

.shadowed {
	overflow: visible;
	background: url(images/shadow.png) no-repeat left bottom;
	padding-left: 11px;
	margin: 0 0 12px 0;
}
	.shadowed img {
		position: relative;
		top: -5px;
	}
.shadowed_large {
	float: right;
	overflow: visible;
	background: url(images/shadow.png) no-repeat left bottom;
	_background: #fff; /* IE6 is hopeless, just reset it back to nothing */
	padding-left: 11px;
	_padding-left: 0;	/* IE6 is hopeless, just reset it back to nothing */
	margin: 0 0 12px 0;
}
	.shadowed_large img {
		position: relative;
		top: -10px;
	}
	.shadowed_large:hover,
	.shadowed:hover {
		background: url(images/shadow_blue.png) no-repeat left bottom;
		cursor: pointer;
		_background: #fff; /* IE6 is hopeless, just reset it back to nothing */
	}



.clear { clear:both; height:0px; line-height:0px; font-size:0px;}
.clear5 { clear:both; height:5px; line-height:5px; font-size:5px;}