body {
	padding: 0;
	margin: 0;
	font-size: 10px;
	text-align: center;
	background: #d3e1e9 url(../images/bg.jpg) repeat-x;
}
a {
	outline: none;
}
img {
	border: 0;
	vertical-align: bottom;
}
form, 
fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}
/********************************* Common Classes *********************************/
.clearBoth {
	clear: both;
	height: 0;
	overflow: hidden;
	margin: 0;
}
/********************************* Wrapper *********************************/
#wrapper {
	position: relative;
	width: 950px;
	\width: 990px; /* Box Model Hack */
	w\idth: 950px;
	padding: 20px;
	text-align: left;
	margin: 0 auto;
}
/********************************* Header *********************************/
#header {
	float: left;
	clear: both;
	width: 950px;
	height: 100px;
	background: transparent url(../images/header.gif) no-repeat;
}
#logo {
	float: left;
	margin: 20px 70px 0 30px;
}
#header ul {
	float: left;
	width: 605px;
	padding: 55px 0 0 0;
	font: bold 1.3em/1.23em Arial, Helvetica, sans-serif;
	margin: 0;
	list-style-type: none;
}
#header ul li {
	float: left;
	margin: 0 12px 0 0;
}
#header ul li a {
	display: block;
	color: #369;
	text-decoration: none;
	background: transparent url(../images/tabs/off_r.gif) 100% 0 no-repeat;
}
#header ul li a span {
	display: block;
	padding: 16px 22px 13px 22px;
	background: transparent url(../images/tabs/off_l.gif) no-repeat;
}
#header ul li a:hover, 
#header ul li a:active, 
#header ul li a:focus {
	background: transparent url(../images/tabs/off_r.gif) 100% -100px no-repeat;
}
#header ul li a:hover span, 
#header ul li a:active span, 
#header ul li a:focus span {
	color: #000;
	text-decoration: underline;
	background: transparent url(../images/tabs/off_l.gif) 0 -100px no-repeat;
}
#header ul li a.active {
	color: #fff;
	background: transparent url(../images/tabs/on_r.gif) 100% 0 no-repeat;
}
#header ul li a.active:hover, 
#header ul li a.active:active, 
#header ul li a.active:focus {
	background: transparent url(../images/tabs/on_r.gif) 100% 0 no-repeat;
}
#header ul li a.active span {
	text-decoration: none;
	background: transparent url(../images/tabs/on_l.gif) no-repeat;
	cursor: default;
}
#header ul li a.active:hover span, 
#header ul li a.active:active span, 
#header ul li a.active:focus span {
	color: #fff;
	text-decoration: none;
	background: transparent url(../images/tabs/on_l.gif) no-repeat;
}
/********************************* Main *********************************/
#main {
	float: left;
	clear: both;
	width: 940px;
	\width: 950px; /* Box Model Hack */
	w\idth: 940px;
	padding: 0 5px;
	background: #c1d3e0 url(../images/main_bg.jpg) no-repeat;
}
#content {
	float: left;
	width: 870px;
	\width: 940px; /* Box Model Hack */
	w\idth: 870px;
	min-height: 350px;
	padding: 0 35px 28px 35px;
	background: #fff url(../images/bottom_line.gif) 50% 100% no-repeat;
}
#content h1 {
	float: left;
	width: 850px;
	\width: 900px; /* Box Model Hack */
	w\idth: 850px;
	padding: 28px 25px;
	font: bold 1.8em/1.22em Arial, Helvetica, sans-serif;
	color: #e55562;
	margin: 0 -15px 15px -15px;
	background: transparent url(../images/title.gif) no-repeat;
}
*html #content h1 {
	position: relative; /* Early IE Hack */
	left: 15px;
}
#content h2 {
	font: bold 1.3em/1.15em Arial, Helvetica, sans-serif;
	color: #e55562;
	margin: 0 0 15px 0;
}
#content h3 {
	font: bold 1.3em/1.15em Arial, Helvetica, sans-serif;
	color: #369;
	margin: 0 0 10px 0;
}
#content p {
	font: 1.2em/1.25em Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0 0 15px 0;
}
#content ul {
	font: 1.2em/1.25em Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0;
	margin: 0 0 15px 0;
	list-style-type: none;
}
#content ul li {
	padding: 0 45px 10px 20px;
	background: transparent url(../images/bullet.gif) 7px 6px no-repeat;
} 
#content ol {
	font: 1.2em/1.25em Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0;
	margin: 0 0 15px 20px;
}
#content a {
	color: #369;
	text-decoration: none;
	border-bottom: 1px #cddaee solid;
}
#content a:hover, 
#content a:active, 
#content a:focus {
	padding: 0 3px;
	color: #000;
	margin: 0 -3px;
	border-top: 1px #ffc solid;
	border-bottom: 1px #ddddd6 solid;
	background: #ffc;
}
/********************************* Home Page *********************************/
#content h1#intro {
	float: left;
	width: 340px;
	\width: 900px; /* Box Model Hack */
	w\idth: 340px;
	padding: 98px 245px 95px 315px;
	font: normal 1.5em/1.33em Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0 -15px;
	background: transparent url(../images/intro.jpg) no-repeat;
}
*html #intro {
	position: relative; /* Early IE Hack */
	left: 15px;
}
#content h1#intro strong {
	display: block;
	padding: 4px 0 0 0;
	font-size: 1.66em;
	line-height: 1.4em;
	margin: 0 -1px;
}
/*********************************/
.homeColumn {
	float: left;
	width: 260px;
	padding: 10px 0 0 0;
	margin: 0 20px 0 0;
}
.homeColumn img {
	float: right;
}
/*********************************/
#sequenceEvents {
	float: right;
	width: 305px;
	background: #fbd9e8 url(../images/sequence_bottom.gif) 0 100% no-repeat;
}
#sequenceEvents p {
	padding: 26px 18px 15px 18px;
	font: bold 1.3em/1.15em Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	background: transparent url(../images/sequence_top.gif) no-repeat;
}
#sequenceEvents ol {
	padding: 0 18px 8px 18px;
	font-weight: bold;
	color: #000;
	margin: 0 0 0 20px;
}
*html #sequenceEvents ol {
	padding: 0 15px 8px 15px; /* Early IE Hack */
	margin: 0 0 0 25px;
}
#sequenceEvents ol li {
	padding: 0 0 15px 0;
	background: none;
}
#sequenceEvents ol li span {
	font-weight: normal;
	color: #666;
}
/********************************* Sub Page *********************************/
#leftColumn {
	float: left;
	width: 425px;
}
#rightColumn {
	float: right;
	width: 425px;
}
#leftColumn2 {
	float: left;
	width: 605px;
}
#rightColumn2 {
	float: right;
	width: 245px;
}
#leftColumn img, 
#rightColumn img,
#leftColumn2 img,
#rightColumn2 img {
	float: right;
	margin: 0 10px 15px 30px;
}
#content ul#whatYouGet li {
	padding: 0 45px 6px 20px;
	background: transparent url(../images/heart_bullet.gif) 2px 0 no-repeat;
}
/********************************* Get In Touch *********************************/
#contactColumn {
	float: left;
	width: 260px;
	margin: 0 20px 0 0;
}
#contactColumn p {
	float: left;
	clear: both;
	width: 260px;
	margin: 0 0 10px 0;
}
#contactColumn p input, 
#contactColumn p textarea {
	float: left;
	width: 250px;
	\width: 260px; /* Box Model Hack */
	w\idth: 250px;
	height: 25px; /* Box Model Hack */
	hei\ght: auto;
	border: 1px #d9dfe8 solid;
	border-top-color: #b7c3d3;
	border-left-color: #b7c3d3;
	padding: 3px 4px;
	font: 1em/1.25em Arial, Helvetica, sans-serif;
	color: #666;
	margin: 2px 0 0 0;
}
#contactColumn p textarea {
	overflow: auto;
}
#contactColumn p textarea#contactAddress {
	overflow: auto;
	height: 60px;
	he\ight: 52px; /* Box Model Hack */
}
#contactColumn p textarea#contactMessage {
	overflow: auto;
	height: 160px;
	he\ight: 152px; /* Box Model Hack */
}
#contactColumn p input.error, 
#contactColumn p textarea.error {
	border-color: #c69;
}
#contactColumn p button {
	float: left;
	width: 120px;
	height: 23px;
	text-indent: -5000px;
	padding: 0;
	border: 0;
	margin: 16px 0 0 0;
	overflow: hidden;
	background: transparent url(../images/send_message.gif) no-repeat;
	cursor: pointer;
}
#contactColumn p button:hover {
	background-position: 0 -23px;
}
#addressColumn {
	float: right;
	width: 305px;
}
/********************************* Footer *********************************/
#footer {
	float: left;
	clear: both;
	width: 870px;
	\width: 950px; /* Box Model Hack */
	w\idth: 870px;
	padding: 30px 40px;
	background: transparent url(../images/footer.gif) 0 100% no-repeat;
}
#footer p {
	font: 1.2em/1.5em Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0 0 18px 0;
}
/*********************************/
#footerLeft {
	float: left;
	width: 520px;
}
#footerLeft a {
	color: #369;
	text-decoration: none;
	border-bottom: 1px #bdd1e2 solid;
}
#footerLeft a:hover, 
#footerLeft a:active, 
#footerLeft a:focus {
	color: #333;
	border-color: #ccc;
}
#copyright {
	color: #e55562;
}
/*********************************/
#footerRight {
	float: right;
	width: 340px;
	text-align: right;
}
#footerRight a {
	color: #369;
	text-decoration: none;
}
#footerRight a:hover, 
#footerRight a:active, 
#footerRight a:focus {
	color: #333;
}
#bytemedia {
	border-bottom: 1px #bdd1e2 solid;
}
#bytemedia:hover, 
#bytemedia:active, 
#bytemedia:focus {
	border-color: #ccc;
}
/*********************************/
#tradingNames {
	float: left;
	clear: both;
	width: 870px;
}
#tradingNames img {
	float: left;
	margin: 0 20px 0 0;
}
#tradingNames p {
	float: left;
	font: 1.1em/1.27em Arial, Helvetica, sans-serif;
	color: #999;
	margin: 17px 0 0 0;
}