/*+--------------------------------------------------------------------------+*/
/*| Main layout
/*+--------------------------------------------------------------------------+*/

html{ 
	display: block;
	font-family: Verdana, sans-serif; /* "Lucida Grande","Lucida Sans Unicode",Geneva,Helvetica,Arial,sans-serif;   or   "Myriad Web", Tahoma, sans-serif; */
	font-size: 11.35px;
	font-weight: normal;
	height: 100%;
}

body{
	background-color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/*+--------------------------------------------------------------------------+*/
/*| Notice bar for IE 6 (and below) users
/*+--------------------------------------------------------------------------+*/

#ie_bar{
	background: #000000 url(/images/site/ie_bar_bg.png) top left repeat-x;
	width: 100%;
	height: 35px;
}


/*+--------------------------------------------------------------------------+*/
/*| Global wrapper
/*+--------------------------------------------------------------------------+*/

#wrapper{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}


/*+--------------------------------------------------------------------------+*/
/*| Top wrapper & main div
/*+--------------------------------------------------------------------------+*/

#top_wrapper{
	background: transparent url(/images/site/top_bar_bg.gif) repeat-x top left;
	height: 97px;
	min-width: 900px;
	width: 100%;
}

#top_bar{
	width: 900px;
	height: 96px;
	position: relative;
	margin: 0 auto;
	padding-top: 10px;
}


/*+--------------------------------------------------------------------------+*/
/*| Top bar logo (left side)
/*+--------------------------------------------------------------------------+*/

#logo{
	background: transparent url(/images/site/v4_logo.png) no-repeat top left;
	height: 60px;
	width: 300px;
	margin-top: 0px;
	margin-left: 13px;
	display: block;
}

#logo a{
	display: block;
	height: inherit;
	width: inherit;
}


/*+--------------------------------------------------------------------------+*/
/*| Top bar icons (right side)
/*+--------------------------------------------------------------------------+*/

ul#icons{
	width: 350px;
	height: 100%;
	position: absolute;
	list-style-type: none;
	right: 10px;
	top: 0px;
	_top: 15px; /* IE6 hack */
	*top: 15px; /* IE7 hack */
	font-size: 13px;
}

ul#icons li{
	float: left;
	cursor: pointer;
	display: list-item;
	padding: 0px 0px 0px 10px;
}

ul#icons li a{
	display: block;
}

ul#icons li a:hover{
	border-bottom: 0px;
}


/*+--------------------------------------------------------------------------+*/
/*| Top bar individual icons (right side)
/*+--------------------------------------------------------------------------+*/

ul#icons a#icon1{
	background: transparent url(/images/site/top_bar_icon1.png) no-repeat top left;
	width: 59px;
	height: 60px;
}

ul#icons a#icon2{
	background: transparent url(/images/site/top_bar_icon2.png) no-repeat top left;
	width: 59px;
	height: 60px;
}

ul#icons a#icon3{
	background: transparent url(/images/site/top_bar_icon3.png) no-repeat top left;
	width: 59px;
	height: 60px;
}

ul#icons a#icon4{
	background: transparent url(/images/site/top_bar_icon4.png) no-repeat top left;
	width: 59px;
	height: 60px;
}

ul#icons a#icon5{
	background: transparent url(/images/site/top_bar_icon5.png) no-repeat top left;
	width: 59px;
	height: 60px;
}


/*+--------------------------------------------------------------------------+*/
/*| Top bar popdown (right side)
/*+--------------------------------------------------------------------------+*/
.down{
	background: transparent url(/images/site/top_bar_drop_down.png) no-repeat top left;
	height: 50px;
	width: 150px;
	position: absolute; 
	padding-top: 18px !important; /* ignored by ie6 */
	padding-top: 0px;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	display: block;
}

*html .down{
	_line-height: 49px; /* IE6 hack */
}


/*+--------------------------------------------------------------------------+*/
/*| Colourful text/quote - heading
/*+--------------------------------------------------------------------------+*/

.heading{
	font-family: "Myriad Web", Tahoma, sans-serif;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	margin: 0 auto;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 25px;
	width: 750px;
}


/*+--------------------------------------------------------------------------+*/
/*| Body bar
/*+--------------------------------------------------------------------------+*/
#body_bar{
	height: 100%;
	width: 750px;
	padding-top: 8px;
}

#bb_left{
	width: 350px;
	float: left;
}

#bb_right{
	width: 300px;
	float: right;
	text-align: right;
}

#breadcrumb a{
	text-decoration: none;
	color: #E05F06; /* #F4C83A; */
	font-weight: normal;
}

#breadcrumb a:hover{
	text-decoration: underline;
	border-bottom: 0px;
}

#userlinks{
	color: #7E7E7F;
}

#userlinks a{
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}

#userlinks a:hover{
	text-decoration: none;
	border-bottom: 0px;
	color: inherit;
}


/*+--------------------------------------------------------------------------+*/
/*| Body wrapper & main div
/*+--------------------------------------------------------------------------+*/

#body_wrapper{
	width: 800px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#body_main{
	background-color: #161619; /* 101012 - 1A1A1C */
	width: 750px;
	height: 100%;
	min-height: 100%;
	padding: 0px 25px 20px 20px;
	color: #FFFFFF;
	line-height: 1.75;
	display: block;
}

#body_clear{
	height: 1px;
	clear: both;
}

#body_left{
	width: 560px;
	float: left;
	line-height: 2;
}

#body_left_wrapper{
	margin-left: 35px;
	margin-top: -10px;
}

#body_right{
	width: 170px;
	float: right;
	padding-left: 10px;
	margin-top: 18px;
}

#body_right_wrapper{

}


/*+--------------------------------------------------------------------------+*/
/*| Links
/*+--------------------------------------------------------------------------+*/
#body_left a{
	text-decoration: none;
	font-weight: bold;
	color: #E05F06;
}

#body_left a:hover{
	border-bottom: 1px dotted;
}


/*+--------------------------------------------------------------------------+*/
/*| Category image (page headings)
/*+--------------------------------------------------------------------------+*/
.cat_head{
	display: block;
	height: 70px;
	margin-top: 15px;
}

.cat_img{
	float: left;
	width: 65px;
	height: 67px;
	display: inline-block;
	_margin-bottom: -20px; /* IE6 hack */
}

.cat_text{
	float: right;
	width: 480px;
	display: inline-block;
	margin-top: -20px;
	_margin-top: -6px; /* IE6 hack */
	_margin-bottom: -20px; /* IE6 hack */
	*margin-top: -8px; /* IE7 hack */
}

.cat_clear{
	height: 1px;
	clear: both;
	display: inline-block;
}


/*+--------------------------------------------------------------------------+*/
/*| Body styles
/*+--------------------------------------------------------------------------+*/
h1{
	font-family: "Myriad Web", Tahoma, sans-serif;
	color: #F4C83A; 
	font-size: 22px;
	font-weight: normal;
	letter-spacing: 1px;
}

h1 a, h2 a, h3 a{
	text-decoration: none;
	border: 0px;
	font-weight: normal;
}

h2{
	margin-top: -15px;
	font-family: "Myriad Web", Tahoma, sans-serif;
	color: #7E7E7F; 
	line-height: 2px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.5px;
	padding-bottom: 12px;
}

h3{
	font-family: "Myriad Web", Tahoma, sans-serif;
	color: #F4C83A; 
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 1px;
	margin-top: 25px;
	margin-bottom: -12px;
}

.testimonial{
		font-family: "Lucida Grande","Lucida Sans Unicode",Geneva,Helvetica,Arial,sans-serif;
}

.grey{
	color: #7E7E7F;
	margin-left: 15px;
	margin-bottom: -6px;
}

.darkgrey{
	color: #333335; /* 232325 */
	margin-left: 15px;
}

.blog_subtext{
	margin-top: -9px;
	*margin-top: 0px; /* IE7 hack */
}

#home_fade{
	padding: 0px;
	border: solid 4px #282835; /* 1D1D24 */
	height: 200px;
	width: 545px;
	text-align: center;
	margin-top: 18px;
	margin-bottom: 15px;
}

#home_fade p{
	margin: 0px;
	padding: 0px;
	_margin-left: -272px; /* IE6 hack */
}

#portfolio{
	padding: 0px;
	border: solid 4px #282835; /* 1D1D24 */
	height: 200px;
	width: 545px;
	text-align: center;
	margin-top: 18px;
	margin-bottom: 15px;
	list-style-type: none;
	*margin-left: 0px; /* IE7 hack */
}

#portfolio li{
	margin: 0px;
	padding: 0px;
	_margin-left: -272px; /* IE6 hack */
	*margin-left: -272px; /* IE7 hack */
}


/*+--------------------------------------------------------------------------+*/
/*| Footer wrapper and copyright
/*+--------------------------------------------------------------------------+*/

#footer_wrapper{
	width: 800px;
	height: 100%;
	margin: 0 auto;
	padding: 5px 0px 50px 0px;
	color: #7E7E7F;
	font-size: 10px;
}

#footer_left{
	width: 400px;
	float: left;
}

#footer_right{
	width: 395px;
	float: right;
	text-align: right;
	padding-right: 4px;
}

#footer_right a{
	text-decoration: none;
	font-weight: normal;
	color: #7E7E7F;
}

#footer_right a:hover{
	color: #FFFFFF;
	border-bottom: 0px;
}


#blog_twitter_top{
	background: url(/images/site/blog_twitter_top.png) left no-repeat;
	height: 40px;
	width: 160px;
	margin-left: 4px;
}

#blog_twitter{
	background: #2C2C2C;
	color: #FFFFFF;
	padding: 0px 4px 4px 4px;
	font-size: 9px;
	width: 152px;
	letter-spacing: .5px;
	margin-left: 4px;
}

#blog_twitter_link{
	text-align: right;
	margin: 0px;
}

#blog_twitter_link a{
	text-decoration: none;
	border: 0px;
	color: #7E7E7F;
}