/*
Name: 
Designer: Paste
Designer_url: http://www.paste.com.au
*/     

/*
Author: Steven Watts - Paste
Author URL: http://www.paste.com.au
*/

/* DEFAULT styles
    
	index -> 	
				CSS reset 
				default styles
				typography  
				layout 
				scroll bars
				
*/



/* =css reset     
--------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

/* =default styles
----------------- */

body { background: #000 url() 0 0 no-repeat; font-family:helvetica, arial, sans-serif; font-size:14px; }           

/* =typography
----------------- */      
                        
a, .link { color:#9f9180; text-decoration:none; }  
li.active a, a.active, .active { color:#fff; }  
a:hover, .link:hover { color:#a3001b; }

h1#logo { position:relative; top:-100px; left:-281px; height:533px; width:1000px; margin:0 auto; background:#000 url('/images/dc_logo.jpg') 0 0 no-repeat; z-index:5;}
#logoSwitch{ position:absolute; z-index:999999; display:block; width:127px; height:120px;margin-top:120px; margin-left:280px; cursor:pointer;}

h2 { font-size:25px; font-weight:100; color:#a3001b; margin-bottom:12px; line-height:28px; }    
div.articleCol h2 {color:#686868;}
div.textPanel h2 { } 
div.blogBody h2 { margin-bottom:0; }

h3 { font-size:25px; font-weight:100; color:#686868; margin-bottom:12px; line-height:28px; }  
div.contactPanel div.leftCol h3.quote { margin-top:40px;}   
div.summaryCol h3 { font-size:17px; line-height:20px; margin-bottom:0;}

h4 { color:#a3001b; font-weight:100; font-size:18px; line-height:16px; margin-bottom:16px; }
h4.commenter { background:#000 url('/images/commenter.gif') 0 8px no-repeat; padding: 8px 0 0 30px;}  
.form h4 {font-size:22px; line-height:25px; padding-bottom:10px;}
   
h5, h6 { color:#686868; font-weight:100; font-size:13px; line-height:16px; margin-bottom:16px; }

p { color:#686868; font-weight:100; font-size:13px; line-height:16px; margin-bottom:16px; } 
p.author { margin-bottom:0; float:left; }
p.closeButton { width:21px; height:25px; padding:0; margin:0; float:right; }
p.closeButton a { display:block; width:21px; height:25px; background:#000 url('/images/close.gif') 0 0 no-repeat; text-indent:-9999px; } 
p.closeButton a:hover { background:#000 url('/images/close.gif') 0 -25px no-repeat; }
p.emarketSignupBtn { position:absolute; top:0; right:0; display:block; }
p.emarketSignupBtn a { position:relative; display:block; padding:6px 9px 6px 9px; font-size:12px; line-height:12px; color:##9f9180; background-color:#151413; }   
p.emarketSignupBtn a:hover { background-color:#a3001b; color:#fff;}
div.textPanel p { line-height:18px; } 
strong { color:#a3001b; font-weight:100; }

div.textPanel ul, div.blogBody ul {list-style-type:disc; }
div.textPanel ul li, div.blogBody ul li { list-style-type:disc; color:#686868; margin:0 0 16px 15px; font-weight:100; font-size:13px;}

.uppercase { text-transform:uppercase; }       

.grey { color:#686868; }   
.red { color:#a3001b; }


/* =layout
----------------- */
div#mainContainer { position:relative; top:-358px; overflow:visible; width:1000px; margin:0 auto; z-index:10;}   

ul#nav { padding:0; position:relative; float:left; width:100px; margin:0 0 0 22px; overflow:visible;  z-index:100;} 
ul#nav li.topLevel{ position:relative; display:block; height:14px; width:100px; margin:0 0 14px 0; cursor:pointer; }        

ul#nav li ul.subNav { position:absolute; overflow:hidden; top:-28px; left:100px; width:219px; height:0px; background: url('/images/subNav_BG_2.png') 0 0 repeat; z-index:30;}
ul#nav li ul.subNav #vpane { position:absolute; float:left; width:186px; height:406px; padding:28px 17px 28px 17px; overflow:auto; }
ul#nav li ul.subNav li { min-height:14px; margin-bottom:10px;}
ul#nav li span.link { } 
ul#nav li ul.subNav li ul li a { color:#9f9180!important; cursor:pointer; line-height:14px;}
ul#nav li ul.subNav li ul li a:hover { color:#fff!important;}  
ul#nav li ul.subNav li ul li a:active { color:#9f9180!important;}  

div.thumbPanel { float:left; width:876px;} 
div.thumbPanel div.item { position:relative; float:left; width:219px; height:154px; z-index:20; }       
div.thumbPanel div.item img { position:absolute; float:left; z-index:26; }
div.thumbPanel div.item img.second { z-index:25 !important; }
div.thumbPanel div.item div.thumbDescription {cursor:pointer;}
div.thumbPanel div.item dl { position:absolute; float:left; width:219px; height:154px; background: url('/images/subNav_BG_2.png') 0 0 repeat; z-index:27; opacity:0; }   
div.thumbPanel div.item .show dl{z-index:26 !important;}
div.thumbPanel div.item dl dt { height:14px; font-size:14px; color:#fff; padding:28px 10px 10px 10px; }   
div.thumbPanel div.item dl dd { height:14px; color:#fff; padding:0 10px 3px 10px; }       

div#homePageContent { height:417px; background: url('/images/overlay.png') 0 0 repeat; z-index:28; display:none; position:absolute; width:516px; padding:10px 60px 35px 300px; color:#fff; }
div#homePageContent p { color:#fff; position:relative; bottom:50px; font-size:24px; line-height:27px; vertical-align:bottom; font-weight:100; }
div#homePageContent p.author { font-size:13px; font-style:italic; float:none; color:#9f9180; text-align:right; padding-right:20px; }


body.blog div.pagination { position:relative; float:left; width:876px; margin-left:122px; text-align:right; }
div.pagination ul { }
div.thumbPanel div.pagination ul { position:absolute; top:-45px; right:0;}  
body.blog div.pagination ul { float:right; padding-top:20px; }
div.pagination ul li {float:left; height:25px; margin-left:4px;}       
div.pagination ul li.play, div.pagination ul li.pause {float:left; height:25px; width:26px; overflow:hidden; margin-left:4px; text-indent:-9000;}
div.pagination ul li.play a{ background-image:url(../images/play.gif); background-position:center; background-repeat:no-repeat;}
div.pagination ul li.pause a{ background-image:url(../images/pause.gif); background-position:center; background-repeat:no-repeat;}

div.pagination ul li a { float:left; text-align:center; background-color:#9f9180; color:#fff; height:13px; padding:6px 9px; cursor:pointer;}
div.pagination ul li a:hover { background-color:#a3001b; }
div.pagination ul li.active a { background-color:#686868; color:#fff; }    

div.folioItem { position:absolute; z-index:20; }     
div.folioItem div.caption { position:absolute; left:300px; top:34px;  width:545px; }
div.folioItem div.caption blockquote { z-index:300; font-size:25px; line-height:27px; font-weight:100; color:#a3001b; margin-bottom:30px; }
div.folioItem div.caption blockquote span { font-size:33px; line-height:25px; }
div.folioItem div.caption blockquote h2, div.folioItem div.caption blockquote h3, div.folioItem div.caption blockquote p { }
div.folioItem div.caption blockquote h2 {padding-bottom:20px; }
div.folioItem div.caption p.comment {font-style:italic; color:#686868; text-align:right; font-weight:100;}
/*div.folioItem2 {opacity:1;} 
div.folioItem2 {opacity:0;} 
div.folioItem3 {opacity:0;}  */

div.contactPanel { float:left; width:816px; height:420px; background:#000 url('/images/contactBG.jpg') 0 0 no-repeat; padding:20px 30px 20px 30px; }   
div.contactPanel div.leftCol {float:left; width:370px; padding-right:40px;}
div.contactPanel div.rightCol {float:left; width:400px; padding-top:8px;}

div.textPanel { position:relative; float:left; width:816px; height:420px; background:#000 url('/images/contactBG.jpg') 0 0 no-repeat; padding:20px 30px 20px 30px; }  
div.textPanel div#vpane2 { position:absolute; width:776px; height:420px; overflow:auto; padding-right:40px;}               

div.blogPanel { position:relative; float:left; width:876px; z-index:20; background:transparent url('/images/blogTileBG.jpg') 0 0 repeat-y;} 
div.blogPanel div.blogHead { position:relative; float:left; width:876px; height:205px; background:transparent url('/images/blogHeadBG.jpg') 0 0 no-repeat; z-index:30; margin-bottom:-205px; }
div.blogPanel div.blogBody { position:relative; float:left; width:816px; padding:20px 30px 20px 30px; z-index:30; }
div.blogPanel div.blogFoot { position:relative; float:left; width:876px; height:25px; background:transparent url('/images/blogFootBG.jpg') 0 0 no-repeat; z-index:35;}    

div.blogPanel ul.articleList { list-style-type:none; }
div.blogPanel .item { display:block; list-style-type:none; /*position:relative; float:left;*/ border-bottom:1px solid #af071b; margin:0 0 24px 0; padding:0 0 30px 0; z-index:40; overflow:hidden;}    
div.blogPanel .item img.thumbImage {float:left; margin-right:30px;}
div.blogPanel .item h2 {margin-top:3px;}    
div.blogPanel .item p.author {clear:none;}
div.blogPanel .lastItem {border:none;}                               

div.blogPanel div.articleCol { float:left; width:562px; padding-right:30px; }
div.blogPanel div.articleCol ul.comments,div.blogPanel div.articleCol ul.comments ul.actionLinks { list-style-type:none; }
div.blogPanel div.articleCol ul.comments li.commentItem,div.blogPanel div.articleCol ul.comments ul.actionLinks li { list-style-type:none; padding-bottom:20px; margin:0 0 30px 0;}
div.blogPanel div.articleCol ul.comments ul.actionLinks{height:30px;}
div.blogPanel div.articleCol ul.comments ul.actionLinks li{ padding:0px; margin:0px 7px 0px 0px; float:left; } 
div.blogPanel div.articleCol blockquote { color:#686868; font-weight:100; font-size:13px; line-height:16px; margin-bottom:16px; }
div.blogPanel div.articleCol img { padding:10px 0 30px 0;}
div.blogPanel div.summaryCol { float:left; width:220px; padding-top:12px;}  
div.blogPanel div.summaryCol ul {list-style-type:none; }
div.blogPanel div.summaryCol li.item { list-style-type:none; padding:0 0 3px 0; margin:0 0 20px 0;} 

div.blogPanel div.articleCol #recaptcha_widget_div { padding-bottom:20px; }
div.blogPanel div.articleCol .recaptchatable * { color:#686868!important;}
div.blogPanel div.articleCol .recaptchatable .recaptcha_r1_c1 { background: url('../images/recaptchaSprite.png') -0px -63px no-repeat!important; }
div.blogPanel div.articleCol .recaptchatable .recaptcha_r2_c1 { background: url('../images/recaptchaSprite.png') -18px -0px no-repeat!important; }
div.blogPanel div.articleCol .recaptchatable .recaptcha_r2_c2 { background: url('../images/recaptchaSprite.png') -27px -0px no-repeat!important; }
div.blogPanel div.articleCol .recaptchatable .recaptcha_r3_c1 { background: url('../images/recaptchaSprite.png') -0px -0px no-repeat!important; }
div.blogPanel div.articleCol .recaptchatable .recaptcha_r3_c2 { background: url('../images/recaptchaSprite.png') -18px -57px no-repeat!important; }
div.blogPanel div.articleCol .recaptchatable .recaptcha_r3_c3 { background: url('../images/recaptchaSprite.png') -9px -0px no-repeat!important; }
div.blogPanel div.articleCol .recaptchatable .recaptcha_r4_c1 { background: url('../images/recaptchaSprite.png') -43px -0px no-repeat!important; }
div.blogPanel div.articleCol .recaptchatable .recaptcha_r4_c2 { background: url('../images/recaptchaSprite.png') -36px -0px no-repeat!important; }
div.blogPanel div.articleCol .recaptchatable .recaptcha_r4_c4 { background: url('../images/recaptchaSprite.png') -214px -0px no-repeat!important; }
div.blogPanel div.articleCol .recaptchatable .recaptcha_r7_c1 { background: url('../images/recaptchaSprite.png') -43px -49px no-repeat!important; }
div.blogPanel div.articleCol .recaptchatable .recaptcha_r8_c1 { background: url('../images/recaptchaSprite.png') -43px -49px no-repeat!important; }
.recaptcha_theme_red #recaptcha_response_field { border:1px solid #a3001b!important; color:#686868!important; }  
/* Remove reCaptcha button images  */
a#recaptcha_reload_btn { display:block; width:25px; height:17px; background: url('../images/recaptchaSprite.png') -311px 0 no-repeat !important; margin:0!important;} 
a#recaptcha_switch_audio_btn { display:block; width:25px; height:16px; background: url('../images/recaptchaSprite.png') -318px -49px no-repeat !important; margin:0!important; } 
a#recaptcha_whatsthis_btn { display:block; width:25px; height:16px; background: url('../images/recaptchaSprite.png') -311px -33px no-repeat !important; margin:0!important; }
img#recaptcha_reload, img#recaptcha_switch_audio, img#recaptcha_whatsthis {  display:none;}  

.addthis_button { float:left; }
.addthis_button img { margin:0 0 0 20px!important; padding:0!important; }
                                                                                

/* =forms
----------------- */
label { padding:10px 0 4px 0; color:#686868; font-weight:100;}
textarea, input { width:400px; font-size:12px; border:1px solid #a3001b; background-color:#000; /*display:block;*/ margin:6px 0 24px 0; padding:9px 11px 9px 11px; color:#686868; font-family:helvetica, arial, sans-serif;}  
input.hidden { display:none;}         
input.action, input.emarketSubmit { display:block; border:0; background: url('/images/gt.gif') 0 1px no-repeat; font-size:18px; font-weight:100; color:#9f9180; cursor:pointer; padding:0 0 0 20px; text-align:left; }
input.action:hover, input.emarketSubmit:hover {color:#a3001b;}
textarea {height:160px; }   

div.quoteForm {position:absolute; float:left; top:0; z-index:70; width:100%; height:100%; }
div.quoteForm div.overlay {position:fixed; float:left; width:100%; height:100%; background-color:#202020; opacity:0.8; z-index:80;}
div.quoteForm div.form { position:relative; overflow:hidden; width:426px; padding:20px 30px; background-color:#000; opacity:0.95; z-index:90; margin:30px auto 30px auto;}        

/* =scroll bars
----------------- */  
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 40; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 5px; top: 0; height: 100%; width:19px!important; background: url('/images/vtrack.gif') 0 0 repeat-y; z-index: 200;}
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; width:19px!important; background: url('/images/vtrackBar.gif') 0 0 repeat-y; }  
.jScrollPaneDrag:hover { background: url('/images/vtrackBar.gif') -19px 0 repeat-y; }  
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; width:19px!important; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; width:19px!important; } 
a.jScrollArrowUp { display: block; position: absolute; z-index: 100; top: 0; right: -1px; text-indent: -2000px; overflow: hidden; width: 19px; height: 7px; background: url('/images/vtrackArrowUp.gif') 0 0 repeat-y; }
a.jScrollArrowUp:hover {  }
a.jScrollArrowDown { display: block; position: absolute; z-index: 100; bottom: 0; right: -1px; text-indent: -2000px; overflow: hidden; width: 19px; height: 7px; background: url('/images/vtrackArrowDown.gif') 0 0 repeat-y; }
a.jScrollArrowDown:hover { }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { }