/* Author : Patrick Sy */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, /*p,*/ blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {	outline:0;}
body { line-height:1;}
/* ol, ul { list-style:none;} */

table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after { content:"";}
blockquote, q { quotes:"" "";}

/*** font styles ***/
a,h1,h2,h3,h4,h5,h6,p,pre,table,th,td,label,li,input,textarea,select,blockquote,code,dt,dd {}
a { text-decoration:none; cursor:pointer; color:#ff9900;}
a:hover, a:focus { text-decoration:none; color:#7dc500;}
:focus { outline:0;}

h1,h2,h3 {}
p,strong,li,label,pre,table,th,tr,td,tbody,tfoot,thead,blockquote,code  {}
em { font-style:italic;}
strong { font-weight:bold;}
img { vertical-align:top;}
/* ol li { list-style:decimal inside;} */

span.break { display:block; margin-bottom:22px;}
.green { color:#336600;}
.alignLeft { float:left;}
.alignRight { float:right;}
.caps { text-transform:uppercase;}
.abs div { position:absolute;}
.clr { height:0; clear:both;}

/*** general ***/
body { background:url(images/bg.gif) repeat-x #e8f2f9; text-align:center; font-family:Arial; font-size:12px; color:#666; position:relative;}
.wrap { text-align:left; width:1014px; margin:0 auto; position:relative;}

#header { background:url(images/headerBg.jpg) 50% 0 no-repeat;}
#header .wrap { background:url(images/header.jpg) no-repeat; min-height:436px;}
	#header .abs { height:436px; display:block;}
	#logo { top:20px; left:70px;}
	#social { top:28px; right:60px;}
	#social a { background:url(images/social.png) no-repeat; width:41px; height:67px; display:block; float:left; margin-left:4px; text-indent:-2000px;}
		#social #faceb { background-position:0 0;}
		#social #tweet { background-position:-81px 0;}
		#social #rss { background-position:-171px 0;}
	#social #faceb:hover, #social #faceb:focus { background-position:0 -113px;}
	#social #tweet:hover, #social #tweet:focus { background-position:-81px -113px;}
	#social #rss:hover, #social #rss:focus { background-position:-171px -113px;}
	#nav { font-size:18px; font-family:Georgia; top:120px; left:45px; padding-left:9px; width:915px;}
	#nav li { display:block; float:left; background:url(images/nvDv.png) 100% 0 no-repeat; padding:3px 2px 3px 0;}
	#nav li a { display:block; float:left; color:#fff; height:34px; text-align:center; padding:21px 29px 0 30px;}
	#nav li a:hover, #nav li a:focus { background-position:0 -70px; background-color:#989fa5;}
	#nav li.last, #nav li:last-child { background:0;}
/*	#nav li.last a { padding-right:44px} */
	#imgHeader { padding:0 45px; height:254px; width:924px; top:182px; left:0;}
		#imgHeader div { position:relative;}
		#imgHeader .title { background:url(images/accMenu.png) no-repeat; display:block; float:left; width:59px; height:254px; margin-right:1px;}
		#imgHeader .title:hover, #imgHeader .title:focus { background-position:0 -410px;}
		#imgHeader .text { float:left; width:626px; margin-right:1px; display:block; position:absolute; top:0; left:59px;}
		#imgHeader .content { width:59px; height:254px; float:left; margin-right:1px; overflow:hidden; cursor:pointer}
		#imgHeader .last.content { margin:0;}
	
	.btn { background:url(images/btn.gif) 50% 0 no-repeat; width:73px; height:22px; padding:10px 32px 0 2px; color:#ff9900; display:block; text-align:center; font-size:11px; font-weight:bold;}
	.btn:hover, .btn:focus { background-position:50% -80px; color:#737373;}

#mBody { background:url(images/mContent.gif) 50% 0 repeat-y; line-height:14px; font-size:11px;}
	@media screen and (-webkit-min-device-pixel-ratio:0) { #mBody { background-position:49.9% 0}}
#mBody .loop { background:url(images/mBodyBg.gif) 0 100% repeat-x;}
#mBody .wrap { background:url(images/mBody.gif) 0 100% no-repeat; min-height:297px; padding:50px 60px 50px 70px; width:884px;}
	#sidebar { width:210px; float:left; border-right:1px solid #d9d9d9; padding-top:20px;}
		#sidebar .title { font-size:25px; font-family:Trebuchet MS; color:#336699; margin-bottom:24px;}
		#sidebar li { list-style:url(images/tab.gif) inside; margin-bottom:12px; font-weight:bold;}
		#sidebar li a { text-decoration:underline}
	#mContent { width:640px; float:left; padding-left:30px;}
		.headingTxt { color:333; font-size:29px; line-height:34px; font-family:Trebuchet MS }
		.column { width:150px; float:left; text-align:center; padding:10px 5px 0 5px;}
		.column .imgHolder { min-height:64px; margin-bottom:12px;}
		.column .btn { width:80%; margin-top:12px;}
		.column .title { text-decoration:underline; font-weight:bold;}

#footer { font-size:12px; background:url(images/footerBg.gif) repeat-x;}
#footer .wrap { background:url(images/footer.gif) no-repeat; color:#fff; height:112px; padding:12px 70px 0 70px; width:874px;}
	#newsletter .title { font-size:25px; font-family:Trebuchet MS; color:#fff; margin-bottom:8px;}
	#newsletter .txt { width:169px; height:22px; border:0; background:url(images/img_txt.gif) no-repeat; padding:2px 4px; margin-bottom:6px;}
	#footer #newsletter a { text-decoration:underline;}
	#footer #newsletter a:hover, #newsletter a:focus { text-decoration:none;}
	#footer .alignRight { text-align:right;}
	#footer a { color:#fff; text-decoration:none;}
	#footer a:hover, #footer a:focus { text-decoration:underline;}

	.imgWrap img { border:1px solid #e59999;}
	img.alignRight { margin-left:16px;}
	img.alignLeft { margin-right:16px;}
	.title, .subtitle { color:#333; margin-bottom:12px;}
