/* ------------------------------------- 
   MONIKA STEINER, www.monikasteiner.com 
   design: Rena B. Design, www.rena-b.com
   programming: Example7, www.example7.com
   
   colors
   ------
   #4D4D4D		text gray
   #999933		text gold + top/side nav link
   #996633		link 1 (main text)
   #CC9800		link 2 (secondary)

*/



/* global overrides
   ---------------- */

* { margin: 0; padding: 0; }
img { border: none; }
br { line-height: 12px; }



/* foundation and layout
   ---------------- */

html, body { height:100%; width:100%; font-family: Helvetica, Arial, sans-serif; color: #4D4D4D; font-size: 12px; line-height: 16px; background-color: #FFFFFF; }
body { text-align: center; min-height: 700px; min-width: 980px; }

#xout { height: 100%; width: 100%; display: table; vertical-align: middle; }
#xcontainer { text-align: center; position: relative; vertical-align: middle; display: table-cell; height: 700px; }	
#xin { width: 100%; background: #FFF; height: 700px; text-align: center; margin-left: auto; margin-right: auto; }

#header { width: 100%; height: 45px; background-color: #999966; text-align: left; }
#headerin { width: 980px; height: 45px; background-color: #999966; text-align: left; text-align: center; margin-left: auto; margin-right: auto; }

#content { width: 980px; height: 630px; background-color: #FFFFFF; text-align: left; background-image:url(../images/global/background.png); background-repeat: no-repeat; background-position: top; text-align: center; margin-left: auto; margin-right: auto; }

#left { clear: both; float: left; width: 255px; padding: 30px 15px 15px 15px; margin: 0; text-align: left; }
#lefttop { width: 255px; height: 44px; text-align: left; }
#leftnav { width: 255px; height: 116px; font-size: 13px; line-height: 18px; margin-left: 40px; text-align: left; }
#leftnavex { width: 255px; height: 116px; font-size: 13px; line-height: 18px; margin-left: 40px; text-align: left; }
#leftimg { width: 255px; margin-left: 40px; text-align: left; }
#lefthome { width: 255px; height: 170px; text-align: left; }

#center { float: left; width: 5px; padding: 0; margin: 0; }

#right { float: right; width: 640px; padding: 30px 25px 15px 15px; _padding: 30px 10px 0 0; margin: 0; text-align: left; }
#bioright { float: right; width: 665px; _width: 650px; padding: 30px 0px 15px 15px; _padding: 30px 10px 0 0; margin: 0; text-align: left; }

#nav { width: 375px; height: 44px; margin: 0; padding: 0; }

#portleft { clear: both; float: left; width: 300px; padding: 0; margin: 7px 0 0 0; font-size: 11px; line-height: 15px; text-align: left; }
#portnav { float: right; padding: 0; margin: 28px 0 0 0; font-size: 12px; line-height: 16px; }

#videoleft { clear: both; float: left; width: 300px; padding: 0; margin: 0 0 0 90px; font-size: 11px; line-height: 15px; text-align: left; }
#videoright { float: right; width: 155px; padding: 0; margin: 0 90px 0 0; font-size: 12px; line-height: 16px; text-align: right; }

#footer { width: 100%; height: 25px; background-color: #999966; text-align: left; padding: 0; color: #FFF; font-size: 11px; line-height: 25px; }
#footerin { width: 980px; height: 25px; background-color: #999966; padding: 0; color: #FFF; font-size: 11px; line-height: 25px; text-align: center; margin-left: auto; margin-right: auto; }

#break { width: 185px; height: 41px; }

.tableport { margin-bottom: 10px; height: 363px; }



/* links and type
   -------------- */
   
a:link, a:visited, a:active { color: #999966; text-decoration: none; }
a:hover { color: #4D4D4D; text-decoration: none; }

a.emaillink:link, a.emaillink:visited, a.emaillink:active { color: #CC9800; text-decoration: none; }
a.emaillink:hover { color: #4D4D4D; text-decoration: none; }

a.portnav:link, a.portnav:visited, a.portnav:active { color: #4D4D4D; text-decoration: none; }
a.portnav:hover { color: #999966; text-decoration: none; }
.portnav { color: #999966; }

a.portright:link, a.portright:visited, a.portright:active { color: #4D4D4D; text-decoration: none; }
a.portright:hover { color: #999966; text-decoration: none; }

a.flink:link, a.flink:visited, a.flink:active { color: #FFFFFF; text-decoration: none; }
a.flink:hover { color: #4D4D4D; text-decoration: none; }

.text { font-size: 11px; line-height: 15px; }

.vtext { line-height: 24px; }

.tabletext { font-size: 11px; line-height: 14px; }



/* links and type
   -------------- */

.portimg { padding: 0px 6px 6px 0px; }