/*PAGE FORMATING*/
.body{background-color:#FFFFFF;margin:0px}
.pyroban-logo{text-align:left;padding:10px 0px 0px 10px;}
.pyroban-tagline{text-align:right;padding:5px 0px 0px 5px;}

.main-nav-bg{
background-repeat:repeat;
border-bottom:1px solid #000000;
}

/*formats the date at the top of the page*/
.date{
font-family:Arial, sans-serif;color:#666666;
text-align:right;
padding:0px 0px 0px 0px;
background-repeat:repeat;
border-bottom:1px solid #000000;
}

#moveImages DIV {
	VISIBILITY: visible; WIDTH: 200px; POSITION: absolute; TOP: 0px; HEIGHT: 200px; BACKGROUND-COLOR: #ffffff
}

/*TEXT STYLING*/
h1{font-family:Arial,sans-serif;color:#000000;font-size:1.1em;}
h2{font-family:Arial,sans-serif;color:#000000;font-size:0.9em;}
strong,b{font-weight:bold;}
em,i{font-style:italic;}

/*This creates the bolded text with red lines at the top and bottom*/
div.pullquote{
float:right;
width:140px;
color:#000;
border:solid #C40030;
border-width:1px 0;
font:bold 0.95em Arial,Helvetica,sans-serif;
padding:3px 0px 3px 5px;
margin:1px 0px;
text-align:left;
}

/*bottom of page copyright*/
.copyright{
text-align:right;
font-family:Arial,sans-serif;
font-size:0.7em;
color:#999;
padding:3px 5px 3px 0px;
border-top:1px solid #777;
}


/*LINK STYLES*/
/*all links on the website follow these rules and colours*/
a:link{color:#C40030;text-decoration:none;}
a:visited {color:#C40030;text-decoration:none;}
a:hover{color:#3366FF;text-decoration:underline;}
a:active{color:#C40030;text-decoration:none;}

/*just for the footer section*/
.footer-link{text-decoration:none;font-size:0.7em;}
.footer-link:link{color:#FFF;}
.footer-link.active{color:#FFF;}
.footer-link:visited{color:#FFF;}
.footer-link:hover{color:#C40030;text-decoration:none;}


/*CONTENT AREA STYLING*/
.lhs-content{margin:0px;}

/*this forjmats the right side and adds the grey fade that is visable*/
.rhs-content{
margin:0px;
border-left:1px solid #000000;
background-image:url(rhs-grey-fade-bg.jpg);
background-repeat:repeat;
}

/*this give the red fade behind the lear about pyroban header*/
.rhs-header{
background:url(rhs-header-bg.jpg);
background-repeat:repeat-x;
color:#CCCCCC;
font-size:0.8em;
font-family:Arial,sans-serif;
text-align:left;
padding-left:10px 0 0px 0;
font-weight:bold;
}

.rhs-grey-fade{
background-image:url(images/rhs-nav-bg.jpg);
background-repeat:repeat;
}

/*FAQ and contact us formatting*/
.rhs-sub-header{
font-size:0.8em;
font-family:Arial,sans-serif;
font-weight:bold;
text-align:left;
color:#000000;
padding:20px 0 0px 0;
border-bottom:1px solid #ccc;
}

/*Right side formatting*/
.rhs-sub-content{padding:20px 0 0px 0;}

/*Right side formatting*/
.rhs-sub-content,p{
font-size:75%;
padding-right:5px;
line-height:1.1em;
}

/*Right side formatting*/
li.rhs-sub-content ul,li {
list-style-type:square;
margin-left:-2.0em;
padding-right:5px;
}

/*deals with the main copy you will be adding*/
.main-content,p,ul{
font-family:Verdana,Arial,sans-serif;
color:#000;
font-size:0.9em;
}

/*arranges the margins in the main content area*/
.main-content-box{
padding:10px 10px 30px 20px;
border-left:1px solid #000000;
}

/*...I think this is pretty straight forward*/
.back-to-top{font-family:Verdana,Arial,sans-serif;font-size:10px;}

/*only used for the footer text in red */
.footer-header{
font-family:Arial,sans-serif;
color:#C40030;
padding-top:0px;
margin-bottom:-15px;
}

.footer-content{
background-color:#CCCCCC;
padding:0px 5px 0px 5px;
font-size:12px;
}

.footer-navigation{
background-color:#000000;
font-family:Arial,sans-serif;
color:#FFFFFF;
padding:0px 0px 3px 5px;
border-top:1px solid #777;
}

.footer-box{
background-color:#CCCCCC;
border-top:4px solid #000000;
}




/*COLOR STYLING*/
/*background colours - and one border colour that is used for the outer table of the whole website*/
.black-bg{background-color:#000000;}
.white-bg{background-color:#FFFFFF;}
.grey-bg{background-color:#CCCCCC;}

.black-border{border:1px solid #000000;}


/*IMAGE STYLING*/

.caption-text{
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#777;
font-size:0.75em;
width:100%;
}

.image-landscape-padding-right{
padding:0px 0px 8px 8px;
float:right;
width:200px;
}

.image-landscape-padding-left{
padding:0px 8px 8px 0px;
float:left;
width:200px;
}

.image-portrait-padding-right{
padding:0px 0px 8px 8px;
float:right;
width:130px;
}

.image-portrait-padding-left{
padding:0px 8px 8px 0px;
float:left;
width:130px;
}