@charset "utf-8";
/* CSS Document */

body {
background-color:#000000;
margin:0;
padding:0;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
a{
color:#FFFFFF;
text-decoration:none;
}

a:hover{
color:#5480bd;
text-decoration:none;
}

a:visited{
color:#FFFFFF;
text-decoration:none;
}
#container{
width:950px;
margin:auto;
border:1px solid #313131;

padding:0px;

}
#header{
background-image:url(../images/barBG.jpg);
background-repeat:repeat-x;
height:40px;

}
#banner{
background-color:#333333;
text-align:center;

}
#navBar{

height:40px;
background-image:url(../images/barBG.jpg);
background-repeat:repeat-x;

}
#navInner{
padding-top:10px;
text-align:center;

}

#navInner a{
color:#FFFFFF;
text-decoration:none;
padding:0 5px 0 5px;
}

#navInner a:hover{
color:#5480bd;
text-decoration:none;
}

#navInner a:visited{
color:#FFFFFF;
text-decoration:none;
}

#mainContent{

background-image:url(../images/bg1.gif);
background-repeat:repeat-y;
padding:10px;

}
#terms{
background-image:url(../images/barBG.jpg);
background-repeat:repeat-x;
height:30px;

}
#footer{
margin-top:5px;
margin-left:5px;


}
#Column1{
width:155px; padding:0px;
float:left;





}

#Column2{
width:750px; padding:0px;
margin-left:180px;



}

#linksTop{

}

#linksMiddle{
background-color:#232220;
background-image:url(../images/linksBG.jpg);
background-repeat:no-repeat;
border:1px solid #232220;
padding:5px;
margin-bottom:0px;

}


#Box{

border:1px solid #313131;


}
#BoxTop{
background-image:url(../images/barBG.jpg);
background-repeat:repeat-x;
height:40px;




}
#BoxMiddle{
background-color:#FFFFFF;
background-image:url(../images/contentBG1.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:10px;
font-size:14px;

}
#BoxMiddleB{
background-color:#FFFFFF;
background-image:url(../images/contentBG2.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:10px;
font-size:14px;

}
#BoxButtons{
float:right;
margin-right:70px;
margin-top:-8px;

}



#personalwebsite {
padding-top:10px;
padding-left:10px;
}
#calendar {
float:right;
margin-top:-20px;
padding-right:10px;

}
#termsOfPayment {
padding-top:10px;
padding-left:10px;
}
#termsAndConditions {
float:right;
margin-top:-20px;
padding-right:10px;
text-align:right;

}



#footerItmes {
float:right;
margin-right:10px;
margin-top:-20px;

}


.topText {color: #5480bd}
.bottomText {color: #5480bd;font-size: x-small;}
.lines {color: #ffffff}
.links {color: #ffffff;font-size:10px;}


#mainText{
padding:10px;
margin-top:-20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1{
font-family:Georgia, "Times New Roman", Times, serif;
margin-top:0px;



}
ul{
color:#5480bd;

}

li{
margin-left:-20px;

}
ul a{
color:#ffffff;
text-decoration:none;

}

ul a:hover{
color:#5480bd;
text-decoration:underline;

}

ul a:visited{
color:#ffffff;
text-decoration:none;

}
/*image conainer for the picutres on pages like about, to adjust the size just for different pages just copy all the code below and bung a number on the end then make the number in the html correspond to it*/
#imagecontainer{
float:right;
width:181px;
margin-top:-40px;
padding:5px;
margin-right:-8px;
color:#FFFFFF;


}
#image {
float:left;
padding:5px;
border:1px solid #5c5c5a;
background-color:#FFFFFF
}

#imagetext{
background-color: #5c5c5a;
border:1px solid #5c5c5a;
width:181px;
text-align:right;
font-size: x-small;

}
*:first-child + html #imagetext {
    margin-top:-5px;


}


.benefitright { 
float: right;
margin-top:8px;
margin-right:-10px;

}

/*image gallery*/
#imageGalleryContainer{
float:left;
width:90px;
margin:10px;
color:#FFFFFF;
}
#imageGallery {
float:left;
padding:5px;
border:1px solid #5c5c5a;
background-color:#FFFFFF
}

#imageGalleryText{
background-color: #5c5c5a;

border:1px solid #5c5c5a;
width:90px;
text-align:right;
font-size: x-small;
}
/*image buy*/
#imageBuyContainer{
float:left;
width:210px;
margin:10px;
color:#FFFFFF;
}
#imageBuy {
float:left;
padding:5px;
border:1px solid #5c5c5a;
background-color:#FFFFFF
}

#imageBuyText{
background-color: #5c5c5a;

border:1px solid #5c5c5a;
width:210px;
text-align:right;
font-size: x-small;
}