/*  Copyright ©2008 TwinAct LLC (info@twinact.com). All Rights Reserved.
 *  Filename: twinactdesign.css
 *  Description: Style sheet for TwinACT
 */

body { background: #b4bdbe url(../images/studios/bg.gif) repeat-x; margin: 0px; text-align: center; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; } 

a { color : #333333; text-decoration: none; }
a:hover { color : #ab63b9; text-decoration: none; }

#sitebg { position: relative; width: 816px; margin:0px auto; text-align: left;}
#headerbg {background: #6a7f86;}
#footerbg {background: #6a7f86;}
#indexbg {background: #6b7f86 url(../images/studios/indexbg.jpg) no-repeat bottom right; height: 480px;}
#frame { background-color: #ffffff; width: 816px; }
#dottedline { background: url(../images/studios/dottedline.gif) repeat-x; margin-top:10px;}
.formbg { border:1px solid #666666; background: #e6ebec; padding:10px;}
#white td {background-color:#ffffff;}

#globalcontact { position:absolute; right: 20px; top: 10px; font-size: 7pt; color: #cfe9f2;}
#globalcontact a { color: #cfe9f2; text-decoration: none; }
#globalcontact a:hover { color: #f7bf6c; text-decoration: none; }

.indexcontent { color: #ebf5f7; font-size: 8pt; padding: 20px;line-height:20px;}

#content { padding: 15 45 15 45px; color: #666666; font-size: 9pt; line-height:15px;}
#content td { color: #666666; font-size: 9pt; line-height:15px;}
#prop { float: right; width: 1px; height: 350px; }
#base { clear: both; height: 1px; overflow: hidden;}
#indent {padding:0 25 0 25px; line-height:17px;}

.itemtitle { font-size: 7pt; font-weight:bold; color: #666666;  }
.itemdesc { font-size: 7pt; color: #8d8c8c; line-height:12px;}


#footer { text-align: center; font-size: 7pt; color: #abc2c9; padding-top: 15px; }
#footer a { color: #abc2c9; text-decoration: none; }
#footer a:hover { color : #ffffff; text-decoration: none; }
#copy { text-align: center; font-size: 7pt; color: #abc2c9; padding-top: 10px; padding-bottom: 15px; }

#navigation { text-align: right; font-size: 8pt; padding: 10px; color: #7e7e7e; background-color: #f7bf6c;}
#navigation a { color: #7e7e7e;  text-decoration: none; padding: 0px 3px 0px 3px;font-weight:bold;}
#navigation a:hover { color : #000000; text-decoration: none; }
#navigation a.tabon { color: #000000; text-decoration: none; font-weight:bold;}
#navigation a.tabon:hover { color : #000000; text-decoration: none; font-weight:bold;}

#subxnav td { text-align: center; width: 135px; font-size: 8pt; color: #666666; background-color: #cccccc; }
#subxnav a.navon { color: #ffffff; text-decoration: none; font-weight:bold;}
#subxnav a.navon:hover { color : #ffffff; text-decoration: none; font-weight:bold;}
#subxnav a.nav { color: #000000; text-decoration: none; font-weight:bold;}
#subxnav a.nav:hover { color : #000000; text-decoration: none; font-weight:bold;}


#subxnav ul { margin: 0px; height: 15px; padding: 0px 0px 10px 0px; white-space: nowrap; }
#subxnav ul li { display: inline; list-style-type: none; }
#subnav { font-size: 8pt; background-color: #ffffff;}
#subnav a {border-top: 1px solid #e3ebec; margin-right: 1px; color: #ffffff; text-decoration: none; display: block; clear: none; float: left; text-align: center;
width: 135px; padding: 5px 0px 5px 0px; background-color: #aeaeae; }

a#applicationtab:hover { background-color: #6a9c6e; }
a#webtab:hover { background-color: #32629f; }
a#animationtab:hover { background-color: #b4ae57; }
a#logotab:hover { background-color: #a13b38; }
a#marketingtab:hover { background-color: #f3a421; }
a#databasetab:hover { background-color: #749094; }

img { display: block; }

h1 { font-size: 15pt; font-weight: normal; color: #666666; margin-top: 10px;}
h3 { font-weight: bold;  font-size: 11pt; color: #666666; margin-top: 0px;}
h5 { font-weight: bold;  font-size: 10pt; color: #ab63b9; margin-top: 0pt;}
h6 { font-style: italic;  font-size: 8pt; color: #666666; margin-bottom: 0pt;}

.indexlink { font-size: 8pt; color:#ebf5f7; text-align:right;}
.indexlink a { color:#ebf5f7; text-decoration: none; }
.indexlink a:hover { color:#ffffff; text-decoration: underline; }

.smlink { font-size: 7pt; font-weight:bold; color:#2e7187; text-align:right;}
.smlink a { color:#2e7187; text-decoration: none; }
.smlink a:hover { color:#f7a833; text-decoration: underline; }

.link { font-size: 9pt; font-weight:bold; color:#ab63b9; text-align:right;}
.link a { color:#ab63b9; text-decoration: none; }
.link a:hover { color:#ab63b9; text-decoration: underline; }