@import url('index-reset.css');

* {
	border:0px solid #eee;
	margin:0;
	padding:0;
	list-style:none;
	}

html, body, #bg, #bg table, #bg td, #cont {
	width:100%;
	height:100%;
	overflow:hidden;
	}

body {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	cursor: default;
	background: url(../jpg/home-blue-bg.jpg) repeat-x top left;
	color:#ffffff;
	font-size: small;
	}
	
#homewrapper {	
	padding: 0;
	margin: 0;
	background: url(../png/loading.png) no-repeat top left;
	}	

h1, h2, .large, .left {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-size:40px;
	}

h2, .box div img {
	padding-bottom:10px;
	}

a {
	text-decoration:none;
	color:#000;
	outline:0;
	}

img {
	display:block;
	}

#bg div {
	position:absolute;
	width:200%;
	height:200%;
	top:-50%;
	left:-50%;
	}

#bg td {
	vertical-align:middle;
	text-align:center;
	}

#bg img {
	min-height:50%;
	min-width:50%;
	margin:0 auto;
	}

#cont {
	position:absolute;
	top:0;
	left:0;
	z-index:70;
	overflow:auto;
	}

#menu {
	position:absolute;
	bottom:100px;
	left:0;
	z-index:80;
	width:100%;
	}

.cell1 {
	text-align: left;
	padding: 0;
	margin: 0;
	width: 255px;
	height: 170px;
	vertical-align: top;
	}
	
.cell2 {
	text-align: left;
	padding: 0;
	margin: 0;
	height: 120px;
	width: 700px;
	vertical-align: top;
	}	
	
.holdercell {
	text-align: left;
	padding: 0;
	margin: 0;
	width: 665px;
	height: 170px;
	background: url(../png/bg.png) repeat top left;
	vertical-align: top;
	}	
	
#rotator {
	background: url(../jpg/home-random-images/rotator.php) no-repeat center top;
	color: inherit;
	width: 100%;
	height: 100%;
	}	


/* background:#00172b;opacity:0.75;filter:alpha(opacity=75);padding:0; */





/* TOP NAV COMPONENTS */	

#homenav {
    width: 673px;
	height: 30px;	
	padding: 50px 0 0 25px;
	margin: 0;
	}
	
#navigationhome {
    list-style: none;
	padding: 0;
	margin: 0;
	}

#navigationhome li {
    float: left;
	padding: 0;
	margin: 0;
	}	
	
#navigationhome a * {
    display: none;
	}

#navigationhome a, #navigationhome a .hover {
    height: 30px;
	/*position: relative;*/
    display: block;
	}
	
#navigationhome .divider {
    background: url(../png/homenav/_divider.png) top left no-repeat;
	background-position: 0 0;
    width: 15px;
	height: 30px;
	overflow: hidden;	
	display: block;
	}	


#navigationhome a.about-lotus {
    background: url(../png/homenav/about-lotus.png) 0 0 no-repeat;
	background-position: 0 0;
    width: 78px;
	}

#navigationhome .highlight a.about-lotus:hover, #navigationhome a.about-lotus .hover {
    background: url(../png/homenav/about-lotus.png) 0 0 no-repeat;
	background-position: 0 -30px;
    width: 78px;
	}	
	
#navigationhome .selected a.about-lotus {
    background: url(../png/homenav/about-lotus.png) 0 0 no-repeat;
	background-position: 0 -60px;
    width: 78px;
	}	
	
	
#navigationhome a.case-studies {
    background: url(../png/homenav/case-studies.png) 0 0 no-repeat;
	background-position: 0 0;
    width: 84px;
	}

#navigationhome .highlight a.case-studies:hover, #navigationhome a.case-studies .hover {
    background: url(../png/homenav/case-studies.png) 0 0 no-repeat;
	background-position: 0 -30px;
    width: 84px;
	}	
	
#navigationhome .selected a.case-studies {
    background: url(../png/homenav/case-studies.png) 0 0 no-repeat;
	background-position: 0 -60px;
    width: 84px;
	}		
	
	
#navigationhome a.clients {
    background: url(../png/homenav/clients.png) 0 0 no-repeat;
	background-position: 0 0;
    width: 45px;
	}

#navigationhome .highlight a.clients:hover, #navigationhome a.clients .hover {
    background: url(../png/homenav/clients.png) 0 0 no-repeat;
	background-position: 0 -30px;
    width: 45px;
	}	
	
#navigationhome .selected a.clients {
    background: url(../png/homenav/clients.png) 0 0 no-repeat;
	background-position: 0 -60px;
    width: 45px;
	}		
	
	
#navigationhome a.the-team {
    background: url(../png/homenav/the-team.png) 0 0 no-repeat;
	background-position: 0 0;
    width: 64px;
	}

#navigationhome .highlight a.the-team:hover, #navigationhome a.the-team .hover {
    background: url(../png/homenav/the-team.png) 0 0 no-repeat;
	background-position: 0 -30px;
    width: 64px;
	}	
	
#navigationhome .selected a.the-team {
    background: url(../png/homenav/the-team.png) 0 0 no-repeat;
	background-position: 0 -60px;
    width: 64px;
	}	
	
	
#navigationhome a.contact-us {
    background: url(../png/homenav/contact-us.png) 0 0 no-repeat;
	background-position: 0 0;
    width: 70px;
	}

#navigationhome .highlight a.contact-us:hover, #navigationhome a.contact-us .hover {
    background: url(../png/homenav/contact-us.png) 0 0 no-repeat;
	background-position: 0 -30px;
    width: 70px;
	}	
	
#navigationhome .selected a.contact-us {
    background: url(../png/homenav/contact-us.png) 0 0 no-repeat;
	background-position: 0 -60px;
    width: 70px;
	}	
	
	
#navigationhome a.in-30-seconds {
    background: url(../png/homenav/in-30-seconds.png) 0 0 no-repeat;
	background-position: 0 0;
    width: 94px;
	}

#navigationhome .highlight a.in-30-seconds:hover, #navigationhome a.in-30-seconds .hover {
    background: url(../png/homenav/in-30-seconds.png) 0 0 no-repeat;
	background-position: 0 -30px;
    width: 94px;
	}	
	
#navigationhome .selected a.in-30-seconds {
    background: url(../png/homenav/in-30-seconds.png) 0 0 no-repeat;
	background-position: 0 -60px;
    width: 94px;
	}	
	
	
#navigationhome a.lotus-network {
    background: url(../png/homenav/lotus-network.png) 0 0 no-repeat;
	background-position: 0 0;
    width: 95px;
	}

#navigationhome .highlight a.lotus-network:hover, #navigationhome a.lotus-network .hover {
    background: url(../png/homenav/lotus-network.png) 0 0 no-repeat;
	background-position: 0 -30px;
    width: 95px;
	}	
	
#navigationhome .selected a.lotus-network {
    background: url(../png/homenav/lotus-network.png) 0 0 no-repeat;
	background-position: 0 -60px;
    width: 95px;
	}
	
		
#navigationhome a.news {
    background: url(../png/homenav/news.png) 0 0 no-repeat;
	background-position: 0 0;
    width: 38px;
	}

#navigationhome .highlight a.news:hover, #navigationhome a.news .hover {
    background: url(../png/homenav/news.png) 0 0 no-repeat;
	background-position: 0 -30px;
    width: 38px;
	}	
	
#navigationhome .selected a.news {
    background: url(../png/homenav/news.png) 0 0 no-repeat;
	background-position: 0 -60px;
    width: 38px;
	}		
	
	
	


/* COPYRIGHT COMPONENTS */	

#copyrightholder {
    width: 673px;
	padding: 10px 0 0 25px;
	margin: 0;
	}	
	
.socialcell {
    width: 19px;
	padding: 0 7px 0 0;
	vertical-align: top;
	height: 40px;
	margin: 0;
	}		
	
.socialtextcell {
    width: 449px;
	padding: 0 0 0 15px;
	vertical-align: top;
	height: 40px;
	margin: 0;
	}		
	
.copyrighttxt {
	color: #41617d;
	font-size: 85%;
	line-height: 1.5em;
	padding: 0;
	text-shadow: 0px 1px 1px #182a39; 
	}	

.copyrighttxt a:link, .copyrighttxt a:visited {
	color: #5b7a94;
	text-decoration:none;
	}

.copyrighttxt a:active, .copyrighttxt a:hover  {
	color: #5b7a94;
	text-decoration:underline;
	}