/*


/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
body { overflow:hidden;}

/* PICTURES */
#pictureSlider { }
#pictureSlider div { height:1000px; width:2000px; position:absolute; z-index:-999; }

/* NAVIGATION BOX */
.navbox { width:400px; height:570px; position:absolute; left:0px; bottom:0px; }
.navbox ul { list-style:none; position:absolute; right:110px; top:390px; margin: 0 auto;}
.navbox ul li { display:inline; cursor:pointer; }
.navbox ul li a { display:block; float:left; width:30px; height:30px; text-align:center; background-image:url("../images/nav_btns.png"); margin-left:5px;
	text-decoration:none; color:#eee; font: bold 24px Helvetica, Arial, Sans-serif; line-height:30px; }
.navbox ul li a:hover { background-position:bottom; color:#000; }	
.navbox ul li a.active { color:#00CCFF; }

.navbox h2 { padding:110px 20px 0 110px; font: bold 20px Helvetica, Arial, Sans-serif; text-shadow: 0px 2px 6px #333; color:#00CCFF; }
.navbox p { padding:10px 100px 20px 110px; font-family: "Segoe UI","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Tahoma,Verdana,sans-serif; font-size:13px; color:#fff; text-align:justify;}
.navbox p a { text-decoration:none;  text-transform:uppercase; color:#eee; font-weight:bold;}
.navbox p a:hover { color:#66CCFF; }
.navbox p.bottom { position:absolute; bottom:68px; left:95px; }

/* NAVIGATION BOX */
.navboxbuy { width:400px; height:570px; position:absolute; left:0px; bottom:0px; }
.navboxbuy ul { list-style:none; position:absolute; right:90px; top:390px; margin: 0 auto;}
.navboxbuy ul li { display:inline; cursor:pointer; }
.navboxbuy ul li a { display:block; float:left; width:30px; height:30px; text-align:center; background-image:url("../images/nav_btns.png"); margin-left:5px;
	text-decoration:none; color:#eee; font: bold 24px Helvetica, Arial, Sans-serif; line-height:30px; }
.navboxbuy ul li a:hover { background-position:bottom; color:#000; }	
.navboxbuy ul li a.active { color:#00CCFF; }

.navboxbuy h2 { padding:96px 8px 0 110px; font: bold 20px Helvetica, Arial, Sans-serif; text-shadow: 0px 2px 6px #333; color:#00CCFF; }
.navboxbuy p { padding:8px 100px 0px 110px; font-family: "Segoe UI","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Tahoma,Verdana,sans-serif; font-size:13px; color:#fff; text-align:justify;}
.navboxbuy p a { text-decoration:none;  text-transform:uppercase; color:#eee; font-weight:bold;}
.navboxbuy p a:hover { color:#66CCFF; }
.navboxbuy p.bottom { position:absolute; bottom:88px; left:95px; }

/* NAVIGATION BOX */
.navboxpay { width:400px; height:570px; position:absolute; left:0px; bottom:0px; }
.navboxpay ul { list-style:none; position:absolute; right:90px; top:390px; margin: 0 auto;}
.navboxpay ul li { display:inline; cursor:pointer; }
.navboxpay ul li a { display:block; float:left; width:30px; height:30px; text-align:center; background-image:url("../images/nav_btns.png"); margin-left:5px;
	text-decoration:none; color:#eee; font: bold 24px Helvetica, Arial, Sans-serif; line-height:30px; }
.navboxpay ul li a:hover { background-position:bottom; color:#000; }	
.navboxpay ul li a.active { color:#00CCFF; }

.navboxpay h2 { padding:96px 8px 0 110px; font: bold 16px Helvetica, Arial, Sans-serif; text-shadow: 0px 2px 6px #333; color:#00CCFF; }
.navboxpay p { padding:8px 100px 0px 110px; font-family: "Segoe UI","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Tahoma,Verdana,sans-serif; font-size:13px; color:#fff; text-align:justify;}
.navboxpay p a { text-decoration:none;  text-transform:uppercase; color:#eee; font-weight:bold;}
.navboxpay p a:hover { color:#66CCFF; }
.navboxpay p.bottom { position:absolute; bottom:88px; left:95px; }

/* NAVIGATION BOX */
.navboxpayment { width:400px; height:570px; position:absolute; left:0px; bottom:0px; }
.navboxpayment ul { list-style:none; position:absolute; left:110px; top:366px; margin: 0 auto;}
.navboxpayment ul li { display:inline; cursor:pointer; }
.navboxpayment ul li a { display:block; float:left; width:18px; height:18px; text-align:center; background-image:url("../images/nav_btns_pos.png"); margin-left:2px;
	text-decoration:none; color:#eee; font: bold 14px Helvetica, Arial, Sans-serif; line-height:18px; }
.navboxpayment ul li a:hover { background-position:bottom; color:#000; }	
.navboxpayment ul li a.active { color:#00CCFF; }
.navboxpayment h2 { padding:186px 8px 0 110px; font: bold 16px Helvetica, Arial, Sans-serif; text-shadow: 0px 2px 6px #333; color:#00CCFF; }
.navboxpayment h3 { margin:40px 8px 0 120px; width:120px; font: normal 12px Helvetica, Arial, Sans-serif; color:#FFFFFF;  }
.navboxpayment p { padding:3px 100px 0px 110px; font-family: "Segoe UI","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Tahoma,Verdana,sans-serif; font-size:12px; color:#fff; text-align:justify;}
.navboxpayment p a { text-decoration:none;  text-transform:uppercase; color:#eee; font-weight:bold;}
.navboxpayment p a:hover { color:#66CCFF; }
.navboxpayment p.bottom { position:absolute; bottom:88px; left:95px; }

/* NAVIGATION BOX */
.navboxcollect { width:400px; height:570px; position:absolute; left:0px; bottom:0px; }
.navboxcollect ul { list-style:none; position:absolute; left:110px; top:366px; margin: 0 auto;}
.navboxcollect ul li { display:inline; cursor:pointer; }
.navboxcollect ul li a { display:block; float:left; width:18px; height:18px; text-align:center; background-image:url("../images/nav_btns_pos.png"); margin-left:2px;
	text-decoration:none; color:#eee; font: bold 14px Helvetica, Arial, Sans-serif; line-height:18px; }
.navboxcollect ul li a:hover { background-position:bottom; color:#000; }	
.navboxcollect ul li a.active { color:#00CCFF; }
.navboxcollect h2 { padding:186px 8px 0 110px; font: bold 16px Helvetica, Arial, Sans-serif; text-shadow: 0px 2px 6px #333; color:#00CCFF; }
.navboxcollect h3 { margin:40px 8px 0 120px; width:120px; font: normal 12px Helvetica, Arial, Sans-serif; color:#FFFFFF;  }
.navboxcollect p { padding:4px 100px 0px 110px; font-family: "Segoe UI","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Tahoma,Verdana,sans-serif; font-size:12px; color:#fff; text-align:justify;}
.navboxcollect p a { text-decoration:none;  text-transform:uppercase; color:#eee; font-weight:bold;}
.navboxcollect p a:hover { color:#66CCFF; }
.navboxcollect p.bottom { position:absolute; bottom:88px; left:95px; }


/* NAVIGATION BOX */
.navboxcontact { width:400px; height:570px; position:absolute; left:0px; bottom:0px; }
.navboxcontact ul { list-style:none; position:absolute; right:90px; top:390px; margin: 0 auto;}
.navboxcontact ul li { display:inline; cursor:pointer; }
.navboxcontact ul li a { display:none; float:left; width:30px; height:30px; text-align:center; background-image:url("../images/nav_btns.png"); margin-left:5px;
	text-decoration:none; color:#eee; font: bold 24px Helvetica, Arial, Sans-serif; line-height:30px; }
.navboxcontact ul li a:hover { background-position:bottom; color:#000; }	
.navboxcontact ul li a.active { color:#00CCFF; }

.navboxcontact h2 { padding:96px 8px 0 110px; font: bold 16px Helvetica, Arial, Sans-serif; text-shadow: 0px 2px 6px #333; color:#00CCFF; }
.navboxcontact p { padding:8px 100px 0px 110px; font-family: "Segoe UI","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Tahoma,Verdana,sans-serif; font-size:13px; color:#fff; text-align:justify;}
.navboxcontact p a { text-decoration:none;  text-transform:uppercase; color:#eee; font-weight:bold;}
.navboxcontact p a:hover { color:#66CCFF; }
.navboxcontact p.bottom { position:absolute; bottom:88px; left:95px; }
.pic { background-image:url("../images/phone.png"); }
.pic1 { background-image:url("../images/phone1.png"); }
.pic2 { background-image:url("../images/phone2.png"); }
.pic3 { background-image:url("../images/pos1.png"); }
.pic4 { background-image:url("../images/pos2.png"); }
.pic5 { background-image:url("../images/pos3.png"); }
.pic6 { background-image:url("../images/pos4.png"); }
.wawa{
z-index: 100;
max-width: 600px;
position:absolute; top:50px; left:450px;
}

h1{
font: bold 40px Helvetica, Arial, Sans-serif; text-shadow: 0px 2px 6px #333; color:#eee; margin-bottom: 10px;}
#btxt{
font: bold 18px Helvetica, Arial, Sans-serif; color:#000;}

/************************************************************* navs *************************************************************/
#navs{
width: 200px;
float:left;
	margin: 20px 0;
}
#navs ul{
	list-style-type: none;
	margin: 0px;
	text-align: left;
}
* html #navs ul{ /*IE only rule. Delete extra margin-bottom*/
	margin-bottom: 0;
}
#navs ul li{
	display:inline;
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:20px;
	line-height:10px;
	color:#FFFFFF;
}
#navs ul li a{
width: 100%;
	float:left;
	margin: 6px 0px;
	padding: 16px; 
	vertical-align:middle;
	text-align:center;
	text-decoration: none;
	color:#0088CC;
	background-color:#FFFFFF;
	border: 1px solid;
		     -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    border-radius: 100px;
}
#navs ul li span a{
	margin: 6px 0px;
	padding: 16px;
	font-weight: bold;
	text-transform:uppercase;
	color:#00CCFF;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: left center;
	border: 1px solid #00CCFF;
	background-image: url(../images/arrow.png);
}
#navs ul li a:hover{
	color:#00CCFF;
	background-color:#FFFFFF;	
	background-repeat: no-repeat;
	background-position: left center;
	border: 1px solid #00CCFF;
	background-image: url(../images/arrow.png);
	border: 1px solid #00CCFF;
}