/* 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:#d57d00;}
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;}
.brown { color:#d57d00;}
.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 #9f9f9f; text-align:center; font-family:Arial; font-size:12px; color:#666; position:relative;}
.wrapper { text-align:left; width:958px; margin:0 auto; position:relative;}

#header { background:url(images/header.gif) 0 100% no-repeat; height:525px; padding:0 30px;}
	#header .abs { display:block; background:url(images/nav.png) 0 44px repeat-x;}
	#logo { top:65px; left:78px; z-index:3; color:#d57d00;}
		#logo a { color:#d57d00;}
	#tagline { top:132px; left:230px; color:#999; z-index:2; letter-spacing:1px;}
	#nav { background:url(images/nav.gif) repeat-x; font-family:Trebuchet MS; font-size:12px; top:0; left:83px; width:792px; z-index:2;}
	#nav ul { background:url(images/navL.gif) no-repeat; float:left; padding-left:20px;}
	#nav .bot { background:url(images/navR.gif) no-repeat; display:block; width:20px; height:42px; float:right;}
	#nav li { display:block; float:left; background:url(images/nav.gif) repeat-x; border-left:1px solid #5a5a5a; border-right:1px solid #000}
	#nav li a { background:url(images/nav.png) repeat-x; display:block; float:left; color:#fff; height:26px; text-align:center; padding:16px 42px 0 42px;}
	#nav li a:hover, #nav li a:focus, #nav li a:hover span, #nav li a:focus span { background-color:black; color:#fff;}
	#nav li.current a { color:#fff;}
	#nav li:first-child { border-left:0;}
	#nav li:last-child { border-right:0;}
	#imgHeader { top:72px; left:0; width:100%; text-align:center; z-index:1;}
	#imgBtn { top:410px; left:220px; z-index:2;}

	.btn { background:url(images/btn.png) no-repeat; display:block; padding-top:5px; width:85px; height:22px; text-align:center; color:#fff; font-size:10px; font-weight:bold;}
	.btn:hover, .btn:focus { background-position:0 -50px; color:#fff}

#mBody { background:url(images/mContent.gif) 0 100% repeat-x #dadada; min-height:325px; padding-left:20px; line-height:16px;}
	@media screen and (-webkit-min-device-pixel-ratio:0) {}
	#sidebar { float:left;}
	#mContent { float:left; margin-top:30px; width:100%;}
		.column { float:left; width:290px; padding-right:22px;}
		.column .imgWrap img { padding:4px; background:url(images/imgWrap.png) no-repeat;}

#footer { width:958px; margin:0 auto; color:#ccc;}
#footer .wrap { background:url(images/footerLoop.jpg) repeat-y; padding-top:25px; min-height:60px; position:relative; float:left; width:100%; text-align:left}
	#footer #copyright { background:url(images/footer.jpg) no-repeat; padding:40px 0 30px 0; clear:both;}
	#footer #copyright a { color:#ccc;}
	#footer a { color:#fff; text-decoration:none;}
	#footer a:hover, #footer a:focus { text-decoration:underline;}
	#footer .links { float:left; width:90px; font-size:11px; padding-left:20px;}
		#footer .title { font-size:12px; margin-bottom:12px; color:#fff; font-weight:bold;}
		#footer .links li { list-style:none; padding-bottom:8px}
	#footer #social { left:460px; top:25px;}
		#social .title { color:#d57d00;}
	#footer #desc { left:560px; top:25px; padding-right:20px; color:#fff;}
	
	img.alignRight { margin-left:16px;}
	img.alignLeft { margin-right:16px;}
	.title, .subtitle { color:#333; margin-bottom:22px; font-size:25px;}