@charset "utf-8";
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, 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: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

	.code {
		font-family:"Courier New", Courier, monospace;
	}

	.text-centered {
		text-align:center;
	}

html, body {
	margin:0;
    height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	background: url(../images/background2.gif) top left repeat-x #a6c0ff;
}

	#header-ad {
		position:absolute;
		top: 5px;
		left: 246px;
	}


#chris-strom {
	position:absolute;
	top:74px;
	right:11px;
	display:block;
	width:70px;
	height:120px;
	color:#fff;
	background: url(../images/chris-strom-llc-logo.png) top right no-repeat;
	text-indent:-9999px;
}

	#chris-strom:hover {
		text-decoration:underline;
	}

#wrapper {
	margin:0 auto;
	padding:0;
	position: relative;
	width:960px;
	min-height: 100%;
	font-family:Arial, Helvetica, sans-serif;
}
	
	#header {
		padding-top:80px;
		width:960px;
		height:127px;
	}

		#header h1 {
			float:left;
			display:block;
			margin:0;
			padding: 0 0 0 9px;
			width:325px;
			height:70px;
		}

			#header h1 a {
				display:block;
				margin:0;
				padding:0;
				width:325px;
				height:70px;
				background: url(../images/html-assets.gif) top right no-repeat;
				text-indent:-9999px;
			}

		#header p {
			float:left;
			display:block;
			margin:0;
			padding: 10px 0 0 30px;
			width:596px;
			color:#ffdaaa;
			font-size:13px;
			height: 62px;
		}

		#header ul#nav {
			float:left;
			padding: 8px 0 0;
			list-style:none;
		}

			#header ul#nav li {
				float:left;
			}

				#header ul#nav li a {
					display:block;
					width:150px;
					height:40px;
					padding: 0 5px;
					line-height:40px;
					color:#fff;
					background: url(../images/nav-button-small.gif) top left no-repeat;
					text-align:center;
					text-decoration:none;
					font-size:14px;
				}
				
					#header ul#nav li a.two-line {
						height:37px;
						padding-top:3px;
						line-height:normal;
					}

					#header ul#nav li a:hover {
						color:#a30000;
						background-position: 0 -40px;
					}

					#header ul#nav li a.active {
						color:#a30000;
						background-position: 0 -80px;
						font-weight:bold;
					}


	#content {
		float:left;
		width:690px;
	}


		#content .top {
			padding-top: 20px;
			padding-right:20px;
			padding-bottom:20px;
		}

			#content .top p {
				color:#2b3858;
				font-size:13px;
				margin-bottom:8px;
			}

				#content .top p a {
					color:#a30000;
					text-decoration:underline;
				}
				
					#content .top p a:hover {
						color:#2b3858;
						background: #a6c0ff;
						text-decoration:none;
					}

		#content .block {
			float:left;
			margin: 0 25px 25px 0;
			padding: 0 17px 0 15px;
			width:288px;
			height:340px;
			background: url(../images/block.png) top left no-repeat;
		}

			#content .block .anchor {
				position:relative;
				top:-80px;
			}

			#content .block h2 {
				height:42px;
				line-height:42px;
				color:#fff;
				text-align:center;
				font-size:18px;
			}


			#content .block h3 {
				margin: 8px 0 4px;
				color:#2b3858;
				text-align:center;
				text-transform:uppercase;
				font-size:14px;
				font-weight: bold;
			}
			
			#content .block p {
				font-size:13px;
			}
		
				#content .block p a {
					color:#a30000;
					text-decoration:underline;
				}
				
					#content .block p a:hover {
						color:#2b3858;
						background: #a6c0ff;
						text-decoration:none;
					}

			#content .block select {
				width:288px;
			}

			#content .block textarea {
				width:282px;
				height:200px;
			}
	#rightcol {
		float:left;
		padding-top: 20px;
		width:270px;
		height:665px;
	}
		#260px-wide-ad {
			display:block;
			width:260px;
			height:125px;
			padding-bottom: 15px !important;
			margin-bottom:15px;
		}

	#rightcol .quicklinks .top {
		margin-top:15px;
		width:260px;
		height:15px;
		background: url(../images/quicklinks-top.png) top left no-repeat;
	}

	#rightcol .quicklinks .middle {
		width:228px;
		padding: 0 17px 5px 15px;
		background: url(../images/quicklinks-middle.png) top left repeat-y;
	}

		#rightcol .quicklinks .middle h3 {
			margin-bottom: 15px;
			color:#2b3858;
			text-align:center;
			text-transform:uppercase;
			font-size:16px;
			font-weight:bold;
		}

			#rightcol .quicklinks .middle#quicklinks-navigation h3 {
				margin-bottom:0;
			}

				#rightcol .quicklinks .middle#quicklinks-navigation h3 a {
					display:block;
					width:228px;
					height:45px;
					line-height:45px;
					color:#2B3858;
					background: url(../images/quicklinks-button.gif) top left no-repeat;
					text-decoration:none;
					font-size:15px;
				}
			
					#rightcol .quicklinks .middle#quicklinks-navigation h3 a:hover {
						background-position: 0 -45px;
					}

		#rightcol .quicklinks .middle h4 {
			margin-bottom: 15px;
			color:#2b3858;
			text-align:center;
			text-transform:uppercase;
			font-size:14px;
			font-weight:bold;
		}

		#rightcol .quicklinks .middle a.block-button {
			margin: 5px auto;
			display:block;
			width:160px;
			height:35px;
			line-height:35px;
			color:#2B3858;
			background: url(../images/contact-button.gif) top left no-repeat;
			text-align:center;
			text-decoration:none;
			font-size:14px;
			font-weight:bold;
		}

			#rightcol .quicklinks .middle a.block-button:hover {
				background-position: 0 -35px;
			}

		#rightcol .quicklinks .middle ol {
			margin-top:15px;
			list-style:none;
			border-top: 1px solid #a6c0ff;
		}
	
			#rightcol .quicklinks .middle ol li a {
				display:block;
				margin: 0;
				padding:4px 0;
				color:#a30000;
				border-bottom: 1px solid #a6c0ff;
				font-size:14px;
				text-decoration:none;
			}

				#rightcol .quicklinks .middle ol li a:hover {
					color:#2b3858;
					background: #a6c0ff;
					text-decoration:none;
				}

	#rightcol .quicklinks .bottom {
		margin-bottom:15px;
		width:260px;
		height:15px;
		background: url(../images/quicklinks-bottom.png) top left no-repeat;
	}



	#rightcol .ad-block {
		float:left;
		margin: 0 10px 10px 0;
	}

	#rightcol .ad-block-wide {
		margin: 10px 0 0;
	}

		#rightcol .ad-block-wide .top {
			width:260px;
			height:15px;
			background: url(../images/quicklinks-top.png) top left no-repeat;
		}

		#rightcol .ad-block-wide .middle {
			padding: 0 0 0 5px;
			background: url(../images/quicklinks-middle.png) top left repeat-y;
		}

		#rightcol .ad-block-wide .bottom {
			height:15px;
			background: url(../images/quicklinks-bottom.png) top left no-repeat;
		}

	.clear-float {
		display: block;
		height: 0px;
		width: 1px;
		font-size: 1px;
		margin: 0;
		padding:0;
		clear: both;
		}

	.footer-clear-float {
		display: block;
		height: 0px;
		width: 1px;
		font-size: 1px;
		margin: 0;
		padding: 0 0 65px 0;
		clear: both;
		}

	#footer {
		position:absolute;
		bottom:0;
		height:60px;
		width:100%;
		text-align: center;
	}
	
		#footer ul {
			list-style:none;
			margin-bottom:10px;
		}
		
			#footer ul li {
				display:inline;
			}
			
				#footer ul li a {
					color:#2b3858;
					font-size:11px;
					text-transform:uppercase;
					text-decoration:none;
					border-right: 1px solid #193642;
					padding: 0 10px;
				}
				
					#footer ul li a.right {
						border-right:none;
					}
					
					#footer ul li a:hover, #footer ul li a.active {
						text-decoration:underline;
					}
		
		#footer p {
			color:#2b3858;
			font-size:11px;
		}
		
			#footer p a{
				color:#2b3858;
				text-decoration:none;
				font-weight:bold;
			}
			
				#footer p a:hover {
					text-decoration:underline;
				}


#social-media {
	position:absolute;
	top: 216px;
	left: 690px;
	width:270px;
	height: 70px;
}

	#social-media .top {
		width:260px;
		height:15px;
		background: url(../images/quicklinks-top.png) top left no-repeat;
	}

	#social-media .middle {
		padding: 0 15px;
		background: url(../images/quicklinks-middle.png) top left repeat-y;
	}

	#social-media .bottom {
		margin-bottom:20px;
		width:260px;
		height:15px;
		background: url(../images/quicklinks-bottom.png) top left no-repeat;
	}


#social-media .block {
	float:left;
	margin-right:10px;
}

