/* Basic Styling
=======================*/

body {
	font: 95%/2.0 "Verdana" , Arial, Helvetica, sans-serif;
	background-color: #3399CC;
	margin-top: 3px;
	/*font: normal 95%/1.6 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;	*/
	color: #222;
	
	
}



body p.header{
font-size:14px;
font-weight:bold;
color:#333333;

}

body p.pad{
padding:2px;
float:right;

}

body a.backtotop{
font-size:9px;
font-weight:bold;

}

img {
	border: none;
}


h1 {
	font-size: 1.4em;
	color: #f90;
	text-transform: uppercase;
}

h2 {
	font-size: 1.2em;
}

#introFP {
	font-weight: bolder;
	font-size: 1.4em;
	margin-left: 10px;
	margin-top: 10px;
}

#intro {
	font-weight: bolder;
	font-size: 1.1em;
	margin-left: 10px;
	margin-top: 10px;
	float:left;
}

#intro2 {
	font-weight: bolder;
	font-size: 1.1em;
	margin-right: 10px;
	margin-top: 10px;
	float:right;
}

#intro p{
	position: fixed;
	
	}

a:link, a:visited {
	color:#003399;
	font-weight: bold;
}

a:hover {
	color:#0066CC;
}

/* Layout
=======================*/

body {
	text-align: center;
	min-width: 780px;
}

#wrapper {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	
}

#topLogo {
	background: #fff;
	float:left;
	width: 100%;
	border: 1px double black;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	
	}

#logo {
	margin: 0;
	margin-left: 10px;
	padding: 10px 0;
	background: #fff;
	float:left;
}

#logo2 {
	margin: 0;
	padding: 10px 0;
	background: #fff;
	float:right;
	margin-right:30px ;
}


#breadcrumbs{
background-color: #000000;
color:#FFFFFF;
font-size:9px;
font-weight:bolder;

}

#breadcrumbs a:link, #breadcrumbs a:visited {
color:#FFFFFF;
}

#branding {
	width: 760px;
	height: 360px;
	background: url(http://cornerstonefamilyvision.com/Test/assets/Images/CornerStoneLady.jpg) no-repeat right top;
	clear: both;
}

#branding p, #branding ul {
	position: absolute;
	left: -1000em;
}


#brandingService {
	width: 760px;
	height: 90px;
	background: url(http://cornerstonefamilyvision.com/Test/assets/Images/Faces.jpg) no-repeat right top;
	clear: both;
	
}


#brandingChildren {
	width: 760px;
	height: 90px;
	background: url(http://cornerstonefamilyvision.com/Test/assets/Images/ChildrenCenter.jpg) no-repeat right top;
	clear: both;
	
}


#brandingContact {
	width: 760px;
	height: 90px;
	background: url(http://cornerstonefamilyvision.com/Test/assets/Images/Wideview3.jpg) no-repeat right top;
	clear: both;
}

#brandingSCompanyInfo {
	width: 760px;
	height: 90px;
	background: url(http://cornerstonefamilyvision.com/Test/assets/Images/JosephAbbourd2.jpg) no-repeat right top;
	clear: both;
}


#brandingDirections {
	width: 760px;
	height: 90px;
	background: url(http://cornerstonefamilyvision.com/Test/assets/Images/DirectionstopimageF.jpg) no-repeat right top;
	clear: both;
}



#brandingSecondary p, #brandingSecondary ul {
	position: fixed;
	left: -1000em;
}


#brandingInnerFiller{
height:11%;
width:100%;
float:left

}



#brandingInnerFiller8{
height:330px;
width:100%;
float:left

}

#brandingInnerFiller2{
height:11%;
width:100%;
float:left;
font-size:12px;

}


#brandingInnerFiller3{
height:11%;
background: #5CADD6;
width:100%;
float:left;
font-size:14px;

}
#brandingInnerFiller2SiteMap{
height:1%;
width:100%;
float:left

}

#brandingInnerTrans{
	width:100%;
	height:;
	top: ;
	bottom:;
	left:;
	right;
	background: #FFFFFF;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	
}

#brandingInnerTransRight{
	width:40%;
	height:71.5%;
	top: ;
	bottom:;
	left:;
	right:;
	float:left;
	margin-left: 2px;
	background: #5CADD6; 
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	
}


#brandingInnerTransRightNewIndex{
	width:100%;
	height:71.5%;
	top: ;
	bottom:;
	left:;
	right:;
	float:left;
	margin-left: 2px;
	/*background: #5CADD6;*/
	filter:alpha(opacity=100);
	opacity: 0.8;
	-moz-opacity:1.0;
	
}

#brandingInnerTransRightSiteMap{
	width:80%;
	height:50.5%;
	top: ;
	bottom:;
	left:;
	right:;
	float:left;
	margin-left: 2px;
	margin-right: 2px;
	background: #5CADD6;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	
}

#brandingInnerAddress{
	position: relative;
    float:left;
	color:#1E5D7B;
	}
	
	
	#brandingInnerTransRightTerms{
	width:90%;
	height:71.5%;
	top: ;
	bottom:;
	left:;
	right:;
	float:left;
	margin-left: 18px;
	margin-right: 2px;
	background: #6CA7CA;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	
}



#brandingInnerPhonenumber{
	position: relative;
	float:right;
	color:#1E5D7B;
    
}


#ProductsServiceLeft {
width:190px;
background-color:#FFFFFF;
float:left;
padding:1px, 1px, 1px, 1px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
padding-top:2px;

}

#ProductsServiceLeftsm {
width:150px;
background-color:#FFFFFF;
float:left;
padding:1px, 1px, 1px, 1px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
padding-top:2px;

}


#ProductsServiceRight {
width:200px;
background-color:#FFFFFF;
float:left;
padding:1px, 1px, 1px, 1px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
padding-top:2px;

}

#ProductsServiceNext {
padding-top: 30px;
background-color:#FFFFFF;
float:left;


}

#ProductsService {

background-color:#FFFFFF;

}


.PhoneNumberBig {
font-size:13px;
font-weight:bold;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;

}

MapRight{
float:right;
}

MapLeft{
float:left;
}

#subNav {
	width: 180px;
	float: left;
	
}

#subNavPic {
	width: 180px;
	float: left;
}

#content {
	width: 760px;
	float: right;
	background-color:#FFFFFF; 
	padding-left:1px;
	
	
}

#mainContent {
	width: 315px;
	margin: 0;
	float: left;
	
}

#mainTotalContent100 {
	width: 560px;
	
	margin: 0;
	
	padding-left:5px;
	padding-right:5px;
}


#mainTotalContent {
	width: 560px;
	
	margin: 0;
	float: right;
	background-color:#FFFFFF;
	padding-left:5px;
	padding-right:5px;
}

#secondaryContent {
	width: 240px;
	float: right;
}


#DirectionsRight{
width:100%;
float:left;
font-size:14px;

}


#DirectionsLeft{
width:100%;
float:left;
font-size:14px;
}


#footer {
	clear: both;
	line-height: 1;
	margin: 0px;
	
}

/* hide this style from IE5 Mac \*/
#footer {
	margin-left: 0px;
	text-align: center;
}
/* Stop hiding */

#footerNav {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	background: #84C2E1 url(http://cornerstonefamilyvision.com/Test/assets/Images/mainNavBg.gif) repeat-x;
	list-style: none;
	text-transform: uppercase;
	text-shadow:White;
	font-weight:bold;
	color:#003399;

}

#footerNav li {
	font-size:11px;
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-decoration:underline;
}


#footerNav a {
	padding: 0px 5px;
	border-left: 1px solid #000;	
}

#footerNav .first a {
	border-left: none;
}


#footerNav2, #footerNav2 li {
	font-size:9px;
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
	
}

#footerNav2 a {
	padding: 0px 5px;
	border-left: 1px solid #000;	
}

#footerNav2 .first a {
	border-left: none;
}

#copyright {
	text-align: center;
	padding-top: 5px;
	color:#ADD6EB;
	font-size:10px;
}


.information_vis_pos1
        {
	position:relative;
	border: 3px solid #CCCCCC;
	padding: 3px;
	margin: 3px;
	background-color: #ADD6EB;
	font-size:11px;
	font-weight:bold;
}


/* General Styles
=======================*/

h2 {
	margin-bottom: 0;
}

p {
	margin-top: 0;
}

/* mainNav */

#mainNav a:link, #mainNav a:visited {
	text-decoration: none;
	color: #fff;
}

#mainNav a:hover {
	color: #333;
}

#mainNav {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	background: #ADD6EB url(http://cornerstonefamilyvision.com/Test/assets/Images/mainNavBg.gif) repeat-x;
	list-style: none;
	text-transform: uppercase;
    font-size:12px;
}

#mainNav li {
	float: left;
}

/* Hide from IE5 mac \*/

#mainNav li a {
	display: block;
}
/* end hack */

#mainNav li a {

	margin: 0;
	padding: 0 1em;
	line-height: 2.1em;
	background: url(http://cornerstonefamilyvision.com/Test/assets/Images/mainNavBorder.gif) repeat-y left top;
}

#mainNav .first a {
	background: none;
}




/* subNav */

#subNav {
	color: #4A92BD;
	text-transform: uppercase;
	font-size:9px;
	
}

#subNav a:link, #subNav a:visited {
	text-decoration: none;
	color: #333;
}

#subNav a:hover {
	color: #369;
}

#subNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#subNav li {
	background: #E4E4E4 url(http://cornerstonefamilyvision.com/Test/assets/Images/subNavBg.gif) repeat-x left bottom;
}

#subNav li.two {
	background: #E4E4E4 url(http://cornerstonefamilyvision.com/Test/assets/Images/subNavBg.gif) repeat-x left bottom;
	color:#000000;
}


#subNav li a {
	display: block;
	margin: 0;
	padding: 0 10px 0 20px;
	line-height: 2.5em;
	background: url(http://cornerstonefamilyvision.com/Test/assets/Images/arrow.gif) no-repeat 10px center;
}

#subNav h2 {
	margin: 0;
	padding: 0 10px;
	font-size: 1em;
	line-height: 30px;
	background: #E4E4E4 url(http://cornerstonefamilyvision.com/Test/assets/Images/subNavBg.gif) repeat-x left top;
}


#leftfiller{
height:100%;
}





/* Faux column */

#wrapper {
	background: url(http://cornerstonefamilyvision.com/Testassets/Images/bg.gif) repeat-y left top;
	
}



/*   THE BOX   */


.boxbody p {font-size:76%}
		.boxbody a {color:gray}
		.boxbody a:hover {color:blue}		
		h1 { color: #777; font-size:1.8em; }
		h2 { color: #888; font-size:1.4em; }
		.exp { width:30em; margin:10px auto; }
		hr { width:35em; margin: 10px auto;}
		
		/* Show only to IE PC \*/
		* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

		.sidebox {
			margin: 0 auto; /* center for now */
			width: 17em; /* ems so it will grow */
			background: url(http://cornerstonefamilyvision.com/assets/Style_sheets/assets/Images/sbbody-r.gif) no-repeat bottom right;
			font-size: 100%;
		}
		.boxhead {
			background: url(http://cornerstonefamilyvision.com/assets/Style_sheets/assets/Images/sbhead-r.gif) no-repeat top right;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		.boxhead h2 {
			background: url(http://cornerstonefamilyvision.com/assets/Style_sheets/assets/Images/sbhead-l.gif) no-repeat top left;
			margin: 0;
			padding: 20px 30px 5px;
			color: white; 
			font-weight: bold; 
			font-size: 1.2em; 
			line-height: 1em;
			text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
		}
		.boxbody {
			background: url(http://cornerstonefamilyvision.com/assets/Style_sheets/assets/Images/sbbody-l.gif) no-repeat bottom left;
			margin: 0;
			padding: 5px 30px 31px;
		}
		.widthlessbox {
			margin: 0 25%; /* NO WIDTH! Opens up a world of possibilities! */
			background: url(http://cornerstonefamilyvision.com/assets/Style_sheets/assets/Images/sbbody-r.gif) no-repeat bottom right;
			font-size: 100%;
		}