/* -----------------------------------*/
/* ------>>> Page Structure <<<-------*/
/* -----------------------------------*/

/* Color Palette
	Background Top: 		#0E1019
	Background Bottom:		#1E2A38
	Textbox Background: 	#385065
	Textbox Title BG:		#C8DFF4
	Search Box Background	#3c546a
*/	

body {
	background: #0E1019 url("images/background2.jpg") no-repeat fixed top center;
	color: #FFFFFF;	
	font-family: Helvetica,Arial,Sans-Serif;
	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0E1019), to(#1E2A38));
	-moz-linear-gradient(0% 50% 90deg,#0E1019, #1E2A38);
	padding: 0;
	margin: 0 0 25px 0;
	line-height: 1.5em;
}
	
div#wrapper {
	width: 960px;
	margin: 0 auto;
}

div#content{
	width: 960px;
	overflow: hidden;
}

/* -----------------------------------*/
/* ------->>> Text Styles <<<---------*/
/* -----------------------------------*/

a {
        color: #C8DFF4;
        text-decoration: none;
}

h3 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.5em;
	font-weight: bold;
}

img {
	border: none;
}

p {
	font-family: arial;
}

/* -----------------------------------*/
/* -------->>> Header <<<---------*/
/* -----------------------------------*/

div#header {	
	width: 960px;
	height: 145px;
}

img#logo {
	float: left;
	margin: 15px 0 0 0;
}

div#headerbox {
	width: 400px;
	float: right;
	margin: -5px 0 0 0;
}

div#headerbox div#cart {
	background-color: #3c546a;
	float: left;
	font-size: 0.6em;
	padding: 8px 0 0 0;
	width: 165px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div#headerbox div#cart p {
	margin: 0px;
	line-height: 1.2em;
	margin-bottom: 2px;
}

div#sideshoppingcart a {
	text-decoration: underline;
	color: #C8DFF4;
}

div#sideshoppingcart a:hover {
	text-decoration: none;
}

div#sideshoppingcart h3, div#sideshoppingcart table, div#sideshoppingcart span.total,  div#sideshoppingcart p.visitshop{
	display: none;
}

div#sideshoppingcart span.items, div#sideshoppingcart span.gocheckout, div#sideshoppingcart span.emptycart, div#sideshoppingcart div#shoppingcartcontents  div#sliding_cart {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

div#headerbox  div#searchbox{
	float: right;
	background-color: #3c546a;	
	padding: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

div#headerbox div#searchbox input#s {
	background: url('images/search-bg.png');
	border: none;
	width: 130px;
	height: 19px;
	padding: 0 0 0 14px;
}

/* -----------------------------------*/
/* -------->>> Navigation <<<---------*/
/* -----------------------------------*/
div#navigation {

	font-size: 1.5em;
	font-weight: bold;
	width: 960px;
	clear: both;
}

#navigation ul {
	margin: 0;
	padding: 0;
}
	
#navigation li{
	list-style: none;
	float: left;
	text-align: center;
	margin: 25px 65px 10px 0;
}

#navigation li:first-child, #navigation li:nth-child(2) {
	text-align: left;
}

#navigation li:last-child, #navigation li:nth-child(4) {
	text-align: right;
}

#navigation li a {
	color: #FFFFFF;
}

#navigation li.current_page_item a, #navigation li a:hover {
   text-decoration: underline;
}


/* -----------------------------------*/
/* ------->>> Index Layout <<<--------*/
/* -----------------------------------*/

div#right-col {
	float: right;
	width: 340px;
	margin: 25px 0 0 0;
}

div#right-col a {
	color: #FFFFFF;
}

div#right-col a:hover {
	text-decoration: underline;
}

div#right-col p{
	font-weight: bold;
	text-align: justify;
}

div.right-col-section {
	margin: 0 0 10px 0;
	background: #0D1019;
	padding: 10px;
}

div#left-col {
	float: left;
	width: 590px;
	text-align: justify;
}

div#posts .entry {
	background: #385065;
	padding: 15px;
}

div#posts h2 {
	font-size: 1.8em;
	color: #000000;
	margin: 25px 0 0 0;
	padding: 8px 15px;
	background: #C8DFF4;
}

div#posts a:hover {
        text-decoration: underline;
}

div#bragger {
	width: 960px;
	margin: 15px 0 0 0;
}

div#bragger #nav {
	border-bottom: solid 2px #0D1019;
	width: 206px;
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#bragger #nav li { width:205px; height:153px;}
div#bragger #nav li a { display:block; width:100%; height:100%; overflow:hidden;  color: #FFFFFF; font-weight: bold; font-size: 2.0em; text-transform: uppercase;}
div#bragger #nav li a:hover { background-color: #0D1019;  }
div#bragger #nav li.thumb2 a { background-position:0 -100px;}
div#bragger #nav li.thumb2 a:hover{ background-color: #0D1019; background-position:-200px -100px; }
div#bragger #nav li.thumb3 a { background-position:0 -200px; }
div#bragger #nav li.thumb3 a:hover{ background-color: #0D1019;  background-position:-200px -200px; }
div#bragger #panels { border: solid 3px #0D1019; width:748px; height:455px; overflow:hidden; position:relative; float:left;}

div#bragger #nav li.thumb1 {
	background: url("images/bragger_small.jpg");
}

div#bragger #nav li.thumb2 {
	background: url("images/front_page_rampteaser_small.jpg");
}

div#bragger #nav li.thumb3 {
	background: url("images/front_page_teaser_small.jpg");
}


div#bragger #nav li a p {
	margin: 10px;
	padding: 0;
}

#slider { width:2992px; height:455px; }
#slider div { float:left; position:relative; }
#slider p { position:absolute; bottom:0; left:0; color:#fff; font:16px "Trebuchet MS"; margin:0; width:90%; height:45px; padding:5px 5% 10px; background-color:#000; }

/* CONTACT FORM STYLING */

div#post-19 div.entry form input, div#post-19 div.entry form textarea  {
	border: 1px solid #787878;
}

/* SEARCH RESULTS STYLING */

div.searchresults {
	margin: 15px 0 0 0;
	background: #eee;
	padding: 15px;
}

div.searchresults h2, div.searchresults  h4, div.searchresults  p, div.searchresults  small, div.searchresults  li {
	color: #000000;
	margin: 0;
	padding: 0;
}

/* -----------------------------------*/
/* ------>>> Product Styles <<<-------*/
/* -----------------------------------*/

div#click-image {
	font-size: 0.8em;
	color: #999999;
}

/* -----------------------------------*/
/* ---->>> Ramps Page Styles <<<------*/
/* -----------------------------------*/

div.ramp {
	width: 305px;
	background: #385065;
	float: left;
	margin: 5px 0 20px 0;
	padding: 7px;
	border-bottom: 1px dotted #1E2A38;
}

div.ramp:nth-child(2) {
	border-left: 1px dotted #1E2A38;
	border-right: 1px dotted #1E2A38;
	}

div.ramp:first-child {
	margin-left: 0px;
}

div.ramp:last-child {
	margin-right: 0px;
}

div.ramp table {
	width: 305px;
	border: none;
	border-collapse:collapse;
}

div.ramp table tr {
	height: 40px;
}

div.ramp table td {
	margin: 0;
	padding: 0 5px 0 8px;	
}

div.ramp table tr:nth-child(2n) {
	background-color: #1E2A38;
}

div.ramp table td:first-child {
	width: 170px;
	font-weight: bold;
}

div.ramp table.price-table tr {
	background-color: #385065;
	height: 60px;
}

div.ramp table.price-table {
	margin: 15px 0 0 0;
}

div.ramp table.price-table td:first-child {
	width: 105px;
}

div.ramp a h2{
	color: #FFFFFF;
	text-align: center;
	font-size: 2.0em;
}

div.ramp img {
	display: block;
	margin: 0 auto;
}

div.ramp span.plans-price {
	margin: 4px 0 0 0;
	float: left;
	background: #40BF17;
	font-family: "Arial","Helvetica","Sans-Serif";
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 3px 5px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}

div.ramp span.ramps-price {
	font-weight: bold;
	font-size: 2.0em;
	text-shadow: #000000 1px 1px 1px;
}

div.ramp table div.wpsc_buy_button_container, div.ramp table input.wpsc_buy_button {
	margin: -6px 0 0 0;
	float: right;
	width: 86px;
	height: 30px;
}

div#ramps-description{
	margin: 0 auto;
	padding: 25px;
	background: #385065;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.ramp p.soldout{
	float:right;
	font-size: 0.65em;
	width: 100px;
	line-height: 1em;
}