﻿/* GENERIC STYLES 
-------------------------------------------- */
*{
	margin: 0px;
	border: 0px;
	padding: 0px;
}
img a{
	border: 0px;
}
body {
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	background-image: url(images/background.gif);
	text-align: left;
	font-family: Verdana;
	font-size: 8pt;
	color: #666;
}
/* TYPOGRAPHY  USED
-------------------------------------------- */
a {
	color: #1D96FC;
	text-decoration: none;
	border-color:fuchsia;
}

a:hover {
	color: #bf0000;
	text-decoration: none;
}
.text {
	font-family: Verdana;
	font-size: 8pt;
	color: #666;	
	border: 1px;
	border-color: #A6A69E;
	border-style: solid;
}
.bigred {
	font-size: 14pt;
	font-style: italic;
	font-weight: bold;
	color: #D60724;
	margin: 0px;
}
.bold_italic{
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;	
}

/* PAGE CONTAINER & HEADER
-------------------------------------------- */
#container {
	width: 746px;
	margin: auto;
} 
	#header{
		margin-top: 23px;
	}
	
/* SIDEBAR
-------------------------------------------- */
#sidebar1 {
	width: 172px;
	padding-top: 15px;
	float: left;
}
	#menu {
	color: #FFFFFF;
	margin-bottom: 7px;
	}
	#contact {
		color: #FFFFFF;
	}
		#time {
	text-align: center;
	background-color: #494949;
	font-family: verdana;
	font-size: 8pt;
	color: #FFF;
	padding-top: 4px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A6A69E;
	border-left-color: #A6A69E;
		}

	.leftads {
		color: #FFFFFF;
		margin-top: 12px;
	}
.leftad {
	color: #FFFFFF;
	margin-top: 8px;
	text-align: center;
}

		#logintop {
			height: 19px;
			width: 162px;
			background-image: url(images/elmbrook-login.gif);
			color: #FFFFFF;
			padding-left: 10px;
			padding-top: 7px;
			float: left;
		}
		#loginmid {
			background-color: #F8F6F6;
			height: 120px;
			width: 170px;
			border-right-width: 1px;
			border-left-width: 1px;
			border-style: solid;
			border-color: #A6A69E;
			color: #333;
			padding-top: 7px;
			float: left;
		}
			#login_content{
				width: 156px;
				margin: auto;
			}
		#loginbase {
			height: 16px;
			width: 172px;
			float: right;
			background-image: url(images/loginbase.gif);
		}
	
/* MAIN CONTENT
-------------------------------------------- */	
#mainContent {
	margin-left: 15px;
	float: left;
	margin-top: 15px;
} 
	#banner {
		width: 527px;
		height: 242px;
		background-image: url(images/elmbrook-banner.jpg);
	}
		#bannertext {
			height: 160px;
			width: 225px;
			color: #FFFFFF;
			text-align: right;
			float: right;
			margin-right: 15px;
			margin-top: 55px;
		}
			#bannertext a {
				text-decoration:underline;
				color: #FFFFFF;
			}
	.feature {
		height: 197px;
		width: 166px;
		margin-right: 14px;
		float: left;
		margin-top: 8px;
		margin-bottom: 8px;
	}
		.featuretitle {
			height: 19px;
			background-image: url(images/graphic-professionals.gif);
			color: #FFFFFF;
			text-align: left;
			padding-top: 7px;
			padding-left: 11px;
		}
		.featureimage {
			height: 123px;
		}
		.featureblurb {
			background-color: #F8F6F6;
			height: 25px;
			width: 144px;
			border-right-width: 1px;
			border-left-width: 1px;
			border-style: solid;
			border-color: #A6A69E;
			color: #333333;
			padding-left: 10px;
			padding-top: 7px;
			padding-right: 10px;
		}
			.featureblurb a {
				color: #333333;
				text-decoration: none;
			}
			.featureblurb a:hover {
				color: #CC0000;
				text-decoration: none;
			}
		.featurebase {
			height: 16px;
			background-image: url(images/basepro.gif);
		}
	.featuretitlelong {
		height: 19px;
		width: 517px;
		background-image: url(images/professional-design.gif);
		color: #FFFFFF;
		padding-left: 10px;
		padding-top: 7px;
	}
	.blurblong {
		background-color: #F8F6F6;
		width: 505px;
		border-right-width: 1px;
		border-left-width: 1px;
		border-style: solid;
		border-color: #A6A69E;
		color: #333333;
		padding-left: 10px;
		padding-top: 7px;
		padding-right: 10px;
	}
		.feature_indent{
			width: 40px;
			float: left;
		}
		.feature_indent_red{
			width: 40px;
			float: left;
			margin-top: 8px;
		}
		.feature_indent_bolditalic{
			width: 40px;
			float: left;
			margin-top: 4px;
		}
		.feature_text{
			width: 460px;
			float: left;
			margin-left: 5px;
		}
		.feature_indent_new{
			width: 100px;
			float: left;
			font-size: 10pt;
			font-style: italic;
			font-weight: bold;
			color: #D60724;
		}
		.feature_text_new{
			width: 400px;
			float: left;
			margin-left: 5px;
				}
		.feature_text_sponsor{
			width: 323px;
			float: left;
			margin-left: 5px;
		}
	.featurebaselong {
		height: 16px;
		width: 527px;
		background-image: url(images/basepronews.gif);
		margin-bottom: 8px;
	}
	.copyright {
		height: 16px;
		width: 527px;
		color: #666666;
		text-align: center;
		margin-bottom: 15px;
	}

/* FOOTER
-------------------------------------------- */
#footer {
	font-size: 7.5pt;
	height: 50px;
	background-image: url(images/footer.gif);
	border-top-width: 1px;
	border-style: solid;
	border-color: #A6A69E;
	width: 743px;
	color: #666;
	text-align: center;
	padding-left: 3px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
	#footer a {
		color: #666666;
		text-decoration: none;
	
	}
	#footer a:hover {
		color: #CC0000;
		text-decoration: none;
	}
	.menubase {
		height: 17px;
		padding-right: 7px;
		padding-left: 7px;
		border-right-width: 1px;
		border-style: solid;
		border-color: #CCC;
		float: left;
		padding-top: 4px;
		margin-top: 10px;
		font-size: 7.5pt;
	}
	.menubaseend {
		height: 17px;
		padding-right: 7px;
		padding-left: 7px;
		float: left;
		padding-top: 4px;
		margin-top: 10px;
		font-size: 7.5pt;
	}.feature_indent_aboutus {
	width: 100px;
	float: left;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color: #D60724;
	margin-bottom: 10px;
}.feature_indent_imagesponsor {
	width: 177px;
	float: left;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color: #D60724;
	margin-bottom: 10px;
	text-align: center;
}
.red_header {
	color: #D60724;
	font-size: 10pt;
	font-weight: bold;
}
.red_text {
	color: #D60724;
	font-size: 8pt;
	font-weight: bold;
}

.grey_header {
	color: #333;
	font-size: 9pt;
	font-weight: bold;
}
.line {
	height: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A6A69E;
	margin: 0px;
}
.flash2 {
	text-align: center;
	float: left;
	height: 200px;
	width: 234px;
	margin-right: 9px;
	margin-left: 9px;
}
#container #mainContent .blurblong ol li {
	margin-left: 22px;
}
#container #mainContent .blurblong ul li {
	margin-left: 45px;
}
.number_indent {
	width: 15px;
	float: left;
	margin-top: 0px;
}
.number_indent2 {
	width: 485px;
	float: left;
	margin-left: 5px;
}
.number_point {
	width: 25px;
	float: left;
	margin-top: 0px;
}
.number_point2 {
	width: 475px;
	float: left;
	margin-left: 5px;
}
#container #mainContent .blurblong hr {
	margin-top: 15px;
	margin-bottom: 15px;
}
.product_indent {
	float: left;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color: #D60724;
	margin-bottom: 10px;
	text-align: center;
}
.product_text {
	width: 400px;
	float: left;
	margin-left: 5px;
}
.number_gims {
	float: left;
	margin-left: 5px;
	width: 375px;
}
.galleryimage {
	float: left;
	width: 290px;
	border: 1px solid #CCC;
}
.gallerythumb {
	height: 60px;
	width: 60px;
	margin-bottom: 9px;
	margin-left: 9px;
	float: left;
	border: 1px solid #CCC;
}
.gallerythumbhold {
	float: left;
	width: 213px;
}
.monitors {
	float: left;
	width: 168px;
	margin-top: 14px;
	text-align: center;
	height: 120px;
}
.screenview {
	float: left;
	width: 252px;
	background-image: url(images/sep2.gif);
	margin-left: 28px;
	background-repeat: repeat-y;
	background-position: right;
}

.monitorstext {
	float: left;
	width: 168px;
	margin-top: 5px;
	text-align: center;
	height: 25px;
}
.webfeatures {
	float: left;
	width: 213px;
	margin-left: 10px;
}
.webfeatureimage {
	border: 1px solid #CCC;
}
.function {
	width: 213px;
}
.darkgray {
	background-color: #c0c0c0;
	width: 503px;
	float: left;
}
.darkgrayletters {
	width: 60px;
	float: left;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	padding-top: 14px;
	padding-right: 14px;
	padding-left: 14px;
	text-align: center;
}
.invalid {
	color: #FFF;
	text-align: center;
	margin-top: 35px;
}
.lightgraytext {
	width: 387px;
	float: left;
	padding-top: 14px;
	padding-right: 14px;
	padding-left: 14px;
	background-color: #e5e5e5;
}
.invalid a{
	color: #FFF;
	text-align: center;
	margin-top: 35px;
}
.whitetitle {
	font-family: arial;
	font-size: 14pt;
	color: #FFF;
}
.submitbutton {
	font-family: verdana;
	font-size: 8.5pt;
	color: #FFF;
	background-color: #D00000;
	font-weight: bold;
}
.feature_text_kingston {
	width: 210px;
	float: left;
	margin-left: 5px;
}
.feature_text_kingston2 {
	width: 88px;
	float: left;
	margin-left: 20px;
}
.formboarder {
	border: 1px solid #999;
	font-family: verdana;
	font-size: 8pt;
	color: #333;
}
#theClock #container #mainContent .blurblong table tr td table tr td table tr td {
	text-align: center;
}
.plannerstext {
	float: left;
	width: 168px;
	margin-top: 5px;
	text-align: center;
	height: 45px;
}
