/*
Theme Name: Technology2Reality Theme
Theme URI: http://www.technology2reality.com/
Description: This is Technology2Reality.com official site theme.
Version: 1
Author: Technology2Reality Templte
Author URI: http://www.technology2reality.com/
*/

body {
	background:#fff url(images/bg_body.png) repeat-x left top;
	width:990px;
	margin:0 auto; padding:0;
	font-size:12px;
}
img, div, a, p, ul, li  { behavior:  url(iepngfix.htc) }
p { margin:10px 0; }
h2, h3 { font-size:22px; padding:10px 0;  }
h2 { font-size:18px; }
a { color:#0fadc5; text-decoration:none; }
a:hover { text-decoration: underline; }
img { vertical-align:middle; }
#content > .right ul li { 
	list-style-type: square;
	list-style-position:inside;
	/*background:url(images/bullet.gif) no-repeat 0px 3px;*/
	padding-left:25px;
}
#content > .right ul li, #content > .right  ol li {
	line-height:22px;
	padding-left:25px;
	padding-bottom:5px;
}
#content > .right ol li { 
	list-style-type:decimal; 
	margin-left:25px;
	padding:0;
	padding-bottom:5px;
}
p.list img { margin-right:20px; text-align:left; } 
p.list { margin:7px 0; } 



#main {
	width:990px;
	margin:0; padding:0;
}
#header {
	width:960px; float:left;
	padding:0 20px 0 10px;	
	background:url(images/bg_header_hor1.png) repeat-y left top;
}
#mainmenu {
	width:979px; float:left;
	padding-left:11px;
	position:relative;
	margin:0 -19px 0 -11px;
}
#top {
	width:920px;
	padding:16px 20px 15px 20px;
	position:relative;
	background:url(images/bg_header_top.gif) repeat-x left top;
}
#header .links, #header .tollfree  {
	position:absolute;
	right:20px;
	top:16px;
	width:455px;
	text-align:right;
}
#header .tollfree  {
	top:106px;
}
#header .links a, #header .links, #header .tollfree  {
	color: #04a6bb;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}
#search_box {
	position:absolute;
	right:20px; top:56px;
	width:182px;
	background:url(images/bg_seach.gif) no-repeat top right;
	height:23px;
	padding:7px 6px 3px 6px;
}
#search_box input {
	border:0px solid red;
	background-color:#d4e5c5;
	color:#94b1a9;
	width:155px;
}
#search_box img { vertical-align: top; }

hr {
	color: #d7dad8;
	background-color: #d7dad8;
	height: 1px;
	clear:both;
}
#content ,
#content .top,
#content > .right,
#content .bottom,
#content > .left {
	float:left; width:960px;	
}
#content {
	background:url(images/bg_content.png) repeat-y left top;
	width:990px;
}
#main .top, #main .bottom {
	float:left; width:990px;
}
#main .top { background:url(images/bg_content_top.png) no-repeat 1px top; height:18px; }
#main .bottom { background:url(images/bg_content_btm.png) no-repeat 1px bottom; height:27px; }
#content > .left { 
	width:310px;
	padding-left:27px;
}
#content > .right { 
	width:588px;
	padding:0 20px;
	line-height:18px;
}

#content.inner_page > .left { 
	float:right; width:310px;
	padding:0 40px 0 0;
}
#content.inner_page > .right {
	width:588px;
	padding-left:27px;
	line-height:18px;
}

#latest_updates, .sidebox, #quote_form {
	float:left; width:294px;
	border:1px solid #ebedeb;
	background-color:#f6f6f6;
	padding:7px;
}
.related_links, .sidebox {
	margin-bottom:15px;
}
#latest_updates h2 img { margin-right:10px; }
#latest_updates ul, .sidebox ul {
	float:left; width:294px;
	background-color:#fff;
}
#latest_updates ul li, .sidebox ul li {
	border:1px solid #ebedeb;
	padding:10px; line-height:20px;
}
.sidebox ul li  h2 { font-size:18px; padding:0; }
.sidebox ul li > ul{
	margin:10px 0px 0px -11px;
	padding:0;
}
#login_form label { float:left; width:90px; font-weight:bold; margin-bottom:10px; }
#login_form input { float:left; width:150px; margin-bottom:10px; }
#login_form input[type="button"], #login_form input[type="submit"] { width: auto; }


/* INNER PAGE STYLES */
#page_title {
	float:left; width: 990px;
	position:relative;
	margin-left:-4px;
	z-index:10;
}
#page_title > div.left, #page_title > div.right {
	width:13px; float:left; height:99px;
	background:url(images/page_title_left.png) no-repeat left top;
}
#page_title div.right {
	background:url(images/page_title_right.png) no-repeat right top;
}
#page_title div.middle {
	float:left; color:#FFF;
	width:960px; height:99px;
	background:url(images/bg_page_title.png) no-repeat right top;
	padding-bottom:8px;	
	font-family:Georgia;
}
#page_title div.middle h2 {
	font-size:36px;
	line-height:80px;
	height:99px;
	font-weight:normal;
	padding-left:25px;
}
#page_title div.middle span {
	font-size:22px;
	position:relative;
	top:-30px;
	font-style:italic;
	right:20px;
	float:right;
}
/*####################################### POSTS STYELS #############################*/
.postwrap {
	border-bottom:0px solid #666;
	padding-bottom:15px;
}
.post-footer, .post-content, .postwrap, .page {
	float:left; width:590px;
}
.post-title > h2 {
	font-size:22px;
	margin:10px 0;
}
.post-date {
	font-size:13px;
	line-height:19px;
	padding:3px;
	color:#fff;
	background-color:#0da4c1;
	display:inline;
}
.post-date a { color:#fff; text-decoration:underline; }
.post-footer > div.left { float:left; width:200px; }
.post-footer > div.right { float: right; text-align:right; width:200px; }


/* FOOTER STYLES  */
#footer {
	background: url(images/bg_footer.gif) repeat-x top left;
	padding:10px 0 30px 0;
	margin:10px 0 0 10px;
	float:left;
	width:960px;
}
#footer .nav { width:440px; float:left; }
#footer .nav li {
	display:inline-block;
	width:210px;
}
#footer .nav li a, #footer .links a, #footer .links {
	color:#909090;
	line-height:25px;
	text-decoration: none;
	font-size:13px;
	font-weight:normal;
	display:inline-block;
}
#footer .nav li a:hover, #footer .links a:hover { text-decoration:underline; color:#0fadc5; }
#footer .links {
	width:250px;
	float:left;
	position:relative; margin-left:-80px;
	padding-top:25px;
}
#social {
	float:right;
	text-align:right;
	font-size:10px;
	padding-top:18px;
	line-height:18px;
	color:#909090;
	width:350px;
}

/* NAVIGATION STYLES */

ul#topnav {
	text-align:center;
	width:911px;
	background:url(images/bg_menu.gif) repeat-x left top;
	float:left;
	list-style:none;
	padding-left:50px;
}
ul#topnav li {
	display:inline-block;
	text-align:center;
	position: relative;
	float:left;
	list-style:none;
	z-index:1000;
}
ul#topnav li a {
	height:53px;
	line-height:52px;
	color:#fff;
	font-weight: bold;
	text-decoration: none;
	font-size:13px;
	background:url(images/menu_separator.gif) no-repeat top right;
	padding:0 11px 0 9px;
	text-align:center;
	display:inline-block;
}
ul#topnav li:first-child { background:url(images/menu_separator.gif) no-repeat top left; }

ul#topnav li:hover a, ul#topnav li.active a, ul#topnav li a:hover { background-color: #4e9511; }
#bt_container { display:none; }

ul#topnav li .sub {
	position: absolute;	
	top: 53px; left: 0px;
	background: #b8c752;
	padding: 0px;
	float: left;
	display: none;
	z-index:1000;
}
ul#topnav li .row { clear: both; float: left; width: 100%; margin-bottom: 10px; }
ul#topnav li .sub ul {
	list-style: none;
	margin: 0; padding: 0;
	width: 220px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	margin: 0; padding: 0;
	background: none;
	float:left;
	line-height:25px;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 12px;
	width:100%;
	background:none;
	float:left;
	text-align:center;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	font-weight:bold;
	background: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	font-weight: normal;
	/*background: url(images/navlist_arrow.png) no-repeat 0px 11px;*/
	background: #4e9511;
	display: block;
	text-decoration: none;
	color: #fff;
	text-align:left;
	line-height:25px;
}
ul#topnav .sub ul li a:hover {color: #ddd;/* background-position: 0px 11px;*/ background: #315710; }

textarea { width:80%; *width: 400px; }