@charset "utf-8";
/* CSS Document */

/* ----------MAIN BODY STYLES---------- */
 
* {
    margin: 0px; /*SETS 0 MARGIN*/
    padding: 0px; /*SETS 0 PADDING*/
}
 
body {
	color: #006; /*MAIN WEBSITE TEXT COLOR*/
	font-family: Verdana, Arial, Helvetica, sans-serif; /*SIZE OF TEXT 0.69EM = 11PX*/
	background-image: none;
	background-repeat:repeat-x; /*REPEATS BACKGROUND HORIZONTALLY*/
	background-color: #001334; /*SETS THE COLOR OF OUR BACKGROUND WHEN THE BACKGROUND IMAGE COMES TO AN END*/
}
 
/* ----------CONTAINER STYLES---------- */
 
#container {
    width: 950px; /*MAXIMUM WIDTH OF OUR LAYOUT*/
    margin-top: 13px; /*ADDS A TOP MARGIN TO THE TOP OF OUR CONTAINER*/
    margin-right: auto; /*AUTO MARGIN*/
    margin-left: auto; /*AUTO MARGIN*/
}
 
/* ----------HEADER STYLES---------- */
 
#header {
	float: left; /*FLOATS HEADER LEFT*/
	height: 155px; /*ADDS A FIXED HEIGHT*/
	width: 950px; /*ADDS A FIXED WIDTH, SHOULD BE SAME AS CONTAINER*/

	background-image: ;/*OUR HEADER BACKGROUND IMAGE*/
	background-repeat: no-repeat; /*STOPS HEADER BACKGROUND REPEATING */
	background-color: #02050C;
	background-image: url(../images/images/header_03.jpg);
}
 
#logo {
	float: left; /*FLOATS LOGO LEFT*/
	margin-top: 45px;
}
 
 
/* ----------NAVIGATION STYLES---------- */
 
#navigation {
    float: left; /*FLOATS NAV LEFT*/
    height: 45px; /*ADDS FIXED HEIGHT*/
    width: 950px; /*ADDS FIXED WIDTH SAME AS OUR CONTAINER*/
    background-image: url(../images/images/images/navbar_03.jpg);
    background-repeat: repeat-x; /*REPEATS NAVIGATION BACKGROUND HORIZONTALLY*/
}
h1 {
    font-size: 36px; /*H1 FONT SIZE*/
    color: #FFFFFF; /*H1 FONT COLOR*/
    font-weight: normal; /*SETS FONT WEIGHT TO NORMAL*/
    letter-spacing: -3px; /*DECREASES LETTER SPACING (the space between each letter)*/
	
}
 
.slogan {
    text-align: right; /*ALIGNS SLOGAN TEXT RIGHT*/
    text-transform: capitalize; /*CAPITALIZES THE FIRST LETTER ON EACH WORD*/
}
 
.bold {
    font-weight: bold; /*ADDS BOLD FONT WEIGHT*/
}

.nav-links li {
    list-style-type: none; /*REMOVES BULLET POINTS FROM THE LIST*/
    float: left; /*FLOATS LEFT*/
    text-align: center; /*ALIGNS TEXT CENTER*/
    letter-spacing: -1px; /*DECRESES LETTER SPACING*/
    background-image: url(../images/images/images/seperator_03.jpg); /*SEPERATOR IMAGE*/
    background-repeat: no-repeat; /*STOPS SEPERATOR REPEATING*/
    background-position: right; /*ALIGNS THE SEPERATOR RIGHT OF EACH NAVIGATION LINK*/
}
 
.nav-links li a {
    text-decoration: none; /*REMOVES UNDERSCORE FROM LINK ITEMS*/
    color: #000000; /*COLOR OF OUR NAVIGATION LINKS*/
    text-transform: uppercase; /*TRANSFORMS NAVIGATION LINKS TO ALL CAPITAL LETTERS*/
    font-size: 12px; /*ADDS FONT SIZE*/
    display: block; /*DISPLAYS THE NAV LINKS AS A BLOCK ELEMENT*/
    height: 29px; /*ADDS A FIXED HEIGHT TO NAV LINKS*/
    width: 80px; /*ADDS A FIXED WIDTH TO NAV LINKS*/
    padding-top: 15px; /*ADDS TOP PADDING TO EACH LINK*/
}
 
.nav-links li a:hover {
    color: #FFF /*COLOR OF LINK WHEN HOVERED*/
}

/* ----------LEFT CONTENT STYLES---------- */
 
.left-content {
	float: left; /*FLOATS LEFT CONTENT BOX LEFT*/
	width: 560px; /*ADDS A FIXED WIDTH*/
	-moz-border-radius: 15px; /*ADDS A BORDER RADIUS (applys to Mozilla/Firefox and Safari 3 users ONLY)*/
	-webkit-border-radius: 15px; /*ADDS A BORDER RADIUS (applys to Mozilla/Firefox and Safari 3 users ONLY)*/
	background-color: #FFF; /*LEFT CONTENT BACKGROUND COLOR*/
	border: 1px solid #181818; /*LEFT CONTENT 1 PX BORDER AND BORDER COLOR*/
	padding: 20px; /*ADDS PADDING ALL THE WAY AROUND*/
	color: #000;
}
 
/* ----------RIGHT CONTENT STYLES---------- */
 
.right-content {
	float: right; /*FLOATS RIGHT CONTENT BOX RIGHT*/
	width: 290px; /*ADDS FIXED WIDTH*/
	-moz-border-radius: 15px; /*ADDS A BORDER RADIUS (applys to Mozilla/Firefox and Safari 3 users ONLY)*/
	-webkit-border-radius: 15px; /*ADDS A BORDER RADIUS (applys to Mozilla/Firefox and Safari 3 users ONLY)*/
	background-color: #FFF; /*RIGHT CONTENT BACKGROUND COLOR*/
	border: 1px solid #181818; /*RIGHT CONTENT 1 PX BORDER AND BORDER COLOR*/
	padding: 20px; /*ADDS PADDING ALL THE WAY AROUND*/
	color: #000;
} 
p {
	font-size: 12px; /*TEXT FONT SIZE*/
	line-height: 22px; /*TEXT LINE HEIGHT*/
	text-align: justify; /*JUSTIFYS OUR PARAGRAPHS*/
	margin: 5px 0 10px;  /*ADDS TOP MARGIN OF 5PX AND BOTTOM MARGIN OF 10PX NO MARGIN LEFT OR RIGHT*/
	padding: 0; /*ADDS NO PADDING*/
	color: #000;
}
/* ----------FOOTER STYLES---------- */
 
#footer {
    background-image: url(../images/images/images/footer_03.jpg); /*ADDS OUR BACKGROUND IMAGE*/
    background-repeat: repeat-x; /*REPEATS BACKGROUND HORIZONTALLY*/
    clear: both; /*CLEARS BOTH FLOATS*/
    height: 82px; /*ADDS A FIXED HEIGHT*/
    background-position: bottom; /*PLACES BACKGROUND AT THE BOTTOM OF THE DIV*/
}
 
#footer-content {
    background-image: url(../images/images/images/footer_03.jpg;) /*ADDS OUR BACKGROUND IMAGE*/
    background-repeat: repeat-x; /*REPEATS BACKGROUND HORIZONTALLY*/
    height: 82px; /*ADDS A FIXED HEIGHT*/
    width: 950px; /*ADDS A FIXED WIDTTH*/
    margin: auto; /*AUTO MARGIN CENTERS OUR FOOTER*/
    background-position: bottom; /*PLACES BACKGROUND AT THE BOTTOM OF THE DIV*/
}
 
#footer-content p {
    text-transform: capitalize; /*TRANSFORMS THE FIRST LETTER IN EVERY WORD TO A CAPITAL LETTER*/
    color: #000000; /*COLOR OF FOOTER TEXT*/
    padding-top: 50px; /*ADDS TOP PADDING*/
    padding-left: 20px; /*ADDS LEFT PADDING*/
}
a:link {
    color: #006; /*COLOR OF A LINK*/
    text-decoration: none; /*REMOVES UNDERSCORE*/
}
a:visited {
    text-decoration: none; /*REMOVES UNDERSCORE*/
    color: #900; /*COLOR OF A VISITED LINK*/
}
a:hover {
	text-decoration: underline; /*ADDS UNDERSCORE*/
	color: #006; /*COLOR OF A HOVERED LINK*/
}
a:active {
    text-decoration: none; /*REMOVES UNDERSCORE*/
    color: #006; /*COLOR OF A ACTIVE LINK*/
}
 
h3 {
    color: #FFFFFF; /*H3 FONT COLOR*/
    text-transform: uppercase; /*TRANSFORMS TEXT TO UPPERCASE*/
    font-size: 16px; /*H3 FONT SIZE*/
    font-weight: normal; /*REMOVES BOLD*/
}
 
h4 {
    color: #FFFFFF; /*H4 FONT COLOR*/
    text-transform: uppercase; /*TRANSFORMS TEXT TO UPPERCASE*/
    font-size: 12px; /*H4 FONT SIZE*/
}
#featured-area .left-content p {
	text-align: center;
}
#container #featured-area .left-content p {
	text-align: left;
}