/* -----------------
Radii Production 
Copyright 2009

Swatch colours
--------------
e6e6e6 - 10% grey
cecece - 20% grey
b5b5b5 - 30% grey
9c9c9c - 40% grey
838383 - 50% grey
696969 - 60% grey
505050 - 70% grey
363636 - 80% grey
1c1c1c - 90% grey 
----------------- */

/*--- base styles ---*/

/* Header elements */

body{
	background-color:#808080;
}

#bodyColour {
	background-color:#FFFFFF;
	background-image:url(/images/backgroundGradient.gif);
	background-repeat:repeat-x;
}

#wrapper-header {
	background:none;
	position:relative;
	z-index:1000;
}

.headerLogo {
	float:left;
	margin-top:25px;
	/*
	width:106px;
	height:35px;
	margin-left:-10px;	
	background-image:url(/images/radii/header_logo.gif);
	*/
}

.headerBanner {
	height:100px;
	position:relative;
	/*margin-bottom:20px;*/
}

/* Content Elements */

#wrapper-content {
	min-height:400px;
	padding-bottom:130px;
	position:relative;
}

/* Footer Elements */

#wrapper-footer 
{
	margin:0 auto;
	margin-top:0px;
	height:50px;
	padding-top:18px;
	/*width:100%;*/
	width:960px;
	/*background-image:url(/images/bg_footer.gif);
	background-repeat:repeat-x;*/
	background-color:#808080;
	position:relative;
	/*
	white-space:nowrap;
	overflow:hidden;
	*/
}

.footerCopyright {
	float:none;
	margin:5px 0;
}

.footerNav {
	float:right;
	margin:5px 0px;
}

.footerNav span {
	margin:0 5px;
}

/* Buttons */

a.button, a:link.button, a:visited.button, a:hover.button, a:active.button {    
 	background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;    
	color: #444;
	display:block;  
	float: left;    
	font: normal 8.5pt Arial, Helvetica, sans-serif;
	height: 21px;    
	margin-right: 6px; 
	padding-right: 18px;    
	text-decoration: none;
} 

a.button span, button.a:link span, button.a:visited span, button.a:hover span, button.a:active span {    
	background: transparent url('/images/bg_button_span.gif') no-repeat;
	display:block;
	line-height: 11px;    
	padding: 4px 0 5px 18px; 
} 

a.button:hover {    
	background-position: bottom right; 
	color: #404040;    
	outline: none; 
} 

a.button:hover span {
	background-position: bottom left;
}

/* Clear styles */

.clearAll {
	clear:both;
}

/* Transparent PNG images */

.transparent-png {
	position:absolute;
	top:-50px;
	left:200px;
	width:350px;
	height:350px;
	background: url('/images/transparency.png') no-repeat;
	z-index:10000;
}

.pageCopy {
	margin:5px;
}

/*==================================================================================*/

/* Global Custom CSS */

.horizontalRuler{
	width:100%;
	height:5px;
	border-bottom: 2px dotted #666;
}

.tagTop {
	background: url('/images/home_CTA_top.png') no-repeat;
	width:235px;
	height:45px;
}

.tagBottom {
	background: url('/images/home_CTA_bottom.png') no-repeat;
	width:235px;
	height:35px;
}

.largeShadow {
	background: url('/images/main_splash_dropShadow.png') no-repeat;
	width:944px;
	height:11px;
}

.sideNavButtonWrapper {
	width:144px;
	overflow:hidden;
	cursor:pointer;
	margin-bottom:6px;
}

.sideNavButton:hover {
	margin-left:-144px;
}

.sideNavButtonActive {
	margin-left:-288px;
}

/*.bottomSpace {
	height:95px;
	background-color:#06F;
	width:100%;
}*/

.contentShiftDown {
	height:180px;
	width:100%;
}

/* Home Page */

.splashStitching {
	position:absolute;
	top:-21px;
	left:-8px;
}

.splashStitching#homePage {
	cursor:pointer;
}

.splashLabel {
	position:absolute;
	right:15px;
	bottom:-70px;
	background: url('/images/main_splashLabel.png') no-repeat;
	width:215px;
	height:99px;
}

.jQueryLabel {
	position:absolute;
	z-index:12000;
	right:26px;
	top:349px;
	font-size:13px;
	font-weight:normal;
	text-align:left;
	width:188px;
}

.needleWrapper {
	width:624px;
}

.needle{
	float:right;	
}

.homeCTAwrapper {
	float:left;
	margin-right:-20px;
}

#homeCTAmargin {
	padding:15px 0px 15px 0px;
}

.homeCTAwrapper#mainCTA{
	margin-right:20px;	
}

.homeCTA {
	background-color:#FFF;
	margin-left:6px;
	width:224px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
}
/*
.homeImg {
	float:right;
	position:relative;
	z-index:1000000;
	margin-top:-120px;
}
*/
.homeImg {
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:10000000;
}

.homeCopy {
	margin:25px 0px 20px 15px;	
}

.splashSpace {
	width:100%;
	height:351px;
}

/* Brand Page */

.brandsWrapper {
	margin-top:20px;	
}

.brandsTop {
	margin-top:20px;
}

.brandsTitle {
	margin-left:11px;
	margin-bottom:-23px;
}

/* Contact Us Page */

.contactInfo {
	background-color:#FFF;
	margin-left:6px;
	padding-left:25px;
	width:199px;
	margin-bottom:-2px;
}

.contactWrapper {
	margin-top:30px;
}

/* About Us Page */

#nav3, #nav3:visited, #nav3:active {
	font: normal 11pt Helvetica, Arial, Helvetica, sans-serif;
	color:#404040;
	text-decoration:none;
}

#nav3:hover{
	/*color:#a9debf;*/
	color:#CC0C2F;
}

#nav3active, #nav3active:visited, #nav3active:active {
	font: normal 11pt Helvetica, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

#nav3active:hover{
	/*color:#a9debf;*/
	color:#CC0C2F;
}

.subNav {
	position:relative;
	margin:5px 5px 10px 5px;
	/*
	margin-bottom:10px;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	*/
}

.thumbLink {
	float:left;
	width:115px;
	height:150px;
}

.thumb {
	position:absolute;
	cursor:pointer;
}

.thumbHolder{
	float:left;
	margin:19px 9px 19px 0px;
	width:115px;
}

.thumbHover {
	background-color:#CC0C2F;
	width:115px;
	height:150px;
	position:absolute;
	
	
	filter:alpha(opacity=0);/*ie*/
    -moz-opacity:0;    		/*netscape*/
    -khtml-opacity: 0;    	/*old safari */
    opacity: 0;    			/*css standard*/	
}

.thumbHover:hover{
	filter:alpha(opacity=20);   /*ie*/
    -moz-opacity:0.20;    		/*netscape*/
    -khtml-opacity: 0.20;    	/*old safari */
    opacity: 0.20;    			/*css standard*/	
}

.thumbCopy{
	padding-top:5px;
	width:110px;
	float:left;
	text-align:left;
	margin-left:5px;
}

.thumbTitle{
	font: normal 8.5pt Helvetica, Arial, Helvetica, sans-serif;
}

.thumbDate{
	font: normal 7pt Helvetica, Arial, Helvetica, sans-serif;
	margin-bottom:2px;
}

.aboutStitching {
	position:absolute;
	top:-25px;
	left:-6px;
}

.aboutCopy {
	position:absolute;
	top:180px;
	left:37px;
	font-size:8pt;
	width:335px;
}

.aboutBottom {
	/*margin-left:-7px;	*/
}

.aboutPerson {
	position:absolute;
	bottom:124px;
	right:0px;
}

.aboutSideShadow {
	position:absolute;
	left:-13px;
	background: url('/images/img_aboutUs_dropShadow_leftSide.png') no-repeat;
	width:13px;
	height:422px;
}

.aboutBottomShadow {
	background: url('/images/img_aboutUs_dropShadow_bottom.png') no-repeat;
	width:600px;
	height:22px;
}

.fSlide{
	position:absolute;
	bottom:22px;
	left:35px;
}

.bioSection{
	position:relative;
}

/* Blog Page */

#blogModuleHR{
	margin-bottom:20px;
}

.blogCollectionType{
    margin-bottom:34px;
    font-size:20px;
    padding-bottom:8px;
    border-bottom: 2px dotted #999;
}

.backButton{
    margin-bottom:5px;
}

.blogWrapper{
    position:relative;
    margin-bottom:40px;
}

.blogCommentTitle{
    color:#CC0C2F;
}

.blogCommentCopy{
    margin-bottom:20px;
}

.blogCommentHR{
    border-bottom: 1px dashed #999;
    width:100%;
    height:5px;
    margin-bottom:10px;
}

.blogSubhead{
    margin-bottom:30px;
}

#blogRecentPostsHeader{
    color:#CC0C2F;
    margin-bottom:5px;
}

#blogTagsHeader{
    color:#CC0C2F;
    margin-bottom:5px;
}

#blogArchivesHeader{
    color:#CC0C2F;
    margin-bottom:5px;
}

#blogRecentPostList, #blogTagsList, #blogArchivesList{
    line-height:18px;
    list-style:none;
    margin:0px;
}

#blogRecentPostLink, #blogTagsLink, #blogArchivesLink{
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif, Helvetica, sans-serif;
}

#blogRecentPostLink:hover, #blogTagsLink:hover, #blogArchivesLink:hover{
   color:#CC0C2F
}

#blogPostAuthor, #blogPostTag, #blogPostComments{
    color:#CC0C2F;
    text-decoration:underline;
}

#blogPostAuthor:hover, #blogPostTag:hover, #blogPostComments:hover{
    color:#404040;
}

#blogContent{
	margin-bottom:50px;	
}

.blogTitle{
	position:absolute;
	bottom:30px;
	left:0px;
}

.blogShadow {
	background: url('/images/blog_shadow.png') no-repeat;
	width:307px;
	height:11px;
}

.blogItem {
	padding-top:20px;
	padding-bottom:20px;
}

.blogSideSection{
	padding-bottom:20px;
	line-height:18px;
}

.blogSideTitle{
	color:#CC0C2F;
	padding-bottom:5px;
}

.blogSideItem:visited, .blogSideItem, blogSideItem:active{
	font-family:Arial, Helvetica, sans-serif, Helvetica, sans-serif;
	text-decoration:none;
}

.blogSideItem:hover{
	color:#CC0C2F;	
}

.entryTitle{
	color:#CC0C2F;
	font-size:30px;
	margin-bottom:1px;
}

#redLink, #redLink:visited, #redLink:active{
	color:#CC0C2F;
	font-family:Arial, Helvetica, sans-serif, Helvetica, sans-serif;
	text-decoration:underline;
	cursor:pointer;
}

#redLink:hover{
    color:#404040;
}

#redLinkNon, #redLinkNon:visited, #redLinkNon:active{
	color:#CC0C2F;
	font-family:Arial, Helvetica, sans-serif, Helvetica, sans-serif;
	text-decoration:none;
	cursor:pointer;
}

#redLinkNon:hover{
    color:#404040;
}


.entryFooter{
	position:relative;
	margin-top:40px;
	left:0px;
	width:100%;
	height:50px;
}

.blogTags, .blogComments{
	position:absolute;
	bottom:20px;
}

.blogTags{
	left:0px;
	width:100%;
}

.blogComments{
	right:0px;	
}

#blogHR{
	position:absolute;
	bottom:0px;
}

/*tree view*/
.treeview
{
	margin: 1em 0 0 -0.5em;
}
.treeview td
{
	vertical-align:middle;
}
.treeview .node_rootstyle h2
{
	
	margin: 0.5em 0 0 0;
}
.treeview .node_style
{
	vertical-align:middle;
}
.treeview .node_style:hover
{	
	color:#404040;
}
.node_current
{
	color:#1e1e1e;
}
.treeview a:link
{
	vertical-align:middle;
}
.headerTitle h2
{
	color:#808080
}
.loginMessage
{
	color:#808080
}