/* ---------- reset css ----------*/
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; background: transparent;}

.clear {clear: both;}

/* ---------- outside frame ---------- */
body        {background: #00071B url(../images/layout/body-bg.jpg) repeat-x top;}
#wrapper    {margin: 0 auto;}

#frame             {margin: 0 auto; text-align: left;}
#frame-top-left, #frame-top-mid, #frame-top-right  {height: 118px; border-bottom: solid 1px #2F3284; text-align: left;}
#frame-mid-left, #frame-mid-right  {height: 464px; width: 482px;}
.mid-left, .mid-right   {height: 464px; border-bottom: solid 1px #1C4386;}
.mid-left               {background: url(../images/layout/mid-left-bg.png) repeat-y right top;}
.mid-right              {background: url(../images/layout/mid-right-bg.png) repeat-y left top;}
#frame-mid-centre   {background: url(../images/layout/mid-centre-bg.png) repeat-x left top;}
#frame-bottom-left, #frame-bottom-right  {height: 200px;}

/* ---------- inside frame ---------- */
#content-wrap   {width: 955px;}
#content-body   {background: url(../images/layout/content-bg.png) repeat-y; width: 100%; height:490px;}
#content-footer {background: transparent url(../images/layout/footer.png) no-repeat; height:46px;}
#content-main   {width: 830px; margin: 40px auto 30px auto;}
#content-left   {width: 630px; padding-right: 30px;}
#content-right  {width: 200px; padding-top: 50px;}
#content-home   {width: 800px; margin: 40px auto; height: 400px}

/* ---------- footer ---------- */
#footer         {margin: 0px 60px 30px; font-family: helvetica, Sans-Serif; font-size: 12px; color: #BCF; text-align: right;}
#footer a       {color: #BCF;}
#footer a:hover {color: #3CF;}

#logo                   {display: block; width: 311px; height: 116px; background: url(../images/layout/tattsgroup-logo.png) top left no-repeat; text-indent: -1000000000000px; font-size: 0.0000000000001em; text-decoration: none; float: left;}

/* ---------- top nav ---------- */
#nav_container  {float: right; margin: 70px 40px 0px 0px; overflow: visible;}
#nav            {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; z-index: 9999; float: left; position: relative;}
#nav, #nav ul   {margin: 0px; padding: 0px; list-style: none; position: relative; line-height: 0.6em;}
#nav a:link,  #nav a:visited, .mainnav {display: block; padding: 10px; color: #FFF;}
#nav a:hover    {color: #3CF;}
#nav a:active   {color: #3CF;}
#nav li         {display: block; position: relative; float: left; margin-right: 0px; list-style: none;}
#nav ul         {display: none; position: absolute; top: 46px; z-index: 1;}
#nav li ul a    {width: 150px; background: #0C2160 none !important; border-bottom: solid 1px #0E2772; border-left: solid 1px #0E2772; border-right: solid 1px #0E2772;}
#nav li ul a:hover {background: #133087;}
#nav li:hover ul, #nav li li:hover ul {display: block;}