/**************************************************************

Vectis Storage

Copyright: Vectis Storage
Author: Matt @ Flip Media

Do not copy any elements of this stylesheet

STYLESHEET CONTENTS
1. HTML Tags
2. Layour Divs
3. Specific formatting
      a. Header
	  b. Footer
	  c. Navigation	 
	  d. Content Column
4. General Formatting Classes

***************************************************************/


/********************* HTML Tags ********************/
* { 
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;}

html {	
	height: 100%;}	

body {	
	/*background:url(../images/Page_BG.png) top repeat-y #BA303E;*/
	background-color: #BA303E;
	font-family:Arial, Helvetica, sans-serif; 
	height: 100%;}

p {	
	font-size: 12px;
	line-height: 150%;	
	color: #606060;
	margin: 10px 0 15px 0;}
	
li {
	list-style-type: none;}
	
.img_border_right {
border: 1px solid #ccc;
padding: 4px;
float:right;
margin-left:8px;
margin-bottom:20px;
}


a { 
	text-decoration:none;
	color: #606060;
	font-weight: bold;
	border-bottom: 1px dotted #606060;	/**/}

a:hover{
    border:none;}
    
#map a {
    font-weight: normal;
    border: none;}    

/* Image Replacement */
h1 span, h2 span, h3 span, h4 span {	
	display:none;}	

h1 {
	height: 24px;
	margin: 0;}	

#h1OurCompany {
	background: url(../images/h1_ourCompany.gif) left no-repeat;
	height: 23px;
	width: 156px;}
	
#h1OurServices {
	background: url(../images/h1_ourServices.gif) left no-repeat;
	height: 23px;
	width: 156px;}
	
#h1OurPeople {
	background: url(../images/h1_ourPeople.gif) left no-repeat;
	height: 23px;
	width: 156px;}
	
#h1contactInfo {
	background: url(../images/h1_contactInfo.gif) left no-repeat;
	height: 23px;
	width: 300px;}
	
#h1FAQ {
	background: url(../images/h1_FAQ.gif) left no-repeat;
	height: 23px;
	width: 320px;
	margin-bottom: 20px;}
		
h2 {
	clear:none;}	

#h2HomeAboutUs {
	background: url(../images/h2_AboutUs.gif) left no-repeat;
	height: 15px;
	width: 82px;}
	
#h2HomeWhyChooseUS {
	background: url(../images/h2_WhyChooseUs.gif) left no-repeat;
	height: 19px;
	width: 148px;}		

#h2HomeContact {
	background: url(../images/h2_ContactInfo.gif) left no-repeat;
	height: 16px;
	width: 111px;}	
	
#h2HomeFamilyRun {
	background: url(../images/h2_FamilyRun.gif) left no-repeat;
	height: 18px;
	width: 185px;}
	
#h2TypesOfStorage {
	background: url(../images/h2_TypesofStorage.gif) left no-repeat;
	height: 18px;
	width: 210px;}
	
#h2ArchivingServices {
	background: url(../images/h2_ArchivingServices.gif) left no-repeat;
	height: 18px;
	width: 210px;}

#h2DocMan {
	background: url(../images/h2_DocMan.gif) left no-repeat;
	height: 18px;
	width: 320px;}
	
#h2Domestic{
	background: url(../images/h2_Domestic.gif) left no-repeat;
	height: 18px;
	width: 250px;}
	
#h2StorSec{
	background: url(../images/h2_StorSec.gif) left no-repeat;
	height: 18px;
	width: 250px;}
	
#h2ContactDetails {
	background: url(../images/h2_ContactDetails.gif) left no-repeat;
	height: 15px;
	width: 124px;
	margin: 20px 0;}
	
#h2ContactWhere {
	background: url(../images/h2_ContactWhere.gif) left no-repeat;
	height: 16px;
	width: 138px;
	margin: 20px 0;}	
	
#h2ContactForm {
	background: url(../images/h2_ContactForm.gif) left no-repeat;
	height: 17px;
	width: 112px;
	padding: 50px 0 0 0;
	margin-bottom: -5px;}
	
	
						
/********************* End HTML Tags *********************/
		
/********************* Layout Divs *********************/

#container {	
	/*width: 820px;*/
	width: 860px;
	padding: 0 20px;
	background: url(../images/Body_BG.png) top center repeat-y #FFF;
	margin: 0 auto; 
	
	/*display: block;
	min-height: 100%;
	position: relative;
	overflow:hidden;*/}
			
#header {
	background: url(../images/Header_BG.jpg) top left no-repeat;
	overflow:hidden;
	height: 245px;
	border-bottom: 5px solid #FFF;
	margin-left: 20px;}		
	
#mainNav {
	width: 207px;
	margin-top: 5px;
	float:left;}
					
#content {	
	float:left;
	width: 613px;}
	
#contentWrapper {
	background: url(../images/Content_BG.gif) top center repeat-y;
	padding: 0 20px 60px 20px;
	overflow:hidden;}	
	
#footer {
	background-color: #4B4B4B;
	height: 90px;
	color: #CCC;
	clear:both;
	
	/*
	height: 107px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;*/}	

/********************* End Layout Divs *********************/
	
/********************* Specific formatting *********************/

/* -------- Header -------- */

/* -------- End Header -------- */

/* -------- Footer -------- */

#footer a:hover {
	text-decoration:underline;}

#footer, #footer a {	
	font-size: 11px;}

#footAddress {
	color: #CCC;
	float:left;
	margin: 30px 0 0 20px;}
	
#siteBy {	
	float:right;
	margin: 40px 20px 0 20px;}

#siteBy, #siteBy a {
	color: #999;}	

/* -------- End Footer -------- */

/* -------- Navigation -------- */

#mainNav a 
{
    border: none;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	display:block;
	line-height: 29px;
	padding: 0 15px;
	border-bottom: 1px solid #D8D8D8;    
	width: 167px;
	margin: 0 5px;
	
	/*border-top: 1px solid #D8D8D8;
	border-collapse:collapse;
	width: 171px;
	margin: 0 3px;*/}

	
	
#mainNav a.mainNavActive, #mainNav a:hover {
	color: #FFF;
	background: url(../images/Arrow_Red.gif) right no-repeat #BA303E;
	
	width: 172px;
	margin: 0;
	padding-left: 20px;
	
	/*width: 174px;
	margin: 0;
	padding-left: 18px;
	border:none;*/} 	
/* -------- End Navigation -------- */

/* -------- Content Column -------- */

.contentBlock {
	background-color: #FFF;
	padding: 5px 0 0 5px;
	margin-bottom: 7px;
	overflow: hidden;}

.contentBlock p {
	font-size: 11px;}
	
.fullContentBlock{
	background-color: #FFF;
	padding: 20px;
	margin-bottom: 7px;
	overflow: hidden;}
	
#serviceHomeList {
	background:url(../images/Lines_BG.gif) bottom center no-repeat;
	overflow: hidden;}
	
.serviceBox {
	float: left;}

.serviceBox a {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	border: none;}

.serviceBox p {	
	line-height: 140%;
	width: 170px;
	padding: 0 12px;}

.serviceBoxTitle {
	background:url(../images/Arrow_Grey.gif) right no-repeat #4B4B4B;
	line-height: 25px;
	padding-left: 12px;
	color: #FFF;}
	
#serviceHomeList .middle {
	margin: 0 12px 0 11px;}
	
#homeAboutUs {
	float: left; 
	width: 360px;
	padding: 15px;}	

#homeContactInfo {
	float: right;
	width: 170px;
	border: 6px solid #E0E0E0;
	background-color: #F8F8F8;
	padding: 15px;
	margin: 10px 0 15px 0;}

#homeContactInfo p, #homeContactInfo a {
	color: #4B4B4B;
	margin: 10px 0 0 0;}

#contactDetails {
    width: 218px;
    float: left;}
        
#contactWhere {
    float: left;}
        
#contactForm {
    clear:both;}

p.formMsg {	
	font-size: 12px;
	line-height: 100%;	
	color: #606060;
	margin: -5px 0 10px 0;}    
            
#contactForm input, #contactForm textarea, #contactForm select {
    border: 1px solid #7F9DB9;
    /*border: 1px solid #666666;*/
    padding: 2px;
    width: 200px;
    margin-bottom: 4px;}
    
#contactForm textarea {    
    width: 344px;} 
    
#contactForm select {
    padding: 0;
    width: 206px;}
    
#contactForm label {
    font-size: 12px;
	line-height: 150%;	
	color: #606060;
	font-weight: bold;
	padding-top: 20px;}       

#chkTimes label {
    line-height: 100%;
	font-weight: normal;
	padding: 0 10px 0 0;}

#chkTimes input {
    width: 20px;
    margin: 0;
    border: none;}
    
.button {
    overflow: hidden;	
	cursor: pointer; /* hand-shaped cursor */
	text-indent: -9999px;}

#contactForm .contactForm {
    background:transparent url(../images/btnSend.gif) top left no-repeat;
    border: none;
	width: 66px;
	height: 24px;
	margin-top: 15px;
	padding-top: 24px;}
	
.errorMsg, successMsg {
    color: Red;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0 0 0;}	

	
#faqs h2 {
    font-weight: bold;
    font-size: 14px;
    color: #9D2834;
    margin: 0;
    padding: 0;}
    
	
#faqs p {
    margin-top: 0;}        

/* -------- End Content Column -------- */

/********************* End Specific formatting *********************/

/********************* General Formatting *********************/

.clear {	
	clear: both;}

.flRightImg {
	float:right;}

.flLeftImg {
	float:left;}

.hide {	display:none;}	

/********************* End General Formatting *********************/