@charset "utf-8";

/* CSS Document */

body,html{background: #10567A url(../images/bg-body.jpg) repeat-x;height:auto;font-family:Arial, Helvetica, sans-serif;font-size:12px;}

.allWrap{

	position:relative;

	margin:auto;

	overflow:hidden;

	width:1108px;/* 3 pixel left shadow + 1100 + 3 pixel right shadow + 2 px border */

}



.middleContent{

	background:url(../images/bg-content1.jpg) repeat-x #568EB6;

	border-left: 1px solid #B6D5F1;

	border-right: 1px solid #B6D5F1;

	width:1100px;

	float:left;

	min-height:100%;

	

}



.leftShadow{background:url(../images/bg-content1-leftShadow.png) repeat-y; width:3px; height:100%; float:left;}

.rightShadow{background:url(../images/bg-content1-rightShadow.png) repeat-y; width:3px; height:100%;float:left;}







/*=============== HEADER =================*/



.nav{

	position:absolute;

	top:87px;

	left:290px;

}



.nav a{height:53px; display:block;float:left}

.nav a:hover, .active-header{background-position:0 -53px}



#home{width:190px; height:120px; top:20px; left:25px; display:block; position:absolute}

#tech{background-image:url(../images/nav-solutions.jpg); width:147px}

#irido{background-image:url(../images/nav-iridolab.jpg); width:126px}

#supplements{background-image:url(../images/nav-supplements.jpg); width:157px}

#aboutus{background-image:url(../images/nav-aboutus.jpg); width:121px}

#contactus{background-image:url(../images/nav-contactus.jpg); width:138px}

.slice{background-image:url(../images/slice.jpg);width:2px; height:47px; float:left}



/*======== CONTENT =============== */

.center-content{width:1035px;float:left;}

.white-bg-content{

	/*min-height:160px;*/

	/*padding-bottom:70px;*/

	width:1055px;

	margin:auto;

	position:relative;

}



.white-bg-upper-bg-shadow{

	background:url(../images/content2-bgup.png) top left repeat-x;

	width:1035px; height:7px; 

}

.white-bg-lower{

	background:url(../images/content2-bgdown.jpg) top left repeat-x #E4ECEF;

	width:995px;

	padding:20px 20px 70px 20px;

	float:left;

}



.contentLeftShadow{background:url(../images/content2-shadowLeft.png); background-repeat:no-repeat; width:10px; height:150px; float:left;}

.contentRightShadow{background:url(../images/content2-shadowRight.png); background-repeat:no-repeat; width:10px; height:150px;float:right;}



.lineHorizontal{background:url(../images/line-repeat-horizontal.jpg) repeat-x; height:2px; min-width:1px; margin:10px 0px 10px 0px}

.lineHorizontalBlue{background:url(../images/line-repeat-horizontal-blue.gif) repeat-x; height:2px; min-width:1px; margin:10px 0px 10px 0px}

.lineVertical{background:url(../images/line-repeat-vertical.jpg) repeat-y; width:2px; min-height:1px; }

.width100{width:100%}

.lineLink{height:35px; margin:0px 10px 0px 10px}

.clear{clear:both}

.floatLeft{float:left}



/*=================== FOOTER ======================*/

.footer-logo{background:url(../images/footer-logo.jpg) top left; width:140px; height:14px; float:left;margin-top:10px}

.footer-copyright{float:left; margin-left:10px; color:#006AAC; font-size:12px;margin-top:10px}

.color-other{color:#58B1E5}

.footer-right{float:right; height:35px}

.footer-right a{margin-top:10px}

.footer-copyright a{font-weight:bold;color:#58B1E5}

.color-other a:hover, .footer-right a:hover{text-decoration:underline}

.footer-wrap{

	position: relative;

	height:100%;

}

/*=========== TEXt =============*/

a{

	color:#006AAC;

	text-decoration:none;

}

h2{

	font-size:14px;

	font-weight:bold;

	color:#143859;

}

p{	

	font-size:14px;

	color:#00588C;

	line-height:159%;

}

li{

	color:#00588C;

	list-style:url(../images/list-style.png) disc;

	margin-left:20px;

	font-size:14px;

	line-height:159%;

}

.justify{text-align:justify;}