/* 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:#663;}
a:hover, a:focus { text-decoration:none; color:#ff6600;}
:focus { outline:0;}

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

span.break { display:block; margin-bottom:22px;}
.red { color:#7f1e1d;}
.alignLeft { float:left;}
.alignRight { float:right;}
.caps { text-transform:uppercase;}
.abs div { position:absolute;}

/*** general ***/
body { background:url(images/bg.jpg) repeat #262626; text-align:center; font-family:Arial; color:#666; position:relative;}
#wrapper, .wrapper { background:url(images/bodyBg.png) repeat-y; text-align:left; margin:0 auto; width:778px; position:relative; padding:0 84px 0 83px;}

#header { margin:0 auto;}
#header .wrapper { background:url(images/headBg.png) 0 119px no-repeat; height:363px; width:925px; padding:28px 10px 0 10px;}
#logo { margin-bottom:14px;}
#login { background:url(images/loginBg.png) no-repeat; width:221px; height:91px; right:0; top:24px; position:absolute; padding:18px 0 0 150px;}
#login input { height:16px; margin-bottom:2px;}
#login input.button { background:url(images/login.gif) no-repeat; position:absolute; top:8px; right:25px; width:39px; height:35px; border:0; padding-bottom:20px; color:#fff; text-transform:uppercase; font:10px Arial; cursor:pointer;}
#nav { border:1px solid #a5b197; border-top:none; height:32px; width:731px; margin-bottom:9px; background:#fdfcee; font-size:15px; padding-left:35px; font-weight:bold;}
#nav li { float:left; background:url(images/navDiv.gif) right no-repeat; height:31px; list-style:none;}
#nav li a { float:left; display:block; color:#ff6600; padding:8px 20px; margin:0 20px 30px;}
#nav li a:hover { color:#663;}
#nav li.end { background:none;}

#mBody { background:#fdfcee; border:1px solid #a5b197; border-bottom:none; width:661px; clear:both; padding:40px 50px 150px 65px; font:12px Helvetica; position:relative;}
#mFooter { background:url(images/fold.jpg) right bottom no-repeat; width:778px; height:87px; margin:0 auto;}

.TLeft { top:0; left:0;}
.TRight { top:0; right:0;}
.BLeft { bottom:0; left:0;}
.BRight { bottom:0; right:0;}

#footer .chain { top:-44px;}
#footer .BLeft { left:160px;}
#footer .BRight { right:160px;}
#mBody .chain { top:-40px;}
#mBody .TLeft { left:15px;}
#mBody .TRight { right:15px;}
#mBody .BLeft { left:65px;}
#mBody .BRight { right:50px;}

.chain { background:url(images/chainLink.png) no-repeat; width:27px; height:63px; position:absolute; display:block;}
.floatBox { background:url(images/actionBg.jpg) no-repeat; width:317px; height:149px; position:absolute; bottom:-40px;}
.floatBox .wrap * { position:absolute;}
.floatBox .wrap img { width:102px; height:107px; top:-28px; left:12px;}
#mBody .floatBox .wrap h2 { right:20px; top:25px; font:22px Helvetica;}
.floatBox .wrap label { top:78px; left:50px; text-transform:uppercase; font-size:10px;}
.floatBox .wrap input { top:74px; left:130px;}
.floatBox .wrap input.button { background:url(images/submit.gif) no-repeat; border:0; top:106px; left:190px; width:90px; height:24px; text-indent:-20px; font:10px Arial; text-transform:uppercase; color:#fff;}
.floatBox .wrap input.button:hover { cursor:pointer; color:#314a0d;}
.floatBox .wrap span img { width:266px; height:39px; left:40px; top:22px}
.floatBox .wrap p { text-align:center; font:15px Helvetica; top:60px; left:15px; line-height:26px; margin:0; padding:0;}

#mBody h1, #mBody h2, #mBody h3 { font-size:16px; margin-bottom:28px; color:#0066cc; font-weight:normal;}

#footer  .wrapper { height:30px; clear:both; font:12px Arial; color:#663; padding-top:30px; position:relative;}
#login .wrap, .floatBox .wrap , .floatBox .wrap p * { position:relative;}

input { color:#999;}