/* Basic Styling

=======================*/



body {

	font: 95%/2.0 "Verdana";

	background-color: #000000;

	margin-top: 4px;

	/*font: normal 95%/1.6 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;	*/

	color: #222;

	/*scrollbar-3d-light-color : #000000;

	scrollbar-arrow-color : #FFFFFF;

	scrollbar-base-color : #333333;

	scrollbar-dark-shadow-color : #666666;

	scrollbar-face-color : #999999;

	scrollbar-highlight-color : #ffffff;

	scrollbar-shadow-color : #ffffff;*/

	

}

































/*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;

}



#FontHeader {

font-size:12px;

font-weight:bolder;



}



#introFP {

	font-weight: bolder;

	font-size: 1.4em;

	margin-left: 10px;

	margin-top: 10px;

}



#intro {

	font-weight: bolder;

	font-size: 12px;

	margin-left: 20%;

	margin-top: 61%;

	float:left;

	font-family: Verdana;

	text-align:justify;

	width: auto;

	

}



#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:#FFFFFF;

	font-weight: bold;

}



a:hover {

	color: #999999;

}



/* Layout

=======================*/



body {

	text-align: center;



	min-width: 640.px;

	color: #FFFFFF;

	min-width: 640px;

}



#wrapper {

	width: 795px;

	height: 300px;

	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: 795px;

	height: 550px;

	background: url(http://www.kojomante.com/assets/Images/img/kojo.jpg) no-repeat center;

	clear: both;

	float:left;

}







#InnerBrand {



	background-color: #;

	position: relative;

	



}

#branding p, #branding ul {

	

	

}









#brandingSecondary p, #brandingSecondary ul {

font-size:12px;

text-transform:lowercase;

}





#brandingInnerFiller{

height:11%;

width:100%;

float:left



}







#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;

	

}







#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:200px;

background-color:#FFFFFF;

float:right;

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;



}







.PhoneNumberBig {

font-size:13px;

font-weight:bold;

filter:alpha(opacity=100);

opacity: 1;

-moz-opacity:1;



}







#contentFarRight {

	width: 160px;

	height: 530px;

	float: right;

	background-color:#; 

	padding-left:20px;

	padding-top:20px;

	padding-right:20px;

	background:url(../Images/img/ContentFarRight.gif) no-repeat ;

	filter:alpha(opacity=70);

	-moz-opacity:0.70;

	opacity:0.7;

	visibility:hidden;

    visibility:hide;



	

	

	}

	

#contentFarLeftTop {

	width: 595px;

	height: 270px;

	float: left;

	background-color:#; 

	padding-left:20px;

	padding-top:20px;

	padding-right:20px;

	

	filter:alpha(opacity=70);

	-moz-opacity:0.70;

	opacity:0.7;

	visibility:hidden;

    visibility:hide;

	}

	

	#contentFarLeftBottom {

	width: 593px;

	height: 215px;

	float: left;

	background-color:#; 

	padding-left:35px;

	padding-top:20px;

	padding-right:20px;

	margin-left:10px;

	background:url(../Images/img/ContentFarLeftBottom.gif) ;

	filter:alpha(opacity=70);

	-moz-opacity:0.70;

	opacity:0.7;

	visibility:hidden;

    visibility:hide;

         

	}

	

	

	#contentBioDiv {

	width: 431px;

	height: 490px;

	float: left;

	background-color:#; 

	padding-left:35px;

	padding-top:20px;

	padding-right:20px;

	margin-left:25px;

	/*background:url(../Images/img/ContentFarLeftBottom.gif) ; */

	background:#FF0000;

	filter:alpha(opacity=30);

	-moz-opacity:0.30;

	opacity:0.3;

	visibility:hidden;

    visibility:hide;

	}



















/*Home*/

#contentKojo0 {

	width: 785px;

	height: 550px;

	margin-left:0px;

	margin-right:0px;

	background:;

	filter:alpha(opacity=100);

	-moz-opacity:1.00;

	opacity:1.0;

	visibility: visible;

	position: relative;

	color:#ffffff;

	font-weight:bold;

	font-family: "Veracity SSi";

	

	}



/*ALL Contact Background To Invisible*/

	#KojoTrans0 {

	width: 431px;

	height: 540px;

 	background: none; 

	padding-left:0px;

	padding-top:20px;

	padding-right:0px;

	margin-left:0px;

	filter:alpha(opacity=0);

	-moz-opacity:0.0;

	opacity:0.0;

	position: absolute;

	top: 6px;

	left:0px;

	color:#;

	z-index:40;

	visibility: hidden;

	}





/*Bio*/

#contentKojo1 {

	width: 785px;

	height: 500px;

	margin-left:5px;

	margin-right:5px;





	background-color:;

	filter:alpha(opacity=100);





	-moz-opacity:1.00;

	opacity:1.0;

	position: absolute;

	top: 0px;

	left:0px;

	color:#ffffff;

	font-weight:bolder;

	z-index: 105;

	visibility: hidden;



	}

	

	

	#contentKojo1BioMenu{

	width: 200px;

	height: 500px;

	font-family:Verdana;

	font-size:10px;	

	top: 30px; 

	left:200px;

	float:left;

	position:relative;

    visibility: inherit;



		

	}

	

	

	

	#contentKojo1Bio0{

	width: 320px;

	height: 400px;

	font-family:Verdana;

	font-size:10px;	

	top: 150px; 

	left:50px;

	float:left;

	position: relative;

    visibility: inherit;

		

	}



	#contentKojo1Bio1{

	width: 370px;

	height: 400px;

	font-family:Verdana;

	font-size:10px;

	top: 150px;

	left:50px;

	float:left;

	position: absolute;

    visibility: hidden;

	z-index: 11;

		

	}





/*Pictures*/

#contentKojo2 {

	width: 570px;

	height: 550px;

	background:;

	padding-left:0px;

	padding-top:0px;

	padding-right:0px;

	margin-left:0px;

	/*background:url(../Images/img/ContentFarLeftBottom.gif) ; */

 

	/*filter:alpha(opacity=50);

	-moz-opacity:1.0;

	opacity:1.0;*/

	visibility: hidden;

   	position:absolute;

	top: 0px; 

	left:225px;

	z-index:102;

	}

	

	#KojoTrans2 {

	width: 570px;

	height: 550px;

 	background:#000000;	padding-left:0px;

	padding-top:0px;

	padding-right:0px;

	margin-left:0px;

	/*background:url(../Images/img/ContentFarLeftBottom.gif) ; */

 

	filter:alpha(opacity=30);

	-moz-opacity:0.30;

	opacity:0.30;

	visibility: hidden;

    

	position:absolute;

	top: 0px; 

	left:225px;

	z-index:30;

	}



/*Video-Audio*/

#contentKojo3 {
text-align:center;

	width: 340px;

	height: 266px;

	background:white;

	padding-left:0px;

	padding-top:10px;

	padding-right:0px;

	margin-left:0px;

	/*background:url(../Images/img/ContentFarLeftBottom.gif) ; */

 

	/*filter:alpha(opacity=50);

	-moz-opacity:1.0;

	opacity:1.0;*/

	visibility: hidden;

   	position:absolute;

	top: 70px; 

	left:100px;

	z-index: 104;

	}





#vidlist{

	width:150px;

	height:335px;

	font-family:Verdana;

	font-size:10px;		

	margin: auto;

	text-align: center;

	padding-top:5px;

	float:left;

	filter:alpha(opacity=100);

	-moz-opacity:1.00;

	opacity:1.00;

	top:400px;

	left:500px;

	position: absolute;

    top: 25px;

}









#vidbg0{

	width:430px;

	height:335px;

	/*background-color: #FFFFFF;*/

	margin: auto;

	text-align: center;

	padding-top:5px;

	visibility: hidden;

	float:left;

	position: absolute;

	top: 25px;

	left:0px;





}





#vidbg1{

	width:430px;

	height:335px;

/*background-color: #FFFFFF;*/

	margin: auto;

	text-align: center;

	padding-top:5px;

	visibility: hidden;

	float:left;

	position: absolute;

	top: 25px;

	left:0px;





}





#KojoTrans3 {

	width: 550px;

	height: 550px;

 	background:#000000;	padding-left:0px;

	padding-top:0px;

	padding-right:0px;

	margin-left:0px;

	/*background:url(../Images/img/ContentFarLeftBottom.gif) ; */

 

	filter:alpha(opacity=30);

	-moz-opacity:0.30;

	opacity:0.30;

	visibility: hidden;

    

	position:absolute;

	top: 0px; 

	left:0px;

	z-index:30;

	}





/*Blog*/

#contentKojo4 {



	width: 795px;

	height: 550px;

	background: none;

	filter:alpha(opacity=100);

	-moz-opacity:1.0;

	opacity:1.0;

    visibility: hidden;

	position: absolute;

	top: 0px;

	left:0px;

	color:#BBBBBB;

	font-weight:bold;

	font-family: "Veracity SSi";

	z-index: 106;

	

	}

	

	/*Links*/

#contentKojo5 {

	width: 129px;

	height: 360px;

	background-color:#; 

	padding-left:10px;

	padding-top:20px;

	padding-right:10px;

	margin-left:20px;

	/*background:url(../Images/img/ContentFarLeftBottom.gif) ; */

	color:#FFFFFF;

 

	filter:alpha(opacity=100);

	-moz-opacity:1.0;

	opacity:1.0;

    visibility: hidden;

	position:absolute;

	top: 5px; 

	left:393px;

	z-index:101;

	}



#KojoTrans5 {

	width: 120px;

	height: 390px;

	background:#000000;

	padding-left:10px;

	padding-top:20px;

	padding-right:10px;

	margin-left:25px;

	/*background:url(../Images/img/ContentFarLeftBottom.gif) ; */

 

	filter:alpha(opacity=30);







	-moz-opacity:0.30;

	opacity:0.30;

	position:absolute;

	top: 0px;

	left:370px;

	z-index:10;

	visibility: hidden;

	}





#KojoTrans7 {

	width: 400px;

	height: 550px;

	background:#000000;

	padding-left:0px;

	padding-top:0px;

	padding-right:0px;

	margin-left:0px;

	/*background:url(../Images/img/ContentFarLeftBottom.gif) ; */

 

	filter:alpha(opacity=50);







	-moz-opacity:0.50;

	opacity:0.50;

	position:absolute;

	top: 0px;

	left:270px;

	z-index:10;

	visibility: hidden;

	}

	#KojoTrans7a {

	width: 510px;

	height: 550px;

	background: #;

	padding-left:0px;

	padding-top:15px;

	padding-right:0px;

	margin-left:0px;

	/*background:url(../Images/img/ContentFarLeftBottom.gif) ; */

 

	filter:alpha(opacity=100);







	-moz-opacity:1.0;

	opacity:1.0;

	position:relative;

	top: 0px;

	left:285px;

	z-index:10;

	

	}







/*Contact*/

#contentKojo6 {

	width: 250px;

	height: 350px;

 	background:; 

	padding-left:10px;

	padding-top:0px;

	padding-right:20px;

	margin-left:0px;

	/*background:url(../Images/img/ContentFarLeftBottom.gif) ; */

	filter:alpha(opacity=100);

	-moz-opacity:0.85;

	opacity:0.85;

	position:absolute;

	top: 55px;

	left:190px;

	color:#ffffff;

	z-index:100;

    visibility: hidden;

	font-family:Verdana;

	font-size:10px;

	}

	

	

	

	/*Contact Background*/

	#KojoTrans6 {

	width: 300px;

	height: 450px;

	background:#000000;

	padding-left:0px;

	padding-top:0px;

	padding-right:0px;

	margin-left:0px;

	filter:alpha(opacity=35);





	-moz-opacity:0.35;

	opacity:0.35;

	position: absolute;

	top: 0px;

	left:150px;





	color:#;

	z-index:20;

	visibility: hidden;

	}







/*Contact  Form*/

.contentKojo6form {



	

	font-style: normal;

	line-height: normal;

	color: #000000;

	font-variant : normal;

	font-weight : 500;

	list-style : url(../images/offical husent logoBullet.gif);

	background-image: url(.\assets\Img\other%20img\bars.jpg); 

	

}





.contentKojo6formText {

	

}



/*Schedule*/

#contentKojo7 {

	width: 795px;

	height: 550px;

	background: ;

	padding-left:0px;

	padding-top:0px;

	padding-right:0px;

	margin-left:0px;

	/*background:url(../Images/img/ContentFarLeftBottom.gif) ; */

 

	filter:alpha(opacity=100);



	-moz-opacity:1.00;

	opacity:1.0;

    visibility: hidden;

	position:absolute;

	top: 0px;

	left:0px;

	z-index: 107;

	}



#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:10px;

}





#footer {

	clear: both;

	line-height: 1.0em;

	margin: 0px;

	

}



/* hide this style from IE5 Mac \*/

#footer {

	margin-left: 0px;

	text-align: center;

}

/* Stop hiding */

#BotfotterNav

{

	background: url(../Images/img/mainNavBg.jpg) repeat-x;

	list-style: none;

	line-height: 1.7em;

	width: 795px;



}



#footerNav {

	margin: 0;

	padding: 0;

	float: left;

	width: 265px;

	text-transform: lowercase;

	text-shadow:White;

	font-weight:bold;

	background: url(../Images/img/mainNavBg.jpg) repeat-x;	

	list-style: none;

	

}



#footerNav li {

	font-size:10px;

	display: inline;

	margin: 0px;

	padding: 0px;

	list-style: none;

	text-decoration: none;

  	color:#FFFFFF;

	

}





#footerNav a {

	padding: 0px 3px;

	border-left: 1px solid #000;	

}



#footerNav .first a {

	border-left: none;

}



#HusentBrand

{

	float:right;

	width: 265px;

	font-size:10px;

	display: inline;

	margin: 0px;

	padding: 0px;

	list-style: none;

	text-decoration: none;

	text-shadow:White;

	font-weight:bold;

	color: #666666;

	text-align:right;

	background: url(../Images/img/mainNavBg.jpg) repeat-x;	list-style: none;

	



}

#HusentBrand a

{

	color: #666666;

	text-decoration:none;



}





#KojoCopyright

{

	float:left;

	width: 265px;

	font-size:10px;

	list-style: none;

	text-decoration: none;

	text-shadow:White;

	font-weight:bold;

	color: #666666;

	text-align:center;

	background: url(../Images/img/mainNavBg.jpg) repeat-x;	list-style: none;

	

	



}



#KojoCopyright a

{

color:#666666;

text-decoration:none;

}



#KojoCopyright a:hover {

	color: #ffffff;

}



#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: #666;

}



#mainNav {

	margin: 0;

	padding: 0;

	float: left;

	width: 100%;

	background: #FFFFFF url(../Images/img/mainNavBg.jpg) repeat-x;

	list-style: none;

	text-transform: lowercase;

    font-size:12px;

	padding-left:0px; 

	text-align: left;

	

}



#mainNav li {

float:left;

text-align:center;

	

	

}



/* Hide from IE5 mac \*/



#mainNav li a {

	display: block;

}

/* end hack */



#mainNav li a {



	margin: 0;

	padding: 0 1em;

	line-height: 1.8em;

	background:  url(../Images/img/mainNavBorder.jpg) 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;

}

















/* 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(assets/Images/sbbody-r.gif) no-repeat bottom right;

			font-size: 100%;

		}

		.boxhead {

			background: url(assets/Images/sbhead-r.gif) no-repeat top right;

			margin: 0;

			padding: 0;

			text-align: center;

		}

		.boxhead h2 {

			background: url(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(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(assets/Images/sbbody-r.gif) no-repeat bottom right;

			font-size: 100%;

		}