@import url("../fonts/journal/stylesheet.css");

html {
	background:#E8E8E8;
	
}

.bigorangeandbold {
	color:#FF791C;
	display:block;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:0;
	text-align:center;
	width:auto;
}

body {
	/*background:#fff url('../images/html-bg.gif') repeat-x center bottom;*/
	background:#FFFFFF url(../images/arrow.jpg) no-repeat scroll -40px 475px;
}

div.block {
	padding-bottom:1em;
	margin-bottom:2em;
	border-bottom:1px solid #ddd;
}

div.block {
	float:left;
}

div#bigimg {
	width:830px;
	height:467px;
	margin:0 auto 1.45em auto;
}

ul#nav {
	list-style:none;
	padding:5px 0 0 ;
	margin:0 0 0;
	position:absolute;
	z-index: 1;
	right:0;
}

ul#nav li {
	float:left;
	height:18px;
	margin-top:-6px;
	padding-top:3px;
}

ul#nav li a {
	padding:5px 8px 0;
	color:#0F82A8;
	text-transform:lowercase;
	font-weight:normal;
	font-size:0.9em;
}

ul#nav li a:hover {
	color:#E7F9FE;
}

ul#nav li a.selected {
	color:#FFFFFF;
	background:url('../images/menu-sel.gif') top center no-repeat;
	font-weight:bold;
}

form.optin input.text {
	width:100%;
}

p + a.readmore {
	margin-bottom:10px;
}




h3 a {
}

h3 a:hover {
	border-bottom:1px dotted black;
}

/*h3.optin {
	background:url('../images/icons/newspaper.png') no-repeat top right;
}

h3.portfolio {
	background:url('../images/icons/web_layout.png') no-repeat top right;
}

h3.blog {
	background:url('../images/icons/rss.png') no-repeat top right;
}

h3.testimonials {
	background:url('../images/icons/newspaper.png') no-repeat top right;
}*/

div#footwrap {
	margin:0 auto;
	padding:0 3em;
	width:794px;
}


div#footer {
	padding-top:4em;
	color:#000;
	font-size:0.8em;
}

ul.social {
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	width:100%;
}

ul.social li {
	float:left;
	margin-right:3em;
}

img.menu {
	margin-bottom:-4px;
	padding-right:4px;
}

div#video {
	width:670px;
	margin:0 auto;
}

div#content img {
	margin-bottom:1em;
}

div#optin {
	background:url('../images/optin2.jpg') no-repeat;
	float:left;
	padding:18px;
	color:#fff;
	height:277px;
	margin-right:0;
	margin-left:-1.5em;
	width:228px;
}

div#optin.web3 {
	margin-right:1.3em;
}

div#offers {
	background:black;
	float:left;
	height:313px;
	width:424px;
}

div#optin p {
	color:#4F3104;
	margin-bottom:0.5em;
}

div#modal input.text {
	/*font-size:1.6em;*/
}

div#optin form input[type="text"], div#optin form input[type="password"], div#optin form input.text, div#optin form input.title, div#optin form textarea, div#optin form select {
	border:3px solid #E18C0B;
}

div#optin form input[type="text"]:focus, div#optin form input[type="password"]:focus, div#optin form input.text:focus, div#optin form input.title:focus, div#optin form textarea:focus, div#optin form select:focus {
	border:3px solid #FCC169;
}

div#modal form input[type="text"], div#modal form input[type="password"], div#modal form input.text, div#modal form input.title, div#modal form textarea, div#modal form select {
	border:3px solid #0A96C5;
}

div#modal form input[type="text"]:focus, div#modal form input[type="password"]:focus, div#modal form input.text:focus, div#modal form input.title:focus, div#modal form textarea:focus, div#modal form select:focus {
	border:3px solid #72DAFC;
}

blockquote {
	margin:1.5em 0;
	padding:1.5em 1.5em 0;
	border-width:1px 0;
	border-color:#ddd;
	border-style:solid;
	color:#000;
	/*background:#f2f2f2;*/
	font-style:normal;
}

blockquote p {
	/*max-width:35em;*/
	color:#000;
}

div#phrasetagwrap {
	width:100%;
	background:#fff;
	padding:2em 0;
}

div#phrasetag {
	margin:0 auto;
	width:670px;
	position:relative;
}

a {
	text-decoration:none;
}

div#contentwrap  {
	margin:0 auto;
	background:#fff;
	min-height:200px;
	padding:0 1.5em;
	width:670px;
}

div#videowrap {
	margin:0 auto;
	padding:0 3em;
	width:794px;
}

div#content {
	padding-top:1.5em;
	clear:both;
	background:#fff;
}

div#content p b {
	color:#444;
}

label {
	font-weight:normal;
	font-family:"Lucida Grande",Geneva,Helvetica,sans-serif;
}

img {	
}

a#logo {
	margin-left:9em;
}




body {
}

div#heading {
	border-bottom:3px double #777;
}

hr.double {
	margin-top:10px;
	border-bottom:3px double #777;
	color:#000;
}

a {
	color:#000;
	outline:none;
}

.blue {
	color:#20A0FF;
}

.orange {
	color:#FF9002;
}

.grey {
	color:#D9D1D1;
}



img.left {
	margin-right:10px;
}

div#header {
	width:100%;
	background:url('../images/logoBG.png') repeat-x;
	height:90px;
	border-top:5px solid #000000;
}

div#header #headertext {
       background:url('../images/bgText.png') no-repeat;
       height: 81px;
       width: 662px;
       margin: 10px auto 0;
       margin-top: 
}

div#logobar {
	background:url('../images/header-bg.gif') no-repeat;
	height:90px;
	width:900px;
	position:relative;
	
}

div#logobar img {
	margin-bottom:-7px;
}

div#menubar {
	margin:0 auto;
	width:670px;
	position:relative;
}


div.main-optin {
	position:absolute;
	right:100px;
	bottom:0;
	height:42px;
	width:300px;
	padding:8px 0;
}

div.main-optin h3 {
	color:#fff;
	display:inline;
	text-align:left;
	margin-right:0.5em;
}

a.showoptin {
	padding:8px 14px;
	background:url('../images/buttons.png') no-repeat 0 -64px;
	height:42px;
	color:#fff;
	font-weight:bold;
	width:100px;
}

a.showoptin:hover {
	background-position:0px -96px;
}


div#button {
	margin:0 auto;
	width:670px;
	position:relative;
}

div.top-btn {
	display:none;
	position:fixed;
	top:3em;
	right:1em;
	width:120px;
	height:100px;
}

a.back-to-top {
	padding:8px 18px;
	background:url('../images/buttons.png') no-repeat 0 0;
	height:40px;
	color:#fff;
	font-weight:bold;
	width:140px;
}

a.back-to-top:hover {
	background-position:0px -32px;
}

div.modal-box {
	width:100%;
}

.modal-overlay {
	background:#003575;
}

div#modal {	
	margin:0 auto;
	display: none;
	position: fixed;
	top: 25%;
	left:50%;
	margin-left:-150px;
	width:300px;
	background:url('../images/optin.jpg') repeat-x;
	padding:2em;
}

div#modal h1 {
	color:#fff;
}

div.arrow {
	background-image:url(../images/arrow.jpg);
	height:373px;
	left:-45px;
	position:absolute;
	top:480px;
	width:319px;
	display:none;
}

div#logobar img.marg {
	bottom:20px;
	position:absolute;
	right:258px;
}

h2.first {
	display:inline;
	left:285px;
	position:absolute;
	top:42px;
}

h2.second {
	display:inline;
	position:absolute;
	right:144px;
	top:42px;
}





/* this is the typography css */
h1, h2, h3, h4, h5, h6 {
	font-family:"Lucida Grande",Geneva,Helvetica,sans-serif;
}

h1.phrasetag {
	color:#FF791C;
	display:block;
	font-size:2.4em;
	line-height:1.75em;
	margin-bottom:0;
	width:auto;
	text-align:center;	
	font-weight:bold;
	
}

h2.phrasetag {
	color:#16B1E7;
	font-size:22px;
        margin:0 115px 10px;

}

h1.lowtag {
	text-align:center;
	color:#FF791C;
}

h4.sign {
	font-family:'Journal Regular', ' Arial', sans-serif;
	font-size:3em;
	font-weight:normal;
}

h1 {
	color:#444;
	line-height:1.75em;
}

h2 {
	color:#fff;
	font-weight:normal;
}


h1 a {
	color:#777;
}

h1 a:hover {
	color:#aaa;
	border-bottom:1px dotted #666;
}

h3 a {
	color:#0BAAE1;
	font-weight:normal;
}

h3 a:hover {
	color:#0BAAE1;
}

h3 a:active, h3 a:visited {
}

h4 {
	color:#000;
	font-size:1em;
}

h3 {
	color:#0BAAE1;
	font-style:normal;
	margin-bottom:0.5em;
	padding:5px 0;
	font-size:1.3em;
	line-height:1.3em;
}

h3.hilite {
	background:yellow none repeat scroll 0 0;
	color:#0BAAE1;
	font-size:1.6em;
	font-style:normal;
	font-weight:bold;
	line-height:1.3em;
	margin-bottom:0.5em;
	padding:5px 52;
	width:auto;
}

h4, h5, h6 {
	font-weight:bold;
	margin-bottom:1.5em;
}

ul, ol {
	color:#727373;
	max-width:45em;
}

ul {
	list-style:#0DAAE1 disc outside;
	
}

div#content p {
	color:#777;
}



div#optin h2 {
	margin-bottom:0.25em;
	font-size:1.8em;
}

a.readmore {
	font-family:"Lucida Grande",Geneva,Helvetica,sans-serif;
	/*letter-spacing:-1px;*/
	color:#20A0FF;
	text-transform:lowercase;
	border-bottom:1px dotted #fff;
	font-size:0.8em;
}

a.readmore:hover {
	color:#20A0FF;
	border-color:#666;
}

a.readmore:after {
	content:"…";
}

div.home h4 {
	margin-bottom:0;
}