@import url("reset.css");

/* HTML TAG STYLES
------------------------------------------------------- */
html{}
body { 
	 background:#000 url(../images/bg_body.jpg) top repeat-x;
	color:#000; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:18px;
	text-align:center; }
body#bodysign{
	background:#000 url(../images/bg_bodysign.jpg) center top repeat-x;
	color:#000; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:18px;
	text-align:center;
}
table, td { border-collapse:collapse; vertical-align:top; }
dl {
	height:30px;
}
dt {
	display:block;
	float:left;
	height:23px;
	line-height:23px;
	padding-right:10px;
	width:100px;
}

dd {
display:block;
float:left;
width:400px;
}

p { margin:0px; padding: 0px 0px 15px 0px; text-shadow:#fff 0 1px 1px; }
p.work em {
  margin-left:10px;
	display:block;
}

h1, h2, h3, h4, h5, h6, form {margin:0; padding:0;}
a:focus, input, textarea, select { outline:none; }
input[type=text]{ height:14px; width:178px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
select{height:21px; margin-right:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
a:link, a:visited { color: #235a74; outline:none; text-decoration: none; }
a:hover, a:active { color:#235a74; outline:none; text-decoration: underline; }


/* ----------------------------------------------------
	COMMON STYLES
------------------------------------------------------- */
.clr { clear:both; font-size:0px; margin:0; padding:0; line-height:0; border:0; visibility:hidden; }
.line { border-top:1px solid #c1dff9; clear:both; height:14px; }
.align_left { text-align:left; }
.align_right { text-align:right; }
.align_center { text-align:center; }
.valign_top { vertical-align:top; }
.valgin_middle { vertical-align:middle; }
.float_left { float:left; }
.float_right { float:right; }
.hide{ display:none;}
/* @@@[ Form Element styles ]@@@ */


/* @@@[ Image styles ]@@@ */
.imgBorder { border:1px solid #1e62bb;}
.imgLeft { float:left; margin:2px 10px 10px 0px; }
.imgRight { float:right; margin:2px 0px 10px 10px; }

/* @@@[ Text & Headings styles ]@@@ */
.require{ color: red; }
.uppercase {font-variant:small-caps;}
.tiny_text {font-size:9px;}
h3 { color:#235a74; font-size:20px; margin-bottom:28px; padding-top:20px; font-weight: bold; font-family:Geneva, Arial, Helvetica, sans-serif ;text-shadow:#fff 0 1px 1px;}
h2 { color:#235a74; font-size:18px; margin-top:10px; margin-bottom:15px; font-weight: bold; font-family:"Times New Roman", Times, serif;text-shadow:#fff 0 1px 1px;}
h1 { color:#235a74; font-size:20px; margin-top:10px; margin-bottom:15px; font-weight: bold; font-family:"Times New Roman", Times, serif;text-shadow:#fff 0 1px 1px; text-transform:uppercase; word-spacing:17px; text-align:center;}

/* @@@[ List styles ]@@@ */


/* ----------------------------------------------------
	MAIN SITE STRUTURE
------------------------------------------------------- */
#mainwrapper {margin:0 auto; width:987px;}
.wrapped{width:965px; float:left; text-align:left;}
.header{ background:url(../images/bg_header.jpg) no-repeat ; background-position:276px 45px; height:174px;}

#mainwrapper_sign {
	width:980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.wrapped_sign{
	width:959px;
	float:left;
	text-align:left;
}
.header_sign{ background:url(../images/bg_header_sign.jpg) no-repeat ; background-position:265px 45px; height:208px;}

.flash_home{}
.header_home{ background:url(../images/bg_headerhome.jpg) top left no-repeat;  height:45px;
position:relative; width:736px; float:left;}
.header_home .nav{ position:absolute; top:0;left:297px; float:none; padding-left:0;}
.header_home .logo{ position:absolute; top:0; left:0;}
.right_home_content{ width:196px; height:570px; background:url(../images/right_home_cont.jpg); float:right;
position:relative; padding:170px 20px 0 24px; color:#fff; font-size:13px; text-align:left}
.right_home_content .joingroup{ position:absolute; top:0; left:0;}
.right_home_content .btn{ padding:10px 0 0px 0; margin-bottom:70px; display:block;}
.nav {display:block; height:45px;float:left; background:url(../images/nav.jpg) no-repeat right; width:440px; padding-left:22px;}
.nav li {display:block; float:left; height:45px;}
.nav li a {display:block; text-indent:-9999em; overflow:hidden; position:relative; height:45px;}
.nav li#nav_item1 a, .nav li#nav_item2 a, .nav li#nav_item3 a, .nav li#nav_item4 a {background:url(../images/nav.jpg);}

.nav li#nav_item1 a:link, .nav li#nav_item1 a:visited {width:63px; background-position:0 -45px;}
.nav li#nav_item1 a:hover {background-position:0px 0px;}
.nav li#nav_item1 a.active, .nav li#nav_item1 a.active {background-position:0px 0px;}

.nav li#nav_item2 a:link, .nav li#nav_item2 a:visited {width:140px; background-position:-63px -45px;}
.nav li#nav_item2 a:hover {background-position:-63px 0px;}
.nav li#nav_item2 a:active, .nav li#nav_item2 a.active {background-position:-63px 0;}

.nav li#nav_item3 a:link, .nav li#nav_item3 a:visited {width:154px; background-position:-203px -45px;}
.nav li#nav_item3 a:hover {background-position:-203px 0;}
.nav li#nav_item3 a:active, .nav li#nav_item3 a.active {background-position:-203px 0;}

.nav li#nav_item4 a:link, .nav li#nav_item4 a:visited {width:83px; background-position:-357px -45px;}
.nav li#nav_item4 a:hover {background-position:-357px 0;}
.nav li#nav_item4 a:active, .nav li#nav_item4 a.active {background-position:-357px 0;}

/* ----------------------------------------------------
	WEB CONTENT STYLES
------------------------------------------------------- */
.content{ background:#B9BBC0; padding-left:40px; padding-right:30px; padding-top:20px; }
.title{ padding:18px 0 0 39px; height:53px; background:url(../images/bg_title.jpg); }
.footerSub{ background: #B9BBC0 url(../images/bg_bottom1.jpg) bottom no-repeat; padding-bottom:70px; margin-bottom:30px; min-height:400px;}
.footerSign{
	background: #B9BBC0 url(../images/bg_bottom_sign.jpg) bottom no-repeat;
	padding-bottom:80px;
	margin-bottom:30px;
}
.Hippocrates{ padding-right:10px;}
.bigImage{ padding:0 28px 10px;}

br{ line-height:7px;}
.aries{ background:url(../images/bg_aries.jpg); width:245px;}
.taurus{ background:url(../images/bg_taurus.jpg); width:246px;}
.gemini{ background:url(../images/bg_gemini.jpg); width:249px;}
.cancer{background:url(../images/bg_cancer.jpg) ; width:245px;}
.leo{background:url(../images/bg_leo.jpg);width:246px;}
.virgo{background:url(../images/bg_virgo.jpg); width:249px;}
.libra{background:url(../images/bg_libra.jpg); width:245px;}
.scop{background:url(../images/bg_scorpio.jpg); width:246px;}
.sag{background:url(../images/bg_sag.jpg);width:249px;}
.cap{background:url(../images/bg_cap.jpg);width:245px;}
.aqua{background:url(../images/bg_aqua.jpg); width:246px;}
.pis{background:url(../images/bg_pisces.jpg);width:259px; padding-right:30px !important;}


.sign{ float:left; height:132px; position:relative; padding:190px 40px 0 33px;}
.textSign{ background:#b9bbc0 url(../images/bg_textsign.jpg) repeat-x bottom; padding:25px 50px 25px 23px; }
.textSign p {width:750px;}
.drink{ position:absolute; top:11px; left:216px;}
.star{position:absolute; top:70px; left:46px;}
.button{position:absolute; top:125px; left:46px;}
.available{ position:absolute; top:0; left:0;}
.herbal img{padding:2px; border:1px solid #fff; }
.herbal th{padding-right:10px; vertical-align:top}
.herbal td{ padding-right:30px;}

.contactform { margin-left:200px;}

.btn_send { width:81px; height:25px; background:url(../images/btn_send.jpg); border:none;}
.btn_reset{ width:81px; height:25px; background:url(../images/btn_reset.jpg);border:none;}

.sign_herb{ float:left; width:415px; padding-right:30px;}
.sign_herb img{padding:2px; border:1px solid #fff; margin-right:10px; float:left; }
.bottomImage{ text-align:center; padding-top:20px;}
.bottomImage img{padding:2px; border:1px solid #fff; margin:0 auto; }
#credits_sign  {
	text-align: center;
	color: #235A74;
	clear: both;
}
#contact #credits {
	margin-top: 100px;
}
#credits {
	text-align: center;
	color: #235A74;
	position: relative;
	top: 100px;
}
#paypal-sign {float:right; width:100px; margin-top:-100px;}
#paypal-title {float:right; width:100px; margin-top:-40px; margin-right:60px;}