html{color:#000;background:#555;font-size:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

BODY {
	background: transparent url(../images/splices/bg-stripe-gradient.gif);
	background-repeat: repeat-x;
	background-color:#fff;
	color:#222;
	font-size: .9em;
	font-family: verdana, arial, tahoma;
	margin: 0;
	padding: 0;
}

a, a:hover, a:visited {color:#449;}

ul, ol { margin:8px 0 8px 16px; text-align:left; }
ul ul, ol ul, ul ol, ol ol { margin:18px 0 18px 24px; }
ul { list-style:disc outside; }
ul ul, ol ul { list-style:circle outside; }
ol { list-style:decimal outside; }
ol ol, ul ol { list-style:decimal outside; }
li { margin:8px 12px;list-style:disc outside; }

h1, h2, h3, h4, h5, h6 { clear:both; text-rendering:optimizeLegibility; }
h1 { font-size:27px; font-weight:normal; line-height:36px; padding:10px 0 5px 0; }
h2 { font-size:22px; font-weight:bold; line-height:24px; padding:10px 0 5px 0;}
h3 { font-size:18px; font-weight:bold; line-height:24px; padding:10px 0 5px 0;}
h4 { font-size:16px; font-weight:bold; line-height:16px; padding:10px 0 5px 0; }
h5 { font-size:14px; font-weight:bold; line-height:24px; padding:10px 0 5px 0; }
h6 { font-size:14px; font-style:italic; font-weight:normal; line-height:24px; padding:10px 0 5px 0; }
strong {font-weight:bold;}
p {margin:14px 0px;}

th { line-height:18px; padding:6px; text-align:right; vertical-align:top; font-weight:bold;}

header, header a, header a:hover, header a:visited,
footer, footer a, footer a:hover, footer a:visited {color:#ddd;}

#header {
	position:relative;
	width: 900px;
	margin: 0 auto;
	background: transparent url(../images/splices/bg-header-gradient.gif);
	background-color:#3C5071;
	height:130px;
	text-align:left;
}

#logo {
	height:99px;
}

#logo-reflection {
	position:absolute;
	top:99px;
}

#menu {
	background: transparent url(../images/splices/menubar.jpg);
	background-repeat:repeat-x;
	position:absolute;
	top:99px;
	left:230px;
	height:30px;
	width:670px;
}

#menu ul {
	margin:5px;
}

#menu li {
	display: inline;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#menu a:hover,#menu a.selected {
	color: silver;
	text-decoration: none;
}

#menu li a {
	border-right: 1px solid gray;
	color: white;
	margin: 0px;
	padding: 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

#content-container {
	width: 900px;
	margin: 0 auto;
}

#content {
	background-color: #f1f1f1;
	text-align: left;
	padding:5px;
	min-height:300px;
}
#content .promo {
	margin:-5px;
	background-color:#fff;
	border-bottom:1px solid #3C5071;
}

#footer {
	border-top: 1px solid silver;
	padding-top: 5px;
	background-color: #A7A37E;
	text-align: center;
	clear: both;
}
#footer .subinfo {
	font-size:0.75em;
	padding:3px;
}

.promo .wrapper {
	float: left;
	width: 100%;
}

.promo .wrapper .content {
	margin-left: 520px; /*Set left margin to LeftColumnWidth*/
}

.promo .image {
	float: left;
	width: 520px; /*Width of left column*/
	margin-left:-100%;
}

.services .item {
	width:23%;
	height:175px;
	float:left;
	margin: 4px;
	padding: 3px;
	background-color: #cdc;
	border:1px solid #81A3B8;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image: -o-linear-gradient(bottom, #A1CBE5 10%, #81A3B8 80%);
	background-image: -moz-linear-gradient(bottom, #A1CBE5 10%, #81A3B8 80%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.10, #A1CBE5), color-stop(0.80, #81A3B8));
	background-image: -webkit-linear-gradient(bottom, #A1CBE5 10%, #81A3B8 80%);
	background-image: -ms-linear-gradient(bottom, #A1CBE5 10%, #81A3B8 80%);
	background-image: linear-gradient(bottom, #A1CBE5 10%, #81A3B8 80%);
}
.services .item h4 {
	text-align: center;
}

.info {
	text-align: center;
}

.infobox {
	width:300px;
	margin: 4px;
	padding: 3px;
	color:#333;
	background-color: #cdc;
	border:1px solid #888;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.col1 {
	width: 48%;
	float: left;
	padding: 5px;
	margin-bottom: 10px;
}

.col2 {
	width: 49%;
	float: left;
	border-left: 1px solid silver;
	padding: 5px;
	margin-bottom: 10px;
}

.center	{text-align: center;}
.link {cursor: pointer;}
.left {float: left;}
.right {float: right;}
.shadow {text-shadow: 1px 1px 1px #bbb;}

#contact-form {margin:20px 0px;}
#contact-form td {
	padding:5px;
	vertical-align:top;
}

@media screen and (max-width: 900px) {
	#header {
		width: inherit;
	}
	#logo-reflection {
		display: none;
	}
	#menu {
		width: inherit;
		position:relative;
		top:0px;
		left:0px;
	}
	#menu ul {
		margin:0px;
	}
	
	#content-container {
		width: auto;
	}
	
	.services .item {
		width:22%;
		height:250px;
	}
	
	.promo .wrapper {
		float: none;
		width: 100%;
	}
	
	.promo .wrapper .content {
		margin-left: 0px;
	}
	
	.promo .image {
		float: none;
		width: auto; /*Width of left column*/
		text-align:center;
		margin:0px;
	}
		
	.col1 {
		width: 100%;
		float: none;
	}
	
	.col2 {
		width: 100%;
		float: none;
	}
}

@media screen and (max-width: 641px) {
	#menu li a {
		padding: 5px 8px;
	}
	.services .item {
		width:auto;
		height: auto;
		float: none;
	}
	.services .item h4 {
		text-align: left;
	}
	.info {
		text-align: left;
	}
}