/*==[ Reset ] ]=====================================================================================================================================================*/
body, body * { line-height: 1; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font:13px 'Trebuchet MS'; color:lightgrey; }
ul { list-style:none; }
:focus, :active { outline: 0; } table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight:bold; }
h1 { font-size: 1.8em !important; padding:5px 0 5px; }
h2 { font-size: 1.5em !important; padding:15px 0 5px; }
h3 { font-size: 1.1em !important; }
p { padding-left:20px; }
/*==[ Anchors ]=====================================================================================================================================================*/
a { text-decoration:none; color:#D3D3D3; background:transparent; border-bottom:1px dotted tomato; cursor:crosshair; font-weight:bold; }
a:visited, a:active { border-bottom:1px dotted DimGrey; font-weight:normal; } 
a:hover { color:Orange; border-bottom:1px dotted white;}
a .tooltip { display:none; width:300px; border:3px solid darkred; padding:10px; background:black; filter:alpha(opacity=80); opacity:0.8; -moz-border-radius:10px; -webkit-border-radius:10px; position:absolute; z-index:100;}
a:hover .tooltip { display:block; }
a:hover .tooltip:hover { display:none; }
/*==[ Multi-Use Classes ]===========================================================================================================================================*/
.RC { /* Adds Round Corners */ -moz-border-radius:10px; -webkit-border-radius:10px; }
.HI { color:orange !important; border-color:orange !important; }
.Plain { border:0 !important; text-decoration:none; }
.Spacer { height:20px; _height:130px; display:block; clear:both; }
.TwinToneBase{ font-size:1em; color:silver; position:relative; }
.TwinToneHead { font-size:1em; position:absolute; overflow:hidden; left:0; top:0; color:white; height:60%; background:transparent !important; border:0 !important; padding:0 !important; margin:0 !important; width:auto !important; }
/*==[ Feedback ]====================================================================================================================================================*/
small { font-size:0.75em; color:#999999; }
small a { font-size:1em; color:#999999; }
div.withIcon > small { position:absolute; left:60px; bottom:12px; text-align:center; width:675px; }
div.icon { float:left; margin-right:5px; clear:right; }
div.withIcon { width:705px; }
div.withIcon .TwinToneBase { font-size:2em; }
div.withIcon .HI { font-size:1.15em; }
/*==[ Inputs ]======================================================================================================================================================*/
input,textarea,select { vertical-align:middle; clear:right; color:silver; width:225px; -moz-border-radius:10px; -webkit-border-radius:10px; border:3px solid lightgrey; background:black; opacity:0.5; filter:alpha(opacity=50); }
input.submit { height:23px; width:125px; border-style:outset; clear:none; color:orange; }
input.file { float:left; width:40% !important; clear:both; }
input.checkradio { width:auto !important; }
form span, form small { clear:left; }
select:hover,select:focus,input:hover,textarea:hover,textarea:focus,input:focus { opacity:1.0; filter:alpha(opacity=100); border-color:DarkRed; }
/*==[ Login Boxes ]=================================================================================================================================================*/
div.loginForm { text-align:right; width:300px; }
#Header div.loginForm { position:absolute; right:10px; top:12px; }
.withIcon div.loginForm { top:20px; left:50px; margin-bottom:20px; position:relative; }
.Frame div.loginForm, #fb_user_logon { margin:7px auto 20px; border:3px groove DarkRed; -moz-border-radius:10px; -webkit-border-radius:10px; padding:5px; }
/*==[ Facebook Connect ]============================================================================================================================================*/
#fb_user_logon { width:300px; padding:5px 0 10px; margin-top:10px; text-align:center; }
#fb_user_logon > .FB_profile_pic { vertical-align:baseline; border:2px solid DimGrey; top:-7px; position:relative; float:left; margin:5px; }
.FB_profile_pic *, fieldset.form_halfCol a { border:0 !important; }
.FB_Link { color:Silver !important; text-decoration:none !important; }
.FB_Link:hover { color:orange !important; text-decoration:none !important; }
#RES_ID_fb_login, #RES_ID_fb_login:hover { text-decoration:none; border:0; margin-top:3px; top:3px; position:relative; }
/*==[ Layout ]======================================================================================================================================================*/
fieldset.form_twinCol { border:4px solid DarkRed; margin-top:20px; _margin-top:30px; padding:10px; width:772px; background-image:url('../Images/Trans-trans.png'); -moz-border-radius:10px; -webkit-border-radius:10px; position:relative; clear:both; }
fieldset.form_singleCol { border:4px solid DarkRed; margin-top:20px; _margin-top:30px; padding:10px; width:362px; background-image:url('../Images/Trans-trans.png'); -moz-border-radius:10px; -webkit-border-radius:10px; position:relative; float:left; clear:both; } 
fieldset.leftCol { width:390px; overflow-x:hidden; float:left; position:relative; } 
fieldset.rightCol { width:390px; overflow-x:hidden; margin-left:20px; float:left; clear:right; position:relative; }
fieldset.form_halfCol { border:2px solid DarkRed; margin-right:2px; margin-top:20px; height:100%; _margin-top:30px; padding:10px; width:174px; background-image:url('../Images/Trans-trans.png'); -moz-border-radius:10px; -webkit-border-radius:10px; position:relative; float:left; } 
/*==[ Forms ]=======================================================================================================================================================*/
fieldset.form_halfCol ul { list-style:disc; position:relative; left:10px; }
fieldset.form_twinCol input, fieldset.form_twinCol textarea, fieldset.form_twinCol select { width:756px; margin:5px; }
fieldset.form_twinCol input.submit { width:376px; float:right; }
fieldset.form_singleCol input, fieldset.form_singleCol textarea, fieldset.form_singleCol select { width:338px; margin:5px; }
fieldset.form_singleCol input.submit { width:170px; float:right; }
.vivid { -moz-border-radius:10px; -webkit-border-radius:10px; background: #000000; margin-left:5px; border:3px solid #444444; padding:2px 3px; }
/*==[ Wrapper ]=====================================================================================================================================================*/
.Fader { height:60px; left:0; position:fixed; top:0; width:100% !important; z-index:99; }
.AntiFader { height:40px; bottom:0; position:fixed; left:0; width:100% !important; z-index:99; }
html, body { height:100%; width:100%; }
body { background:white url('/Images/b0C.jpg') no-repeat fixed 50% 80px; }
#Wrapper { z-index:1; position:relative; float:left; height:auto !important; min-height:100%; height:100%; width:100%; }
#Content { position:relative; width:800px; z-index:5; margin:45px auto 0; padding-bottom:50px; min-height:90%; height:auto !important; height:90%; }
div.Frame { float:left; margin-bottom:75px; position:relative; padding:10px; width:780px !important; _width:100%; margin-top:25px; border:4px solid DarkRed; background-image:url('../Images/Trans-trans.png'); }
div.Frame > span { -moz-border-radius:10px; -webkit-border-radius:10px; background: #000000; border:3px solid #444444; margin:5px; width:759px; _width:100%; padding:2px 3px; }
div.Frame > span.TwinToneBase { background:transparent; border:0; padding:0; margin:0; clear:right; }
legend { -moz-border-radius:10px; -webkit-border-radius:10px; position:absolute; left:5px; top:-20px; padding:2px 5px; background: black; border:3px outset DarkRed; } 
/*==[ Header ]======================================================================================================================================================*/
#Header { background:black; z-index:100; height:120px; width:100%; position:relative; left:0px; top:0px; border-bottom: 10px solid DarkRed; color:white; }
#Logo { top:0px; position:absolute; height:175px; left:20px; }
.Menu { bottom:-97px; margin:0 auto; position:relative; width:660px; }
.Menu li { display:inline; float:left; font-size:1.2em; width:110px; text-align:center; }
.Menu li .TwinToneBase { font-size:1.4em; }
.Menu li.Selected .TwinToneBase { color:Orange; }
.Menu li.Selected .TwinToneHead { color:DarkOrange; }
.Menu li:hover .TwinToneBase, #Content > h1 .TwinToneBase { color:FireBrick; }
.Menu li:hover .TwinToneHead, #Content > h1 .TwinToneHead { color:DarkRed; }
.Menu li a { -moz-border-radius:10px; -webkit-border-radius:10px; height:100%; width:100%; display:block; border-bottom:10px solid DarkRed; }
.Menu li a:hover { border-bottom-color:FireBrick; }
.Menu li.Selected a { background:transparent url('/Images/Glass.png'); border-bottom:10px solid FireBrick; }
/*==[ Footer ]======================================================================================================================================================*/
#Footer { width:100%; color:white; position:absolute; bottom:-470px; _bottom:-340px; left:0; z-index:100; height:500px; overflow-y:hidden; background:black; }
#FtrHead { width:100%; z-index:3; clear:right; }
#FtrHead li.ftr_right { border-left:27px solid black; border-top:27px solid DarkRed; float:right; position:relative; text-align:center; top:-33px; width:235px; }
#FtrHead li.ftr_right span { position:relative; top:-25px; }
#FtrHead li.ftr_left { background:black; border-top:6px solid darkred; float:right; height:27px; width:100%; border-bottom:6px solid black; }
#FtrHead li.ftr_left > * { left:4px; bottom:-3px; margin-right:5px; position:relative; }
#ShareBox { margin:0 300px 0 auto; height:60px; position:relative; text-align:center; top:-105px; padding:28px 15px 15px 15px; width:245px; border:4px solid DarkRed; background-image:url('../Images/Trans-trans.png'); -moz-border-radius:10px; -webkit-border-radius:10px; clear:both; }
a.Social { position:absolute; border:0; }
img.Social { position:relative; width:35px; height:35px; margin:10px 0; }
a.Social:hover img.Social { width:55px; height:55px; margin:0; left:-10px; }
a.Social:hover + a.Social img.Social { opacity:0.4; filter:alpha(opacity=40); }
span.Social { visibility:hidden; position:absolute; left:0; border:2px solid DarkRed; background:black; padding:4px; text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px; }
a.Social:hover span.Social { visibility:visible; }
a.Social span.Social .TwinToneBase { position:auto !important; }
#Footer > #Disclaimer { bottom:0; padding:10px 15px; position:absolute; right:0; color: DimGrey; }
/*==[ Global Profile ]==============================================================================================================================================*/
.ProPic { vertical-align:top; width:120px; height:150px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:10px; float:left; position:relative; border:2px solid DarkRed; }
/*==[ Terms Lists ]=================================================================================================================================================*/
#Terms { margin:4% 6%; font-size:12px; color:silver; }
#Terms li.heading a { font-size:1.4em; margin:12px 0 12px; left:-10px; }
#Terms li.subheading { font-size:1.2em; margin-bottom:6px; }
#Terms li.heading ul, #Terms li.subheading ul { font-size:12px; margin:0; }
#Terms a, #Terms a:hover { border:0 !important; color:DarkRed !important;}
#Terms ul { margin:2% 3%; list-style:decimal; }
#Terms ul.no { margin:2% 3%; list-style:none; }
#Terms ul ul { margin:4% 5%; list-style:lower-roman; }
/*==[ Portfolio ]===================================================================================================================================================*/
.portfolio_outer { float:left; width:384px; height:180px; border:3px solid black; margin:5px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.portfolio_inner { width:384px; height:180px; visibility:hidden; position:relative; left:0; top:0; background-image:url('../Images/Trans-trans.png'); }
.portfolio_outer:hover .portfolio_inner { visibility:visible; }
.portfolio_inner h3 { position:relative; top:5px; left:5px; }
.portfolio_description { overflow-x:hidden; overflow-y:auto; height:120px; width:364px; position:relative; top:10px; left:10px; margin-right:10px; }
.portfolio_date { position:absolute; bottom:5px; left:5px; }
a.portfolio { position:absolute; bottom:5px; right:5px; }