/******************************************************************************
 * Generic CSS
 *****************************************************************************/
body {
	font-family: Arial, Verdana, sans-serif; 
	text-align:center; margin:0px auto 0px auto; padding:0px; border:0px;
	background-color:#ffffff;
	font-size:11px; color:#000000;
	background-image:url(../images/body-bg.jpg);
	background-repeat:repeat-x;
}

* html body {
	text-align: center; /* IE 5 centering */
}

/******************************************************************************
* GENERIC FORMATTING
*****************************************************************************/
p { }

a { }

h2 { }

h3 { }

img { border:none; margin:0px; padding:0px; }

/******************************************************************************
* wrapper
*****************************************************************************/
div#wrapper {
	width:800px; height:611px; margin:0px auto 0px auto;
	background-image:url(../images/wrapper-bg.gif);
	background-repeat:no-repeat;
	background-color:#ffffff;
}

* html div#wrapper {
	text-align: left; /* Win IE 5 left align after centering */
}

/******************************************************************************
* header
*****************************************************************************/
div#header {
	position:relative; float:left; width:800px; height:68px;
}

a.logo {
	display:block; position:relative; float:left; clear:none;
	width:164px; height:68px;
}


/******************************************************************************
* mainNav
*****************************************************************************/
ul#mainNav {
	position:relative; float:right;
	list-style:none; height:25px; padding:0px; margin:35px 0px 0px 0px;
	/* font-size:13px; font-weight:bold; */
}

ul#mainNav li {
	display:block; float:left; height:25px; margin:0px; padding:0px 10px 0px 10px;
	background-image:url(../images/mainNav-sep.gif);
	background-repeat:no-repeat; background-position:right center;
	background-position:right top;
}

ul#mainNav li.last { background-image:none; }

ul#mainNav li a {
	display:block; height:25px;
}
	
ul#mainNav li a:hover {
	text-decoration:underline;
}

ul#mainNav li a.current { background-position:0px -25px; }

ul#mainNav li#home a {
	width:64px;
	background-image:url(../images/mainNav_home.gif);
}

ul#mainNav li#about a {
	width:87px;
	background-image:url(../images/mainNav_about.gif);
}

ul#mainNav li#hot a {
	width:107px;
	background-image:url(../images/mainNav_hot.gif);
}

ul#mainNav li#contact a {
	width:225px;
	background-image:url(../images/mainNav_contact.gif);
}

ul#mainNav li a span { display:none; }

/******************************************************************************
* topSpace
*****************************************************************************/
div#topSpace {
	position:relative; float:left; width:800px; height:14px;
}

div#topSpace.home {
	background-image:url(../images/topSpaceHome-bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

/******************************************************************************
* mainBody
*****************************************************************************/
div#mainBody {
	position:relative; float:left; width:800px; height:458px;
}

div#mainLeft {
	position:absolute; left:27px; top:11px; width:485px; height:436px;
}

html>body div#mainLeft img { margin-top:0px; }

div#mainLeft img { margin-top:0px; }

div#mainRight {
	position:absolute; left:515px; top:0px; width:269px; height:458px; 
}

html>body div#mainRight { top:0px; }

div#mainRightHome {
	width:269px; height:458px;
	background-image:url(../images/mainRightHome-bg.jpg);
	background-repeat:no-repeat;
}

div#mainRightText {
	padding:190px 48px 0px 36px; text-align:left;
}

div#mainRightHome p {
	margin:5px 0px 0px 0px;
}

div#mainRightAboutUs {
	padding:30px 35px 0px 30px; text-align:left;
}

div#mainRightAboutUs h1 {
	font-size:18px; margin:10px 35px 10px 0px;
	font-weight:normal;
}

div#mainRightAboutUs p {
	margin:0px 0px 10px 0px;
	line-height:12px;
}

div#mainRightWhatsHot {
	padding:30px 0px 0px 0px; text-align:left; height:428px;
	background-image:url(../images/mainRightWhatsHot-bg.jpg);
	background-position:bottom right; background-repeat:no-repeat;
}

div#mainRightWhatsHot h1 {
	font-size:18px; margin:10px 35px 10px 30px;
	font-weight:normal;
}

div#mainRightWhatsHot p {
	margin:0px 35px 10px 30px;
}

div#mainRightContact {
	padding:30px 35px 0px 30px; text-align:left; height:428px;
}

div#mainRightContact h1 {
	font-size:18px; margin:10px 0px 10px 0px;
	font-weight:normal;
}

div#mainRightContact p {
	margin:0px 0px 10px 0px;
}

div#mainRightContact p a {
	color:#000000;
}

div#mainRightContact p.dayOfWeek span { width:60px; display:block; float:left; }

img.contactInfozure {
	margin:30px 0px 0px 24px;
}

/******************************************************************************
* bottom
*****************************************************************************/
div#bottom {
	position:relative; float:left; width:800px; height:33px;
}

/******************************************************************************
* footer
*****************************************************************************/
div#footer {
	position:relative; float:left; width:800px; height:38px; text-align:center;
}

div#footer p {
	font-size:10px; margin-top:20px;
	color:#666666;
}

div#footer p a {
	color:#666666;
}

/******************************************************************************
* contact page
*****************************************************************************/
div#mainLeft.contact {
	background-image:url(../images/mainLeftContact.jpg);
}

div#contactThumbs {
	margin-left:28px; margin-top:3px;
}

html>body div#contactThumbs { margin-top:6px; }

a.contactThumb {
	display:block; float:left; width:67px; height:61px; margin-right:5px;
}

div#contactThumbs a {
	display:block; float:left; width:67px; height:61px; margin-right:5px;
}

a.ct_001_off { background-image:url(../images/contact_th_001_off.jpg); }
a.ct_002_off { background-image:url(../images/contact_th_002_off.jpg); }
a.ct_003_off { background-image:url(../images/contact_th_003_off.jpg); }
a.ct_004_off { background-image:url(../images/contact_th_004_off.jpg); }
a.ct_005_off { background-image:url(../images/contact_th_005_off.jpg); }
a.ct_006_off { background-image:url(../images/contact_th_006_off.jpg); }

a.ct_001_on { background-image:url(../images/contact_th_001_on.jpg); }
a.ct_002_on { background-image:url(../images/contact_th_002_on.jpg); }
a.ct_003_on { background-image:url(../images/contact_th_003_on.jpg); }
a.ct_004_on { background-image:url(../images/contact_th_004_on.jpg); }
a.ct_005_on { background-image:url(../images/contact_th_005_on.jpg); }
a.ct_006_on { background-image:url(../images/contact_th_006_on.jpg); }

/******************************************************************************
* home page form
*****************************************************************************/
form#index_form {
	display:block; float:left; width:269px; margin:10px 0px 0px 0px;
	text-align:left;
	background-image:url(../images/form-bg.gif);
	background-repeat:no-repeat;
	background-position:18px 0px;
}

form#index_form div {
	display:block; float:left; 
}

form#index_form div#form_outer { width:220px; margin-left:15px; }
html>body form#index_form div#form_outer { margin-left:36px; }

div#mainRightHome form#index_form div#form_outer {  margin-left:18px; }
html>body div#mainRightHome form#index_form div#form_outer {  margin-left:36px; }

form#index_form input { font-size:11px; }

form#index_form input#firstName { width:185px; }
form#index_form input#surname { width:185px; }
form#index_form input#email { width:185px; }

form#index_form div.error input { border:1px solid #ff0000;   }

form#index_form label {
	display:block; float:left; width:200px;
	margin-top:1px;
}

form#index_form div#submit_button {
	display:block; float:right;
	margin:5px 0px 0px 0px; 
	padding-right:43px;
}

html>body form#index_form div#submit_button {
	padding-left:0px;
}

form#index_form input.button { }

p.success {
	padding:10px 48px 0px 36px; text-align:left;
}

/******************************************************************************
* email notice
*****************************************************************************/
body#notice {
	font-family: Arial, Verdana, sans-serif; 
	text-align:center; margin:0px auto 0px auto; padding:0px; border:0px;
	background-color:#8f8f8f;
	font-size:11px; color:#000000;
	background-image:url(../images/body-bgNotice.jpg);
	background-repeat:repeat-x;
}

div#wrapperNotice {
	width:800px; height:611px; margin:0px auto 0px auto;
	background-image:url(../images/wrapper-bgNotice.jpg);
	background-repeat:no-repeat;
	background-color:#ffffff;
}

div#floatNotice {
	width:256px; height:318px; margin:134px 0px 0px 131px;
	background-image:url(../images/floatNotice-bg.gif);
	background-repeat:no-repeat; float:left;
	background-color:#ffffff;
}
html>body div#floatNotice {  margin:134px 0px 0px 262px; }

div#floatNotice-i {	
	width:220px; padding:60px 20px 30px 20px; float:left;
}

div#floatNotice-i p {
	text-align:left; font-family:Verdana, Geneva, sans-serif; font-size:11px;
}