@charset "utf-8";

/*Global Styles*/
html, body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	background: black;
}

body {
	color: white;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
}

a {
	color: red;
	text-decoration: none;
}

a:hover {
	color: red;
}

/*Divisions*/
#page-container {
	width: 950px;
	margin: auto;
}

#header {
	height: 95px;
	background: url(../images/header.png) no-repeat;
}

#navigation {
	height: 35px;
	width: 900px;
	
	margin: 0px 0px 0px 25px;
	background: url(../images/navigation.png) no-repeat;
}

#main-body {
	height: 505px;
	background: url(../images/body.png) no-repeat;
}

#body {
	margin: 25px 0px 25px 0px;
}

#body-right {
	float: right;
	width: 605px;
}

#body-left {
	float: left;
	width: 300px;
}

#footer {
	clear: both;
	height: 65px;
	background: url(../images/footer.png) no-repeat;
}

/*Header*/
#block {
	float: left;
	height: 75px;
	margin: 10px 0px 0px 25px;
}

#block a {
	width: 175px;
	height: 75px;
	display: block;
	background: url(../images/block.png);
}

#block a:link, #block a:visited { 
	background-position: 0px 0px; 
}

#block a:hover, #block a:focus {
	background-position: 0px -75px;
}

/*Navigation*/
ul#matrix {
	width: 900px;
	height: 35px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
		top: 0px;
		left: 0px;
}

ul#matrix li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	list-style-type: none; 
}

ul#matrix li a { 
	display: block; 
	background: url(../images/navigation.png) no-repeat;
}

li#link1 a { width:  70px; height: 35px; }
li#link2 a { width: 105px; height: 35px; }
li#link3 a { width: 120px; height: 35px; }
li#link4 a { width:  70px; height: 35px; }
li#link5 a { width: 105px; height: 35px; }

li#link1 a:link, li#link1 a:visited { background-position:    0px 0px; } 
li#link2 a:link, li#link2 a:visited { background-position:  -70px 0px; } 
li#link3 a:link, li#link3 a:visited { background-position: -175px 0px; }
li#link4 a:link, li#link4 a:visited { background-position: -295px 0px; }
li#link5 a:link, li#link5 a:visited { background-position: -365px 0px; }

li#link1 a:hover, li#link1 a:focus { background-position:    0px -35px; } 
li#link2 a:hover, li#link2 a:focus { background-position:  -70px -35px; }
li#link3 a:hover, li#link3 a:focus { background-position: -175px -35px; }
li#link4 a:hover, li#link4 a:focus { background-position: -295px -35px; } 
li#link5 a:hover, li#link5 a:focus { background-position: -365px -35px; }

body#link1-page li#link1 a { background-position:    0px -70px; }
body#link2-page li#link2 a { background-position:  -70px -70px; }
body#link3-page li#link3 a { background-position: -175px -70px; }
body#link4-page li#link4 a { background-position: -295px -70px; }
body#link5-page li#link5 a { background-position: -365px -70px; }

/*Class Styles*/
.font-a {
	color: #CCCCCC;
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
}

.font-b {
	font-size: 16px;
	font-family:"Segoe UI", Impact, Arial, Helvetica, Sans-serif;
}

.padding-a {
	padding: 5px 0px 0px 35px;
}

.padding-b {
	padding: 5px 35px 0px 0px;
}

.padding-c {
	padding: 25px 0px 0px 25px;
}

.padding-d {
	padding: 25px 25px 0px 0px;
}

.padding-e {
	padding: 50px 0px 0px 45px;
}

.padding-f {
	padding: 0px 45px 0px 0px;
}

.padding-g {
	padding: 10px 0px 0px 10px;
}

.padding-h {
	padding: 10px 0px 0px 15px;
}

.padding-i {
	padding: 3px 0px 0px 10px;
}

/*Class Divisions*/
.float-left {
	float: left;
	width: 400px;
	
	text-align: left;
}

.float-right {
	float: right;
	width: 400px;
	
	text-align: right;
}

.h-box {
	width: 570px;
	height: 300px;
	background: url(../images/h-box.png) no-repeat;
}

.h-box-title {
	height: 35px;
}

.h-box-content {
	width: 285px;
	height: 225px;
}

.h-box-footer {
	height: 20px;
}

.v-box {
	width: 300px;
	height: 505px;
	margin: 0px 0px 0px 35px;
	background:url(../images/v-box.png) no-repeat;
}

/*ClearFix*/
.clearfix {
	display: inline-block;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}