/*-----------------------------------------------------------------------------------------------
MAIN STRUCTURE
-----------------------------------------------------------------------------------------------*/
body {
	text-align: center;
	color: #333;
	background: #28313a url('../images/background.gif') repeat-x top;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	}
div#header {
	background: #CC0033 url('../images/header_background.gif') repeat-x bottom;
	width: 100%;
	border-bottom: 1px solid #a7002a;
	}
div#search {
	background: #000 url('../images/search_background.gif') repeat-x top;
	width: 100%;
	border-bottom: 1px solid #444;
	}
div#search div.inner { padding: 10px 0; }
div.inner {
	width: 840px;
	margin: auto;
	text-align: left;
	padding: 15px 0;
	}
div#wrapper {
	text-align: left;
	width: 800px;
	padding: 20px 20px 20px 20px;
	margin: auto;
	background: #fff url('../images/wrapper.gif') repeat-y right;
	background-position: -60px 0px;
	}
div#content {
	width: 520px;
	float: left;
	padding: 0 30px 0 0;
	}

/*-----------------------------------------------------------------------------------------------
TYPOGRAPHY
-----------------------------------------------------------------------------------------------*/
div#header h1 {
	font-size: 23px;
	font-weight: bold;
	float: left;
	width: 40%;
	text-shadow: 1px 0px #795252;
	letter-spacing: -1px;
	padding-left: 18px;
	}
div#header h1 a {
	color: #fff;
	text-decoration: none;
	}
ul#navigation {
	float: right;
	width: 50%;
	position: relative;
	top: 7px;
	text-align: right;
	margin-right: -10px
	}
ul#navigation li { display: inline; }
ul#navigation li a {
	color: #CCCCCC;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 10px 10px 20px;
	text-shadow: 1px 0px #795252;
	}
ul#navigation li.active a {	color: #BFDCFE; }
ul#navigation li a:hover {
	color: #fff;
	text-decoration: none;
	}
#subtitle{
	display: block;
	float: left;
	color: #666;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	top: 1px;
	text-decoration: none;
	margin: 0 20px 0 0;
	padding: 0 0 0px 20px;
	}
div#search form {
	font-size: 14px;
	width: 40%;
	float: right;
	text-align: right;
	}
div#search form * { vertical-align: middle; }
input#s { width: 220px; }
h2 { font-size: 30px; margin: 0 0 8px!important; letter-spacing: -1px; }
h2 a { color: #CC0033; text-decoration: none; }
h2 a:hover { color: #a0042c; text-decoration: none; }
h3 { font-size: 10px;margin: 0 0 8px; }
div.post h3 { margin: 0 0 2px; }
h4 { font-size: 16px; }
.heading_01 { 
	font-size: 24px; 
	font-weight: bold; 
	color: #CC0033; 
	line-height: 32px;
	text-align: left;
	}
.heading_02 { 
	font-size: 18px; 
	font-weight: bold; 
	color: #a0042c; 
	line-height: 24px;
	text-align: left;
	}
.heading_03 { 
	font-size: 18px; 
	font-weight: bold; 
	color: #0078C8; 
	line-height: 24px;
	text-align: center;
	}
.heading_03 a { text-decoration: none;}
.heading_03 a:hover { color: #cc0033;}
.heading_03 a:visited { color: #0078C8;}
ol li{ line-height: 20px;}
.ordernow_l {
	width: 520px;
	height: 38px;
	padding-top: 20px;
	background: url('../images/graphic_ordernow_l.png')  no-repeat top left;
	vertical-align: middle;
	}
.ordernow_r {
	width: 520px;
	height: 38px;
	padding-top: 20px;
	background: url('../images/graphic_ordernow_r.png')  no-repeat top right;
	vertical-align: middle;
	}
.clickhere {
	width: 520px;
	height: 70px;
	padding-top: 35px;
	background: url('../images/graphic_clickhere.png')  no-repeat top left;
	vertical-align: middle;
	}
.guarantee {
	margin-bottom: 20px ;
	width: 520px;
	}

/*-----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
ul#sidebar {
	display: block;
	width: 240px;
	float: right;
	padding: 0 0 0 10px;
	font-size: 11px;
	}
div.sidebartext {
	line-height: 16px;
	}
div.sidebarbox {
	line-height: 16px;
	width: 220px;
	border: #BBB 1px solid;
	background-color:#CCC;
	padding:10px 10px 10px 10px;
	margin-bottom: -15px;
	}
ul#sidebar input#s { width: 100px; }
ul#sidebar h2 { 	
	font-size: 24px; 
	font-weight: bold; 
	color: #CC0033; 
	line-height: 32px;
 	}
ul#sidebar li {
	margin: 0 0 20px 0;
	padding: 0 0 10px;
	border-bottom: 1px dotted #ccc;
	}
ul#sidebar li ul li {
	font-size: 13px!important;
	margin: 0;
	border: none;
	}
ul#sidebar ul.block-list li a {
	display: block;
	padding: 0px 0;
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
	}
ul#sidebar ul.block-list li a:hover { text-decoration: none; }

/*-----------------------------------------------------------------------------------------------
POSTS
-----------------------------------------------------------------------------------------------*/
div.post-title { margin: 0 0 10px; }
div.post-title h2 { 	
	font-size: 24px; 
	font-weight: bold; 
	color: #CC0033; 
	line-height: 32px;
	text-align: left;
 	}
div.post-title h3 {	color: #999; font-size: 11px; }
div.post-title h3 a { color: #666; text-decoration: none; }
div.post-title h3 a:hover {	color: #444; }
p {
	margin: 0 0 20px;
	font-size: 13px;
	line-height: 20px;
	text-align: justify;
	}
img.float-left, img.alignleft {
	display: block;
	float: left;
	clear: left;
	margin: 0 24px 12px 0;
	}
img.float-right, img.alignright {
	display: block;
	float: right;
	clear: right;
	margin: 0 0 12px 12px;
	}
img.center, img.centered {
	display: block;
	clear: both;
	margin: auto;
	}
.alignleft { float: left; }
.alignright { float: right; }
div.post-content ul, div.post-content ol {
	margin: 5px 0 12px 24px;
	list-style: disc;
	font-size: 13px;
	}
div.post-content ol { list-style: decimal; }
a {	color: #0078C8; text-decoration: none;}
a:visited {	color: #0078C8; text-decoration: none;}
a:hover { color: #0095f8; text-decoration: none;}
blockquote {
	font-size: 15px!important;
	font-family: Georgia, Times, 'Times New Roman', serif;
	color: #444;
	font-style: italic;
	margin: 0 0 0 22px;
	line-height: 24px!important;
	display: block;
	}
blockquote p { font-size: 15px!important; line-height: 24px!important; }
cite { text-align: right; float: right;	color: #aaa; }
cite a { color: #aaa; text-decoration: none;	}
cite a:hover { color: #999;	text-decoration: underline;	}
code { font-size: 130%; background: #fafafa; }
code.block { display: block;	padding: 10px; }
div.post {
	padding: 0 0 10px;
	margin: 0 0 25px;
	border-bottom: 1px dotted #ccc;
	}
div.post-meta {
	display: block;
	padding: 15px 10px 0px 10px;
	font-size: 13px;
	background: #eaf3f9 url('../images/meta_top.gif') no-repeat top;
	color: #6f7f8a;
	}
div.post-meta-cap {	background: transparent url('../images/meta_bottom.gif') no-repeat bottom;	height: 5px; }
div.post-meta span { display: block;	padding: 10px 0; }
div.post-meta a { text-decoration: none; }
div.post-meta a:hover {	text-decoration: underline; }
/*-----------------------------------------------------------------------------------------------
COMMENTS
-----------------------------------------------------------------------------------------------*/
ul.post-comments { margin: 26px 0; }
ul.post-comments h3 { margin: 0 0 5px; }
li.comment {
	display: block;
	padding: 20px 0 0 0;
	border-bottom: 1px dotted #ccc;
	background: #fafafa;
	}
li.comment.alt { background: #fff;}
cite.comment-author {
	text-align: left;
	margin-left: 10px;
	float: left;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	width: 100px;
	clear: left;
	display: block;
	}
cite.comment-author a {
	color: #333;
	text-decoration: none;
	}
div.comment-content {
	border-left: 1px solid #BBB;
	display: block;
	width: 399px;
	float: left;
	padding: 0 0 0 10px;
	margin-bottom: 10px;
	}
div.comment-content p {
	font-size: 11px;
	line-height: 16px;
	}
a abbr, a acronym {	border: none; }

/*-----------------------------------------------------------------------------------------------
VIDEO ACCORDIAN
-----------------------------------------------------------------------------------------------*/
#accordian{
	padding:0px;
	width:520px;
	z-index:2;
	margin-bottom: 20px;
	}
.accordion_headings{
	font-size: 23px;
	font-weight: bold;
	padding:7px 10px;
	background:url('../images/portfolio_header.png') top no-repeat;
	color:#FFFFFF;
	text-shadow: 1px 0px #795252;
	margin-top:2px;
	cursor:pointer;
	font-size:18px;
	clear:both;
	}
.header_highlight{ background:url('../images/portfolio_header_over.png') top no-repeat; }
.accordion_headings:hover{ background:url('../images/portfolio_header_over.png') top no-repeat; }
.accordion_child{
	padding:10px;
	background:#fafafa;
	border:5px solid #f4f4f4;
	}
	
/*-----------------------------------------------------------------------------------------------
BOXES
-----------------------------------------------------------------------------------------------*/
.box {
	line-height: 20px;
	border: #333 1px solid;
	background-color:#FFFFCC;
	padding:10px 10px 5px 10px;
	width:510px;
	}
.quotebox {
	line-height: 20px;
	border: #BBB 1px solid;
	background-color:#EEE;
	padding:10px 10px 0px 10px;
	width:510px;
	margin-bottom: 20px;
	}
.pointbox {
	line-height: 20px;
	padding:0px 0px 0px 40px;
	width:480px;
	}
.pointbox strong {
	font-size: 15px;
	margin-right: -30px;
	margin-left: -40px;
	height: 30px;
	padding-left: 25px;
	
	background: url(../images/list.png) top left no-repeat;
	}
.lastbox {
	line-height: 20px;
	border: #CCC 1px solid;
	background-color:#e3f4ff;
	padding:10px 10px 0px 10px;
	margin-bottom: 20px;
	width:510px;
	}
.lastbox p { text-align: center; }
.lastbox img { margin: 10px 0px 10px 0px; }

/*-----------------------------------------------------------------------------------------------
FOOTER
-----------------------------------------------------------------------------------------------*/
div#footer {
	clear: both;
	background: #000;
	padding: 25px 10px 15px;
	display: block;
	width: 820px;
	margin: auto;
	border-right: 2px solid #242c34;
	border-left: 2px solid #242c34;
	text-align: left;
	}
div#footer p {
	font-size: 12px;
	margin: 0 0 5px 20px;
	color: #555;
	}
div#footer a {
	color: #ccc;
	text-decoration: none;
	border-bottom: 1px solid #222;
	font-weight: bold;
	}
div#footer a:hover {
	color: #fff;
	border-bottom: 1px solid #444;
	}
div#footer p#blog-name {
	color: #aaa;
	}
	
div#footer p#webrevolutionary-link { color: #333; }
div#footer p#webrevolutionary-link a { color: #444; }
div#footer p#webrevolutionary-link a:hover { color: #666; }