@charset "utf-8";
/* Sector VI Layout */

/* Info About Site Below*/
/* Site Is Built Center
	- With Total Center Being 992px
	- Photo Slider is Using demo.ccs
		a. with main image being 730px wide by 290px high
		b. also the smaller images are at 25px wide by 25px high
		c. the table is set at 739px wide with the second table at 243px
	- Nav Bar is using dropDown.css
		a. the dropDown.css is already set for 992px for site view that to make changes. 
	- I will include more notes as I continue this project */

body {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	background-color: #000;
	background-image:url(../images/frontpage/background.png);
	background-repeat:no-repeat;
	background-position: center;
	background-attachment:fixed;
	border: none;
	padding: 0;
		
}

#box1 { /* This is the main Overall Box For Site */
	width: 100%; 
	height: 100%;
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	padding: 0;	
	background-color: transparent; 
}

#box2 { /* this is for my container to hold the member and non member buttons*/
	width: 1020px;
	height: 100%; 
	padding: 0;
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	background-color:transparent;
	
}

#member {
	width: 182px;
	height: 100%;
	padding: none;
	float:left;
	margin-top: 460px; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	background-color: transparent;
}

#nonmember {
	width: 182px;
	height: 100%;
	padding: none;
	float:right;
	margin-top: 460px; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	background-color: transparent;
}

#bottom {
	width: 100%;
	hieght: 100px;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	bottom:0;
	background-color:transparent;
	text-align:center;
	text-decoration:none;
	color:#CCC;
	
}

#box3 { /* This is the box the Logo and Navigation Sit In */
	width: 996px;
	height: 305px; 
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0;  
	margin-left: auto;
	background-color:transparent;
	
}
	
#logoleft { /* This Tells The Logo To Float Left and Confines The Logo By Adding Width and Hieght */
	
	width: 496px;
	hieght: 305px;
	background-repeat:no-repeat;
	background-color:transparent;
	float:left;
}

#logoright { /* This floats the other images in this box to right but still in confined space */
	width: 496px;
	height: 305px;
	background-color: transparent;
	float: right;

}

#box4 { /* This is the body of the site or content box */
	width: 996px;
	height: 500px;
	margin-left:auto;
	margin-right:auto;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../images/home/comingsoon.png);
	
	
	
}

#box4aboutus { /* This is the body of the site or content box */
	width: 996px;
	height: 500px;
	margin-left:auto;
	margin-right:auto;
	background-color:transparent;
	background-image:url(../images/about-us/body-bkg.png);
	background-repeat:no-repeat;
	
	
	
}

#box4tactical { /* This is the body of the site or content box */
	width: 996px;
	height: 500px;
	margin-left:auto;
	margin-right:auto;
	background-color:transparent;
	background-image: url(../images/tactical/body-bkg.png);
	background-repeat:no-repeat;
	
	
	
}

#box4rescue { /* This is the body of the site or content box */
	width: 996px;
	height: 500px;
	margin-left:auto;
	margin-right:auto;
	background-color:transparent;
	background-image: url(../images/rescue/body-bkg.png);
	background-repeat:no-repeat;
	
	
	
}

#box4outdoor { /* This is the body of the site or content box */
	width: 996px;
	height: 500px;
	margin-left:auto;
	margin-right:auto;
	background-color:transparent;
	background-image: url(../images/outdoor/body-bkg.png);
	background-repeat:no-repeat;
	
	
	
}

#box4tacticalinside {
	width: 996px;
	height: 500px;
	margin-left:490px;
	margin-right:auto;
	background-color:transparent;
	background-repeat:no-repeat;
	
	
	
}

#container3 {
	width: 900px; 
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	background-color:transparent;
	
}

#header {
	width: 900px;
	height: 100px; 
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	background-image: url(../images/home/glass-header.png);
	background-repeat:no-repeat;
	background-color:transparent;
	
}
	
/* These 4 items below control your links on your page the colors and decoration */
a:link {
	color: #FFF;
	text-decoration: none;
	
}
a:visited {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #0F0;
	text-decoration: none;
}
a:active {
	color: #FFF;
	text-decoration: none;
}

/* [if lte IE 7] */

ul li {
	display:inline;
	/*float:left;*/
}

/* .nospacing is used to keep text from having space between sintences */
.nospacing { 
	margin-left: 0 auto;
	margin-top: 0px;
	margin-right: 0 auto;
	margin-bottom: 0px;
	text-align: left;
	padding: none;
}

/* .footerbar is used as a background decoration for a shadow line for 739px table box */
.footerbar {
	background-image:url(../images/home/footerbar.png); 
	background-repeat:no-repeat;
}

/* .bodytextbkghome is a format used to upload an image for the background of the body so that your not seeing plain text just add the different page name to the end of the tag. Example ( .bodytextbkg"home" can be changed to whatever page you are using ie. .bodytextbkg"aboutus" just drop the qoutes and dont forget to change the background image. */
.bodytextbkghome {
	background-image:url(../images/home/body-text-bkg.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

.bodytextbkgphotogallery {
	background-image: url(../images/gallery-before-after/Website-photogallery-background.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

/* .freehaircutformbkg is used for the small form that allows new clients to recieve one free hair cut and what it does is place the backgound image behind the form for decoration. */
.freehaircutformbkg { background-image:url(../images/home/hair-salon-spa-hair-salon-spa-hair-salon-spa-hair-salon-spa-hair-salon-spa-hair-salon-spa-hair-salon-spa-hair-salon-spa-free-hair-cut-box.png);
	background-repeat:no-repeat;
	background-position:inherit;
}

.formtext {
	color: #000000;
	margin: 0px;
	text-decoration:none;
	font-size:20px;
	
}

/* .aligntextleft is used to keep all text that you want left in all browers like IExplore - Firefox - chrome */
.aligntextleft {
	margin: 0px;
	margin-bottom: 0px;
	margin-left: 0 auto;
	margin-right: 0 auto;
	margin-top: 0px;
	padding:none;
	text-align: left;
	text-decoration: none;
}

/* .h1 is a tag used for the very top part of the page to allow all bots to see whats most important on your particular page you are on it is set at a very small text and in grey just to identify the page title but tells the bots to search for keywords in the site that match these select words. */
.h1 {
	font-size: 22px;
	color: #FFF;
	padding: none; 
	margin: 0px;
	margin-bottom: 0px;
	margin-left: 0 auto;
	margin-right: 0 auto;
	margin-top: 0px;
	padding:none;
	text-align: left;
}

/* .h2 is the tag used for the title in the body of the text. */
.h2 {
	font-size:18px;
	color: #CCC;
	padding: none; 
	margin: 0px;
	margin-bottom: 0px;
	margin-left: 0 auto;
	margin-right: 0 auto;
	margin-top: 0px;
	padding:none;
	text-align: left;
	text-decoration: none;
}

/* .h3 is the tag used for the body text */
.h3 {
	font-size:18px;
	color: #666666;
	padding: none; 
	margin: 0px;
	margin-bottom: 0px;
	margin-left: 0 auto;
	margin-right: 0 auto;
	margin-top: 0px;
	padding:none;
	text-align: left;
	text-decoration: none;
		
}

.h4 {
	font-size: 25px;
	color: #CCC;
	padding: none; 
	margin: 0px;
	margin-bottom: 0px;
	margin-left: 0 auto;
	margin-right: 0 auto;
	margin-top: 0px;
	padding:none;
	text-align: left;
}

/* .contactinfo is used for the 1485 General Booth Blvd. Ste 122, Virginia Beach, Virginia 23454 | Phone: 757-233-7699 | Facebook.com/Britanynicolellc at the bottom of the page */
.contactinfo {
	color: #8A04C2;
	font-size: 19px;
	padding: none; 
	margin: 0px;
	margin-bottom: 0px;
	margin-left: 0 auto;
	margin-right: 0 auto;
	margin-top: 0px;
	padding:none;
	text-align: center;
	text-decoration: none;
}

/* .bottomborder is used for the bottom background where all the links are located. */
.bottomborder {
	background-image:			  url(../images/home/britany-nicole-salon-and-spa-1485-general-booth-blvd-ste-122-Virginia-Beach-Virginia-23454-hair-salon-spa-hair-salon-spa-hair-salon-spa-hair-salon-spa-hair-salon-spa-hair-salon-spa-hair-salon-spa-hair-salon-spa-bottom.png);
	width:992px;
}

.lefttable1 {
	background-image:url(../images/home/269x335.png);
	background-repeat:no-repeat;
	background-position:top;
	width:269px;
	height:335px;
	overflow:hidden;
	
}

.lefttable2 {
	background-image:url(../images/home/269x500.png);
	background-repeat:no-repeat;
	background-position:top;
	width:269px;
	height:500px;
	overflow:hidden;
			
}

.footer {
	background-image:url(../images/home/footer-link-background.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:1000px;
	height:159px;
}

.aligntexttop {
	vertical-align: top;
	margin: 0px;
	margin-bottom: 0px;
	margin-left: 0 auto;
	margin-right: 0 auto;
	margin-top: 0px;
	padding: none;
	text-align: left;
	font:Arial, Helvetica, sans-serif;
}

.erin {
	background-image: url(../images/home/erin.png);
	background-repeat:no-repeat;
	background-position:left;
	height: 500px;
	width: 739px;
	overflow: hidden;
}

.style1 {
	font-size: 24px;
	color: #1E0A63;
	font-family: Arial, Helvetica, sans-serif;
}

.style7 {
	font-size: 18px;

}

.aboutustext {
	background-image:url(../images/about-us/about-us-text.png);
	background-repeat:no-repeat;
	background-position:left;
	height: 500px;
	width: 739px;
	overflow: hidden;
}

img { border: none; }

.mri {
	background-image:url(../images/mri/mri-bottom.png);	
	background-repeat:no-repeat;
	background-position:left;
	height: 500px;
	width: 739px;
	overflow: hidden;
}

.ct {
	background-image:url(../images/ct/ct-bottom.png);	
	background-repeat:no-repeat;
	background-position:left;
	height: 500px;
	width: 739px;
	overflow: hidden;
}

#colorwhite {
	text-align:left;
	text-decoration:none;
	font-size:18px;
	color:#FFF;
}