/* studioTMG.com style sheet */

/* VARIOUS BROWSER BUG FIXES AND WORKAROUNDS */
* {margin:0; padding:0; }
HTML { font-size: 100%; /* IE hack */ }

/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * { zoom:100%;
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */

/* THE ALSETT CLEARING METHOD */
	.clearfix:after {
 content: “.”;
 display: block; 
 height: 0;
 clear: both;
 visibility: hidden; }

:focus { outline: 0; }

.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* end backslash hack */ 

/* ELEMENT CONTAINERS */
BODY { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Verdana, Arial, Sans-serif;	font-size: 1em; background: #012c61; color: #fff; text-align: center; line-height: 1.22em; }
A:link { color: #06354e; }
A:visited { color: #24536c; }
A:hover { color: #06354e; }
A:active { color: #06354e; }

HR { margin-top: 10px; margin-bottom: 10px; color: #fff;  background-color: transparent; height: 1px; width: 80%; }
IMG { border: 0px 0px 0px 0px; }
DIV { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

UL { padding: 0.5em 0px 1em 1.5em; list-style-position: outside; margin: 0px 0px 0px 0px; list-style-type: disc; }
OL { padding: 0.5em 0px 1em 1.5em; list-style-position: outside; margin: 0px 0px 0px 0px; list-style-type: decimal; }
OL[type="a"] { padding: 0px 0px 0px 0px; list-style-position: outside; margin: 0.5em 0px 1em 1.5em; list-style-type: lower-alpha; }
OL[type="a"] { padding: 0px 0px 0px 0px; list-style-position: outside; margin: 0.5em 0px 1em 1.5em; list-style-type: lower-alpha; }
LI { padding: 0px 0px 0px 0.5em; margin: 0px 0px 0.45em 0px; line-height: 1.1em; }
DL { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
DT { padding: 0px 0px 0px 0px; font-weight: bold; margin: 0.5em 0px 0.25em; }
DD { padding: 0px 0px 0.25em 1em; margin: 0px 0px 0px 0px; }
PRE { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

FORM { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
LABEL { display: inline; font-size: 0.9em;}
FIELDSET { padding: 0.5em 1em 0.5em 1em; margin: 0.25em 0px 1em; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #000000;}
SELECT { font: 99% corbel,arial,helvetica,clean,sans-serif; }
INPUT { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font: .85em corbel,arial,helvetica,clean,sans-serif; }
INPUT[type="submit"] { float:right; margin:.5em 0; }
TEXTAREA { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font: .85em corbel,arial,helvetica,clean,sans-serif; }
INPUT:focus, TEXTAREA:focus, SELECT:focus { border:1px solid #7AA;}

TABLE { margin: 0.25em 0px 1em 0px; }
TH { padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; font-style: normal; font-size: 1.2em; text-align: center; font-weight: bold; }
TD { padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; font-style: normal; font-size: 0.9em; text-align: left;}

.offer { border-spacing: 0; border-width: 0px 0px 0px 0px; margin: 1px 1px 1px 1px; border-style: solid; border-color: #24536c; }
.offer * TH { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #24536c; margin: 1px 1px 1px 1px; background-color: #77aaaa; color: #06354e; }
.offer * TD { border-width: 0px 1px 1px 1px; border-style: solid; border-color: #77aaaa; margin: 1px 1px 1px 1px; background-color: #c1d6cc; color: #000000; }

.offer-two { border-spacing: 0; border-width: 0px 0px 0px 0px; margin: 1px 1px 1px 1px; border-style: solid; border-color: #24536c; }
.offer-two * TH { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #bdb77e; margin: 1px 1px 1px 1px; background-color: #e0dbaa; color: #06354e; }
.offer-two * TD { border-width: 0px 1px 1px 1px; border-style: solid; border-color: #bdb77e; margin: 1px 1px 1px 1px; background-color: #ebe9cc; color: #000000; }

P { font-size: 1em; padding: 0.25em 0px 1em; margin: 0px 0px 0px 0px; line-height: 1.35em; }
BLOCKQUOTE { padding: 0px 0px 0px 0px; margin: 1em 2em 1em 1em; }
ADDRESS { font-weight: normal; font-style: normal; }
CAPTION { font-weight: normal; font-style: italic; text-align: left; }
CITE { font-weight: normal; font-style: italic; }
CODE { font: 100% monospace; }
DFN { font-weight: normal; font-style: italic; }
EM { font-style: italic; }
STRONG { font-weight: bold; }
VAR { font-weight: normal; font-style: normal; }
Q:unknown { content: ''; }
ABBR { border-width: 0px 0px 1px 0px; border-bottom: #333 1px dotted; cursor: help; }
ACRONYM { border-width: 0px 0px 1px 0px; border-bottom: #333 1px dotted; cursor: help; }
PRE { font: 100% monospace; margin: 0.25em 0px 1em; line-height: 1.35em; }
LEGEND { font-weight: bold; color: #000; }

H1 { font-weight: bold; color: #f1efeb; padding: 0.35em 0px 0.7em 0px; margin: 0px 0px 0px 0px; line-height: 1.1em; font-size: 1.4em; }
H2 { font-weight: bold; color: #24536c; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px;; line-height: 1.1em; font-size: 1.3em; }
H3 { font-weight: bold; color: #790000; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px;; line-height: 1.1em; font-size: 1.2em; }
H4 { font-weight: bold; color: #06354e; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px;; line-height: 1.1em; font-size: 1.1em; }
H5 { font-weight: bold; color: #24536c; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px;; line-height: 1.1em; font-size: 1em; }
H6 { font-weight: bold; color: #790000; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px;; line-height: 1.1em; font-size: 0.9em; }
H7 { font-weight: bold; color: #000000; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px;; line-height: 1.1em; font-size: 0.8em; }

/* ID CONTAINERS */
#header { width: 960px; HEIGHT: 100px; border-top: #06354e 1px solid; border-right: #06354e 1px solid; border-bottom: 0px; border-left: #06354e 1px solid; background: url(/images/top_gradient.png) #e0dbaa 50% top; margin: 0px auto; text-align: left;}

#logo { padding: 0px 0px 0px 0px; font-size: 36px; margin: 54px 0px 0px 0px; color: #ccc; }

#container { width: 1055px; background-color: #012c61; margin: 0px 0px 0px 0px; text-align: center; display: inline-block; }

#container-head { width: 959px; height: 142px; padding: 49px 48px 0px 48px; margin: 0px 0px 0px 0px; text-align: left; display: inline-block;  background: #012c61 url(/images/header_bg.png) no-repeat; }
#container-mid { width: 888px; position: relative; padding: 0px 48px 0px 119px; margin: 0px 0px 0px 0px; text-align: left; display: inline-block;  background: #012c61 url(/images/mainpage_bg.png) repeat-y; }
#container-bot { width: 959px; height: 28px; padding: 0px 48px 47px 48px; margin: 0px 0px 0px 0px; text-align: left; display: inline-block; background: #012c61 url(/images/footer_bg.png) no-repeat; }

DIV#leftcol { width:468px; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; z-index: 1; }
#leftcol H1 {  font-size: 14px; font-weight: bold; color: #008fff; padding: 0.35em 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 1.35em; font-family: Arial, Helvetica, Sans-serif; }
#leftcol H2 { font-size: 12px; font-weight: bold; color: #fac851; padding: 0.35em 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 1.35em; font-family: Arial, Helvetica, Sans-serif; }
#leftcol P { font-size: 12px; padding: 0.25em 0px 1em; margin: 0px 0px 0px 0px; line-height: 1.4em; font-family: Verdana, Arial, Helvetica, Sans-serif; }
#leftcol LI { font-size: 12px; padding: 0.25em 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 1.4em; font-family: Verdana, Arial, Helvetica, Sans-serif; }
DIV#leftcol-vid { width:480px; height: 368px; left: 285px; position: absolute; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; z-index: 1; }
DIV#leftcol-home { width:468px;  position: absolute; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; z-index: 1; }
#leftcol-home H1 {  font-size: 14px; font-weight: bold; color: #008fff; padding: 0.35em 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 1.35em; font-family: Arial, Helvetica, Sans-serif; }
#leftcol-home H2 { font-size: 12px; font-weight: bold; color: #fac851; padding: 0.35em 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 1.35em; font-family: Arial, Helvetica, Sans-serif; }
#leftcol-home P { font-size: 12px; padding: 0.25em 0px 1em; margin: 0px 0px 0px 0px; line-height: 1.4em; font-family: Verdana, Arial, Helvetica, Sans-serif; }
#leftcol-home LI { font-size: 12px; padding: 0.25em 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 1.4em; font-family: Verdana, Arial, Helvetica, Sans-serif; }

DIV#rightcol { width: 367px; display: inline-block; position: absolute; right: 78px; top: -7px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; z-index: 0; }
DIV#rightcol-vid { width: 367px; height: 440px; position: absolute; display: inline-block; right: 78px; top: -7px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; z-index: 0; }
DIV#rightcol-home { width: 580px; height: 440px; position: absolute; right: 78px; top: -7px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; z-index: 0; }

#textcopy-top { width:468px; height:19px; background: url(/images/home_text_bg_top.png); padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; }
#textcopy-mid { width:410px; background: url(/images/home_text_bg_mid.png) repeat-y; padding: 0px 29px 0px 29px; margin: 0px 0px 0px 0px;  min-height: 340px;  }
#textcopy-bot { width:468px; height: 20px; background: url(/images/home_text_bg_bot.png); padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px; }

DIV#apDiv1 { position: absolute;  bottom: -80px; right: 47px; width:279px; height:440px; z-index:2; }
DIV#apDiv2 { position: absolute;  bottom: 0px; right: 78px; width:256px; height:440px; z-index:2; }

#top-logo { width:176px; height: 95px; padding: 0px 0px 0px 0px; margin: 10px 15px 10px 27px; float: left; }

#top-links { width:663px; height: 21px; padding: 0px 0px 0px 0px; margin: 15px 70px 0px 0px; float: left; text-align: right; }
#top-links A { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; text-decoration:none; }
#top-links A:link { color:#f1efeb; }
#top-links A:visited { color:#f1efeb; }
#top-links A:hover { color:#fac851; }
#top-links A:active { color:#fac851; }

#top-nav { width:733px; height: 34px; padding: 13px 0px 0px 0px; background: url(/images/top_menu_bar.png) no-repeat; float: left;  text-align: center;  }
#top-nav > A { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; text-decoration:none; }
#top-nav > A:link { color:#808081; }
#top-nav > A:visited { color:#808081; }
#top-nav > A:hover { color:#fac851; }
#top-nav > A:active { color:#fac851; }

#top-subnav { width:733px; height: 41px; padding: 6px 0px 0px 0px; float: left;  text-align: center;  }
#top-subnav > A { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; text-decoration:none; }
#top-subnav > A:link { color:#808081; }
#top-subnav > A:visited { color:#808081; }
#top-subnav > A:hover { color:#fac851; }
#top-subnav > A:active { color:#fac851; }

/* CLASS CONTAINERS */
.homecopy { width:468px; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.homecopy P { font-size: 14px; padding: 0.25em 0px 1em; margin: 0px 0px 0px 0px; line-height: 1.35em; }
.homecopy H1 { font-size: 15px; font-weight: bold; color: #f1efeb; padding: .35em 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 1.1em; }
.homecopy LI { font-size: 14px; padding: 0.25em 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 1.35em; }


.currentpage A { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; text-decoration:none; }
.currentpage A:link { color:#fac851; }
.currentpage A:visited { color:#fac851; }
.currentpage A:hover { color:#fac851; }
.currentpage A:active { color:#fac851; }
.nav-txt-inactive { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#808081; font-weight: bold; text-decoration:none; padding-left:5px; padding-right:5px; }

.breadcrumbs { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fac851; text-decoration:none; }
.inactive { color:#979694; }
.breadcrumbs A { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; }
.breadcrumbs A:link {  color:#979694; }
.breadcrumbs A:visited {  color:#979694; }
.breadcrumbs A:hover {  color:#fac851; }
.breadcrumbs A:active {  color:#fac851; }

.txt02 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#f1efeb; text-decoration:none; line-height:14pt; }
.txt002 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#f1efeb; text-decoration:none; line-height:14pt; }