/* The Other Side CSS Document */

html, body {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
color:#555555;
height:100%;
}
div{
margin:0;
padding:0;
}
body{
margin:0;
padding:0;
background-color:#000000;
}
ul{
padding-top:15px;
padding-bottom:15px;
}
ol{
padding-top:20px;
padding-bottom:20px;
}
a:link, a:visited{
text-decoration:none	;
color:#309AA9;
}
a:hover, a:active{
color:#FFFFFF;
text-decoration:none;
}
h1, h2, h3, h4{
color:#FFFFFF;
margin:0;
padding:0;
}
h1{
font-size:18px;
font-weight:normal;
}
#wrap {
width:100%;
height:100%;
}
#div{
margin:0;
padding:0;

}
div#wrapperid {
height:100%;
}
#top{
background-color:#FFFFFF;
border-bottom:10px solid #FFFFFF;
}
#navbg{
background-color:#000000;
padding:10px 5px 5px 20px;
}
#nav a{
text-align:right;
display:block;
padding:2px 30px 2px 40px;
}
#nav a:link, #nav a:visited{
text-decoration:none;
color:#FFFFFF;
background-image:url(images/arrowLT.gif);
background-position:center right;
background-repeat:no-repeat;

}
#nav a:hover, #nav a:active{
color:#309AA9;
background-image:url(images/arrowLTB.gif);
background-position:center right;
background-repeat:no-repeat;
}
#subnav{
padding:0 0 0 30px;
}
#subnav a{
text-align:right;
display:block;
padding:2px 30px 2px 40px;
}
#subnav a:link, #subnav a:visited{
text-decoration:none;
color:#309AA9;
background-image:url(images/arrowLTB.gif);
background-position:center right;
background-repeat:no-repeat;
}
#subnav a:hover, #subnav a:active{
color:#ffffff;
background-image:url(images/arrowRTP.gif);
background-position:center right;
background-repeat:no-repeat;
}
#copy{
font-size:11px;
padding:40px;
line-height:170%;
background-image:url(images/windowbg.jpg);
background-position:top right;
background-repeat:no-repeat;

}
#copy td{
vertical-align:default;
}
#copy h1{
font-size:18px;
font-weight:normal;
margin:0 0 10px 0;
}
#copy h2{
font-size:10px;
font-weight:bold;
margin:20px 0 20px 0;
}

#logo{
height:89px;
background-image:url(images/topbgleaf.gif);
background-position:top right;
background-repeat:no-repeat;
}
#footer{
background-color:#FFFFFF;
}
#shadow{
background-color:#ffffff;
background-image:url(images/shadowtop.jpg);
background-position:top;
background-repeat:repeat-x;
height:23px;
}
#shadowBT{
background-color:#ffffff;
background-image:url(images/shadowbottom.jpg);
background-position:top;
background-repeat:repeat-x;
height:7px;
}
div#copyright{
padding:10px 20px 10px 0;
text-align:right;
}
div#hline{
display:block;
background-image:url(images/dotH.gif);
background-position:top;
background-repeat:repeat-x;
height:2px;
width:100%;
margin:5px 0 5px 0;
}
div#hline3{
display:block;
background-image:url(images/dotH.gif);
background-position:top;
background-repeat:repeat-x;
height:2px;
width:100%;
margin:20px 0 20px 0;
}
div#hline2{
display:block;
background-image:url(images/dotH.gif);
background-position:top;
background-repeat:repeat-x;
height:2px;
width:100%;
margin:0;
}

#vline{
background-image:url(images/dotV.gif);
background-position:right;
background-repeat:repeat-y;
padding-right:35px;
}

#recent {
width:300px;
padding:0 20px 0 30px;
line-height:160%;
}
#recent td{
padding-top:10px;
}
#imgleft{
float:left;
margin:0 15px 0 0;
padding:2px;
border:1px solid #cccccc;
}

#imgRT{
float:right;
margin:0 0 0 15px;
padding:2px;
}

#imgRT2{
padding:2px 15px 2px 15px;
}

#imgleft2{
float:left;
margin:0 15px 0 0;
}
#arrow a{
display:block;
width:150px;
padding-right:25px;
text-decoration:none;
}
#arrow a:link, #arrow a:visited{
color:#309AA9;
background-image:url(images/arrowRT.gif);
background-position:center right;
background-repeat:no-repeat;
}
#arrow a:hover, #arrow a:active{
color:#FFFFFF;
background-image:url(images/arrowRTP.gif);
background-position:center right;
background-repeat:no-repeat;
}
#portfolio{
padding:40px 30px 30px 30px;
line-height:160%;
}
#portfolio h2{
font-size:14px;
color:#CCCCCC;
font-weight:bold;
}
#portfolio h3{
font-size:10px;
color:#FFFFFF;
font-weight:bold;
}
#portfolio td{
vertical-align:top;
}

#colLT{
line-height:160%;
width:300px;
padding:0 20px 0 30px;
}
#blackbg{
background-color:#000000;
}
#blackbg p{
padding-left:30px;
}

.padRT {
padding-right:15px;
}
.padLT{
padding-left:35px;
}
.teal{
color:#309AA9;
}
.black{
color:#000000;
}
.white{
color:#ffffff;
}
.small{
color:#444444;
font-size:9px;
}
.green{
color:#99CC33;
}
.gold{
color:#CC9933;
}
.red{
color:#990000;
}
.lgtxt{
font-size:16px;
font-weight:bold;
}
#studiobg{
background-color:#1D1D1D;
border:1px solid #999999;
padding:5px;
}