/*---------------------------------
ONLY INLINE STYLING IS ON INDEX.HTML
ON DIV ID="SUBMENU" JUST TO KEEP THE BORDER
AROUND FRAME RUNNING
ALL OTHER STYLING IS CONTROLLED FROM HERE
----------------------------------*/

/*---------------------------------
RESET BROWERS INHERITED STYLES
----------------------------------*/

*{
	margin:0;
	padding:0;
}


/*----------------------------------
SETTING UP STYLES
------------------------------------*/
html {
	height:100%;
}
body{
	background:#02304e url('../images/background.jpg') repeat-x;
	font-family: Ariel, Helvetica, sans-serif;
	color:black;
}
#container {
	width:960px;
	margin:0 auto;
	padding:0 10px;
	height:100%;
}
#header {
	position:relative;
	width:100%;
}
#header h1 {
	display:block;
	float:left;
	width:327px;
	height:142px;
	background:url('../images/logo.jpg') no-repeat 0 0;
	text-indent:-9999px;
}
#header h1 a{
	display:block;
	width:100%;
	height:100%;
}
#header h3{
	text-indent:-9999px;
}

#contact h2 a{
	font-size: 1.2em;
	text-decoration:none;	
	color:#034168;
}
/*----------------------------------
NAVIGATION
------------------------------------*/
#nav{
	clear: both;
	height: 40px;
	width: 100%;
}
#nav ul{
	float: left;
	
}
#nav ul li{
	list-style-type: none;
	display: block;
	height: 40px;
	float: left;
	padding: 0px 3px 0px 0px;	
}
#nav ul li a{
	color: #3f3f3f;
	display: block;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	height: 100%;
	line-height: 40px;
	padding: 0 0 0 18px;
}
#nav li a span{
	display: block;
	float: left;
	height: 100%;
	padding: 0 18px 0 0;
}
#nav li a:hover{
	color:#918f8f;
}
#nav li.active a{
	background: url('../images/hover.jpg') no-repeat left;
	color:#fff;
	text-decoration:none;
}
#nav li.active a span {
	background: url('../images/hover.jpg') no-repeat right;
	color:white;
}

/*------------------------------

--------------------------------*/

#main_content {
	margin:10px 0 0 0;
	width:960px;
}
#submenu{
	background:#f3f3f3;
	float:left;
	top:5px;
	left:0px;
	width:140px;
	padding:20px 8px;
	margin:5px 0 5px 0;
	border-left:5px white solid;
	border-bottom:5px white solid;
	border-top:5px white solid;
	border-right:5px white solid;
	
}
#submenu ul li{
	list-style-type:none;
	font-size:1.3em;
	line-height:2em;
}
#submenu ul li a{
	text-decoration:none;
	display:block;
}
#submenu ul li a:hover{
	color:#918f8f;
}

#content {
	background:#f3f3f3;
	float:right;
	width:750px;
	padding:10px 15px;
	margin:5px 5px 5px 0;
	border-bottom:5px white solid;
	border-top:5px white solid;
	border-right:5px white solid;
	border-left:4px white solid;
	
}
#content #photo{
	float:right;
	width:200px;
	height:200px;
	margin:10px;

}
#content img{
	float:right;
	width:300px;
	height:350px;
	margin:10px;
	border: 5px #fff solid;
	margin-left:30px;
}
#content_other {
	background:#e8e8e8; 
	float:left;
	width:920px;
	padding:10px 15px;
	margin:5px 5px 5px 5px;
	border:5px white solid;
	
}
h2 {
	padding:10px;
}
p{
	line-height:1.3em;
	word-spacing:0.1em;
	padding:5px;
	margin:10px 20px 20px 20px;
}
li {
	line-height:1.3em;
	word-spacing:3px;
}
a{
	color:black;
	text-decoration:none;	
}
#content_other h2 {
	text-align:center;
}


/*------------------------------
CONTACT PAGE
--------------------------------*/
#content_disclaimer{
	background:#e8e8e8;
	float:left;
	width:920px;
	padding:10px 15px;
	margin:5px 5px 5px 5px;
	border:5px white solid;
}
#content_disclaimer h3{
	margin:20px 10px 0 20px ;
}
#content_disclaimer p {
	margin:10px 10px 0 20px;
}
#content_disclaimer ol{
	margin:0 50px;
	list-style-type:lower-latin;
}
#content_disclaimer ol li{
	line-height:1.5em;
	margin:0 20px;
}
#content_disclaimer ul{
	margin:0 50px;
}
#content_disclaimer ul li{
	line-height:1.5em;
	margin:0 20px;
}


hr {
	width:300px;
	margin:50px auto;
}



/*------------------------------
CONTACT PAGE
--------------------------------*/
 p.contact{
	text-align:center;
}
/*------------------------------
OTHER
--------------------------------*/
.red {
	color:red;
	text-transform:uppercase;
	font-size:2em;
	text-align:center;
	margin:15px 0;
}
p.fact {
	font-weight:bold;
	margin:5px auto;
	padding:5px 50px;
	text-align:justify;
}
.bold {
	clear:both;
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
}
h3.bold{
	text-align:center;
	font-size:1.5em;
	padding:30px 0;
	text-decoration:underline;
}

#paypal {
	font-size:.8em;
	line-height:2em;
	text-align:center;
}
#button{
	text-align:center;
	margin:10px ;
}
#book {
	float:right;
	width: 45%;
	border:1px black solid;
	padding:30px 0 0 0 ;	
}

#par {
	float:left;
	width: 45%;
}

#bottom #par{
	padding:30px 0;
}
#par ul {
	padding:5px 40px;
}
.underline {
	text-decoration:underline;
	font-weight:bold;
}
#top {
	clear:both;
	padding:40px 20px 50px 20px;
	
}
#bottom {
	padding:80px 20px 50px 20px;

}
#ebook_img{
	padding:0 40px 0 50px;
}

#ebook_img img{
	width:293px;
	height:374px;
}
#on_orange #small_line_height {
	line-height:0.7em;
}
#on_orange{
	padding:20px 15px 20px 40px;
}
.highlight {
	background-color:yellow;
	padding:3px 2px;
}

#content_heading {
	position:relative;
	width:100%;
	height:250px;
	margin:40px 20px;

}
#content_heading #left{
	float:left;
	width:45%;
	text-align:center;
	padding:70px 10px;
	color:#024167;
}

/*------------------------------
THANK YOU PAGE
--------------------------------*/
#content_other #company_name{
	text-align:right;
	font-size:1.3em;
}
#important{
	border:2px black solid;
	padding:20px 20px 0 20px;
	margin:20px 20px 0 20px;
}
#important p{
	line-height:1.5em;
	font-size:0.9em;
}
#important h3{
	font-size:1.2em;
}

/*------------------------------
DOWNLOADS
--------------------------------*/
#downloads {
	width:100%;
}
#downloads ul{
	text-align:center;
	margin: 40px 0;
	}
#downloads li {
	list-style-type:none;
	display: inline;
	padding:0 30px;
}
#downloads a {
	font-size:2em;
	text-transform:uppercase;
}
#downloads a:hover {
	color:#918f8f;
}
#important p {
	font-size:1.1em;
}

/*------------------------------
EMAIL
--------------------------------*/
#email {
	margin:50px 200px;
}
#email tr{
	line-height:2em;
	color:#3f3f3f;
}
#email tr td input {
	width:100%;
	margin:10px 30px;
}
#email tr td textarea {
	width:100%;
	margin:10px 30px;
}
#email tr td input.submit {
	width:100px;
	margin: 30px 100px;
	}
/*------------------------------
FOOTER
--------------------------------*/
#footer {
	clear:both;
	background: url('../images/footer_bg.jpg') repeat-x;
	height:50px;
	width:auto;
	margin:5px 0 0 0;

}
#footer_container {
	padding:2px 0 0 0;
	color:#636161;
	text-align:center;
	font-size:0.8em;
} 
#footer_container a {
	margin:0 5px;
}
#footer_top {
	margin:6px 0;
}
#footer_bottom {
	font-size:0.7em;
}