/*
Border	#9d9fa1
Nav	#000000
Nav hover	#a84d10
Sub nav	#9d9fa1
elegance	#6f6ead
simplicity	#afbc22
trust	#e89730
commitment	#0094d3
quality	#90b7a9


*/
body{
	width:968px;
	font-family:arial, sans-serif;
	font-size:62.5%;
	color:#000000;
	margin:0;
	padding:0;
}
img{
	border:none;
}
p{
	padding:0;
	margin:0;
}
h2{
	padding:0;
	margin:0;
}
#page{
	background:url(../../images/home-bg.jpg) no-repeat right top;
	border:0;
	border-right:1px solid #9d9fa1;
	border-bottom:1px solid #9d9fa1;
	width:918px;
	height:538px;
	margin:0;
	padding:20px 25px 20px 25px;
}
#head{
	width:918px;
	height:120px;
}
#head #col1{
	width:400px;
	float:left;
}
#head #col2{
	width:518px;
	float:left;
}
#head div.logo{
	height:70px;
	width:165px;
	color:#5da9cb;
	float:left;
}
#head div.simplicity{
	background:transparent url(../../images/simplicity-is-beauty.gif) no-repeat 25px 55px;
	width:194px;
	height:17px;
	float:left;
	padding:55px 0 0 0;
}
#head div.simplicity span{
	display:none;
}

/* ========================= #navigation begins ========================= */

#navigation{
	padding:25px 0;
	font-size:1.2em;
	width:375px;
}

/* ========================= #navigation first level ========================= */

#navigation ul{
	background:url(../../images/bullets.gif) no-repeat left 5px;
	list-style-type:none;
	margin:0;
	padding:0;
}
#navigation ul li{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	cursor:pointer;
}

#navigation ul li#nav-company{width:65px; }
#navigation ul li#nav-product{width:125px; margin-left:10px;}
#navigation ul li#nav-contact{width:85px; margin-left:5px;}

#navigation ul li#nav-company span{background:url(../../images/bullet.gif) no-repeat right center; padding:0 15px 0 0;}
#navigation ul li#nav-product span{background:url(../../images/bullet.gif) no-repeat right center; padding:0 15px 0 0;}

#navigation ul li:hover span, #navigation ul li.over span{color:#a84d10;}
#navigation ul li#nav-company a, #navigation ul li#nav-product a, #navigation ul li#nav-contact a{text-decoration: none; color: #000;}
/* ========================= #navigation second level ========================= */

#navigation ul li ul{
	background:none;
	position:absolute;
	top:15px;
	left:0;
	display:none;
	padding:5px 0 0 0;
	margin:0;
}

#navigation ul li ul li{
	background:none;
	text-align:left;
	margin:0;
	padding:0;
}

#navigation ul li:hover ul,#navigation ul li.on ul,#navigation ul li.over ul,
#product #nav-product ul,#company #nav-company ul,#contact #nav-contact ul{
	display:block;
	background-color:#fff;
}

#navigation ul li a{
	display:block;
	width:135px;
}

#navigation ul li ul li a, #navigation ul li ul li a:visited{
	display:block;
	display:inline-block;
	color:#9d9fa1 !important;
	text-decoration:none;
	font-size:0.9em;
}
#navigation ul li ul li.on a,#navigation ul li ul li.on a:visited,
#navigation ul li:hover ul li:hover a, #navigation ul li:hover ul li.on a,
#navigation ul li ul li a:hover{
	color:#000000 !important;
	text-decoration:none;
}

/* ========================= #navigation third level ========================= */

#navigation ul li ul li ul{
	background:#fff;
	position:static;
	top:0;
	padding:0;
	margin:0;
}
#navigation ul li ul li ul li a,
#navigation ul li ul li ul li a:visited,
#navigation ul li:hover ul li:hover ul li a,
#navigation ul li.over ul li.over ul li a{
	display:block;
	display:inline-block;
	color:#9d9fa1  !important;
	text-decoration:none;
	font-size:0.9em;
	padding:0 0 0 25px;
	width:110px;
}
#navigation ul li ul li ul li a:hover,
#navigation ul li:hover ul li:hover ul li a:hover,
#navigation ul li.over ul li:hover ul li a:hover,
#navigation ul li:hover ul li:hover ul li:hover a{
	color:#000000 !important;
}

/* ========================= #navigation ends ========================= */

#international{
	position:absolute;
	top:120px;
	left:460px;
	color:#0094d3;
	padding-left:5px;
	border-left:1px #0094d3 solid;
}
#international a,#international a:visited{
	color:#0094d3;
	text-decoration:none;
}
.red{
	color:#a84d10;
}
#main{
	font-size:1.4em;
	line-height:1.6em;
}
#balls{
	clear:left;
	width:622px;
	height:281px;
	margin-left:80px;
	padding:20px 0 0 0;
	z-index:999;
}
#main #intro{
	width:480px;
	padding-top:30px;
}

#cola{
	float:left;
	width:624px;
	margin:0;
	padding:0;
}
#cola h1{
	background:#d8e982 url(../../images/home/h2.jpg) no-repeat;
	border-bottom:1px solid #fff;
	color:#815585;
	width:624px;
	height:96px;
	margin:0;
	padding:0;
}
#cola h1 span{
	display:none;
}
#cola p.image{
	float:left;
	margin:0;
	padding:0;
}
#cola p{
	font-size:1.3em;
	line-height:2em;
	margin:0 0 0 176px;
	padding:15px 15px 5px 0;
}
#colb{
	background:url(../../images/home/colb.jpg) no-repeat;
	float:left;
	width:312px;
	margin:0;
	padding:0
}
#colb h2{
	font-size:1.8em;
	font-weight:normal;
	color:#815585;
	margin:135px 0 12px 0;
	padding:0 15px 0 15px;
}
#colb p{
	font-size:1.1em;
	line-height:1.5em;
	margin:0;
	padding:0 10px 5px 15px;
}
#colb p a{
	color:#60819c;
}
#callout{
	background:url(../../images/home/callout.jpg) repeat-y;
	height:1%;
	margin:12px 0 0 0;
	padding:0;
}
#callout a{
	color:#815585;
}
#callout div{
	background:url(../../images/home/callout-div.jpg) no-repeat;
	color:#fff;
	float:left;
	width:312px;
	margin:0;
	padding:0;
}
#callout h3{
	font-size:1.3em;
	margin:0;
	padding:10px 15px 2px;
}
#callout p{
	font-size:1.1em;
	line-height:1.5em;
	margin:0;
	padding:0 15px 15px;
}
#footer{
	font-size:.9em;
	color:#58595b;
	width:968px;
	text-align:right;
	padding-top:5px;
}
#footer a, #footer a:visited{
	color:#58595b;
	text-decoration:none;
}
#footer #footer-nav{
	float:left;
	width:728px;
}

#footer #footer-copy{
	float:left;
	width:240px;
}
#pop1{
	background:transparent url(../../images/quality-bg.gif) no-repeat;
	left:25px;
	width:341px;
	font-size:1.25em;
}
#pop2{
	background:transparent url(../../images/commitment-bg.gif) no-repeat;
	left:75px;
	width:405px;
	font-size:1.25em;
}
#pop3{
	background:transparent url(../../images/elegance-bg.gif) no-repeat;
	left:245px;
	width:405px;
	font-size:1.25em;
}
#pop4{
	background:transparent url(../../images/trust-bg.gif) no-repeat;
	left:350px;
	width:405px;
	font-size:1.25em;
}
#pop5{
	background:transparent url(../../images/simplicity-bg.gif) no-repeat;
	left:415px;
	width:341px;
	font-size:1.25em;
}
.hide{
	display:none;
}
.show{
	position:absolute;
	top:425px;
	padding:35px 15px 10px 20px;
	display:block;
	height:110px;
	line-height:1.8em;
}
.show h2{
	visibility:hidden;
	font-size:2.1em;
	color:#FFFFFF;
}
.show p{
	padding:4px 20px 0 4px;
	font-size:1.05em;
	color:#000000;	
}

.close{float:right;width:50px;font-size:.75em;text-align:right;}
.close a{color:#000000; text-decoration:none;}
.cbrk{
	clear:both;
	height:0;
}
#instruction{
	position:absolute;
	top:390px;
	left:25px;
	font-size:0.8em;
	line-height:1.1em;
	color:#58595b;
}

