body {
	font-family: Arial, sans-serif;
	font-size: 90%;
	background: url(images/bg.png) top repeat-x #484848;
}

/******* BACKGROUND AND CONTAINER ELEMENTS ********/

a {
	color: #000000;
}

#wrapper {
	width: 742px;
	margin: 0 auto;
	background: url(images/wrapper_bg.png) top center no-repeat;
	padding: 17px 22px 0 18px;
}

body.sub #wrapper {
	background-image: url(images/wrapper_bg_sub.png);
}

#background {
	margin: 0 auto;
	background: url(images/body_bg.png) top center repeat-y;
}

body.sub #background {
	background-image: url(images/body_bg_sub.png);
}

/************** NAVIGATION ELEMENTS ****************/

#nav {
	margin-left: 373px; 
}

#nav li {
	float: left;
	background: url(images/nav_bg.png) top right repeat-x;
}

#nav li a {
	background: url(images/nav_separator.png) top left no-repeat;
	padding: 5px 15px;
	display: block;
	font-size: 75%;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

/************** LOGO ELEMENT ****************/

h1 {
	clear: both;
}

h1 a {
	background: url(images/logo.png) top left no-repeat;
	width: 206px;
	height: 182px;
	display: block;
	margin: 28px 0 0 5px;
}

body.sub h1 a {
	background-image: url(images/logo_sub.png);
}

h1 a span {
	display: none;
}

/******************* HOME PAGE *******************/

#company {
	background: url(images/welcome_bg.png) left repeat-x;
}

#company h2 {
	background: url(images/company.png) top left no-repeat;
	width: 181px;
	height: 25px;
	display: block;
	margin: 5px 0 0 190px;
}

#company h2 span {
	display: none;
}

#company p {
	font-size: smaller;
	margin: 0 40px 20px 190px;
}

#company p.first {
	border-top: 1px dotted #000;
	padding-top: 15px;
}

#company .image {
	float: left;
	margin: 0 20px 0 10px;
}

/************** WELCOME ELEMENTS ****************/

#welcome {
	background: url(images/welcome_bg.png) left repeat-x;
	height: 200px;
}

#welcome h2 {
	background: url(images/welcome.png) top left no-repeat;
	width: 111px;
	height: 25px;
	display: block;
	margin: 5px 0 0 190px;
}

#welcome h2 span {
	display: none;
}

#welcome p {
	font-size: smaller;
	margin: 0 40px 20px 190px;
}

#welcome p.first {
	border-top: 1px dotted #000;
	padding-top: 15px;
}

#welcome .image {
	float: left;
	margin: 0 20px 0 10px;
}

/***************** HOME CONTENT AREAS *****************/

#home_content_1 {
	width: 392px;
	margin-left: 340px;
	background: url(images/home_content_1_bg.png) bottom no-repeat;
	padding-bottom: 10px;
}

#home_content_1 h3 {
	background: url(images/home_content_1_top.png) top no-repeat;
	padding: 20px 0 7px 40px;
	font-weight: bold;
	font-size: 90%;
	color: #CCCA9A;
}

#home_content_1 p {
	padding: 10px 20px 0 20px;
	font-size: 75%;
	color: #fff;
}

#home_content_2 {
	float: left;
	background: url(images/home_content_2_bg.png) bottom no-repeat;
	width: 319px;
	padding-bottom: 20px;
	margin: 0px 0 0 10px;
}

#home_content_2 h3 {
	background: url(images/home_content_2_top.png) top no-repeat;
	padding: 10px 0 7px 40px;
	font-weight: bold;
	font-size: 90%;
}

#home_content_2 .image {
	float: left;
	margin: 3px 3px 0 8px;
	clear: left;
}

#home_content_2 ul {
	margin: 5px 0 0 160px;
	color: #fff;
	font-size: 75%;
	clear: right;
}

#home_content_2 ul li {
	list-style-image: url(images/bullett.png);
	padding-left: 3px;
	margin-bottom: 6px;
}

/******************** SUB PAGE *********************/

/******************* SUB PAGE SIDEBAR **************/

#sub_sidebar {
	background: url(images/sub_sidebar_bg.png) bottom no-repeat;
	width: 202px;
	margin: 10px 10px 10px 10px;
	float: left;
	padding-bottom: 20px
}

#sub_sidebar h3 {
	background: url(images/sub_sidebar_top.png) top no-repeat;
	padding: 12px 0 15px 38px;
	font-size: 75%;
	font-weight: bold;
}

#sub_sidebar ul {
	font-size: 80%;
	margin-bottom: 20px;
	
}

#sub_sidebar ul li {
	list-style: disc;
	margin-left: 35px;
	color: #B4B4B4;
	margin-bottom: 7px;
}

#sub_sidebar .image {
	text-align: center;
	padding-top: 15px;
	border-top: 1px solid #303030;
	color: #fff;
	font-size: 80%;
	font-weight: bold;
}

/***************** SUB PAGE MAIN CONTENT ****************/

#sub_main_content {
	width: 480px;
	margin: 10px 0 0 240px;	
}

#sub_main_content h2 {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
}

#sub_main_content p {
	font-size: 80%;
	margin-bottom: 15px;
}

#sub_main_content .callout {
	background: url(images/callout_bg.png) top left no-repeat;
	width: 501px;
	height: 176px;
	display: block;
	padding: 7px 15px;
}

#sub_main_content .callout .item { 
	width: 140px;
	float: left;
	margin: 10px;
}

#sub_main_content .callout .item h4 { 
	font-size: 80%;
	color: #fff;
	font-weight: bold;
	background: url(images/square_bullett.png) left no-repeat;
	padding-left: 10px;
	margin-bottom: 5px;
	color: #ECECEC;
}

#sub_main_content .callout .item p {
	font-size: 75%;
}

/****************** FOOTER *****************/

#footer {
	clear: both;
	height: 54px;
	text-align: center;
	color: #2B2B2B;
	background: url(images/footer_bg.png) top center no-repeat;
	font-size: 75%;
}

#footer p {
	padding-top: 4px;
}