﻿html,
body 
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:100%;
   text-align:left;
   margin:0;
   background:url(../images/others/bg.jpg) no-repeat;
   background-attachment :fixed;
}
#container 
{
   width:940px;
   min-height:100%;
   position:relative;
   margin-left:auto;
   margin-right:auto;
   min-height:2000px;
}
#header {
   padding:10px;
}
#body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
}


/********  HEADER  ********/
#container #header {
	height:138px;
}

#container #header #logo {
	margin: 5px 0 0 0;
	padding:0;
	width:400px;
	float:left;
}

#container #header #header_flash1 
{
  	width:215px;
	height:138px;
	float:left;
}

#container #header #header_flash2 
{
  	width:215px;
	height:138px;
	float:right;
}

#container #header #right {
	width:254px;
	height:138px;
	float:right;
}

#container #header #right #headernav {
	width:254px;
}

#container #header #right #headernav ul {
	margin:0;
	padding:0 0 0 12px;
	list-style-type:none;
}

#container #header #right #headernav ul li {
	margin:0;
	padding:0;
	display:inline;
	float:left;
}

#container #header #right #headernav ul li a {
	color:#ffffff;
	font-size:0.8em;
	padding-left:8px;
	padding-right:8px;
	line-height:2.5em;
	text-decoration:none;
	border-right:1px solid #ffffff;
}

#container #header #right #headernav ul li a:hover {
	text-decoration:underline;
}

#container #header #right #telno {
	height:70px;
	margin-top: 20px;
	text-align: right;
}

#container #header #right #telno p {
	font-size:1.6em;
	color:#c1ec6b;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
}

#container #header #right #telno p span {
	color:#ffffff;
	font-size:0.63em;
	font-weight:normal;
}

#container #header #right #telno .facebook {
	padding:5px;
}

#container #header #right #telno .twitter {
	padding:5px;
}

/********  MAIN NAV  ********/
#container #main_nav {
	height:41px;
	background-color:#9DD449;
	padding-left:0px;
	margin-bottom:0px;
	margin-top:10px;
	font-size:0.875em;
}

#container #main_nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#container #main_nav ul li {
	margin:0;
	padding:0;
	display:inline;
	float:left;
}

#container #main_nav ul li a {
	color:#ffffff;
	text-decoration:none;
	line-height:41px;
	display:block;
	padding-left:13px;
	padding-right:13px;
}

#container #main_nav ul li a:hover, #container #main_nav ul li a.selected {
	color:#3399cc;
}

#container #main_nav ul li.buyBtn a {
	width:206px;
	margin:7px 0 0 52px;
	padding:0;
	display:inline;
	float:left;
}


/********  RIGHT COLUMN  ********/
#container #right_column {
	float:right;
	width:220px;
}

#container #right_column .starpack {
	margin-left:37px;
}

#container #right_column #contact_form {
	background:url(../img/contact_form_footer.gif) no-repeat bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}

#container #right_column #contact_form #contact {
	width:183px;
	height:210px;
	border-left:8px solid #99ccff;
	border-right:9px solid #99ccff;
	background:url(../img/contact_form_bg.gif) no-repeat 1px 0px;
	background-color:#ffffff;
	padding:15px 10px 5px 10px;
}

#container #right_column #contact_form #contact form {
	margin:0;
	padding:0;
}

#container #right_column #contact_form #contact label {
	margin-top:4px;
	display:block;
	float:left;
	width:60px;
	font-size:0.75em;
}

#container #right_column #contact_form #contact input {
	float:left;
	width:115px;
	margin-bottom:5px;
	font-size:0.75em;
}

#container #right_column #contact_form #contact table td {
	font-size:0.75em;
}

#container #right_column #contact_form #contact input.small {
	width:20px;
	margin-bottom:5px;
	font-size:0.75em;
}

#container #right_column #contact_form #contact textarea {
	float:left;
	width:115px;
	margin-bottom:5px;
	font-size:0.75em;
}

#container #right_column #contact_form #contact .submitBtn {
	width:104px;
}

#container #right_column #contact_form #contact p {
	margin:0;
	padding:0;
}

#container #right_column #brochure_download {
	height:220px;
	margin-top:10px;
	margin-bottom:10px;
}


/********  FOOTER  ********/

#footer_container {
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:0px;
	background:url(../img/footer_bg.jpg) repeat-x 0 0;
	background-color:#ffffff;
}

#footer_container #footer {
	width:940px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	height:160px;
}

#footer_container #footer #footer_right .facebook {
	padding:5px;
}

#footer_container #footer #footer_right .twitter {
	padding:5px;
}

#footer_container #footer #footer_left {
	float:left;
	width:75%;
	margin-top: auto;
	margin-left:auto;
}

#footer_container #footer #footer_left p {
	margin:0;
	padding:4px 0;
}

#footer_container #footer #footer_left p.tel {
	font-size:1.00em;
	font-weight:bold;
	color:#689c22;
}

#footer_container #footer #footer_left p.details {
	font-size:0.75em;
	color:#000000;
}

#footer_container #footer #footer_left ul {
	margin:0;
	padding:6px 0;
	list-style-type:none;
	font-size:0.75em;
}

#footer_container #footer #footer_left ul li {
	margin:0;
	padding:0;
	display:inline;
	float:left;
}

#footer_container #footer #footer_left ul li a {
	color:#689c22;
	text-decoration:none;
	padding-left:8px;
	padding-right:8px;
	border-right:1px solid #000000;
}

#footer_container #footer #footer_right {
	float:right;
	width:25%;
	text-align:right;
	margin-top:auto;
	margin-right:auto;
}

#footer_container #footer #footer_right p {
	padding:0;
	margin:6px 0 0 0;
	font-size:0.75em;
    height: 19px;
}

#footer_container #footer #footer_right p a {
	color:#689c22;
	text-decoration:none;
}

#footer_container #footer #footer_right p a:hover {
	text-decoration:underline;
}
