/* 

COMPANY NAME YEAR - OTHER DETAILS

*/

*{ margin: 0pt; padding: 0pt;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, img, form, fieldset, a{ margin: 0; padding: 0; border: 0; }


/* GLOBAL */
a:active{outline:none;}
a:focus{-moz-outline-style:none;}
a{text-decoration:none;}
a:hover{}
p{padding: 0 5px 15px 5px; line-height: 25px;}
strong{}
em{}
h1{font-size: 18px; padding: 12px 0;}
h2{}
h3{}
h4{}
h5{}
h6{}
ul{padding: 0 0 15px 0;}
li{padding: 0px 0 6px 5px; }
img, div { behavior: url(css/iepngfix.htc) }
img{border:none;}
.fr{float:right;}
.fl{float:left;}
.clr{clear:both;}
.ifr{float:right; margin: 0 0 20px 20px;}
.ifl{float:left; margin: 0 20px 20px 0;}
.liststyle{ list-style: none; margin: 0; padding: 0 0 15px 0;}
	.liststyle li{ background-image:url(../Images/bullet.gif); list-style:none; background-repeat: no-repeat; background-position: 0 10%; padding: 3px 0 3px 30px; margin: .4em 0 0 2.5em;}
/* GLOBAL END */


/* LAYOUT START */
body {
background:url(../images/background.jpg); font-family:"Lucida Sans Unicode", Arial, sans-serif; font-size:13px; color:#fff; behavior:url(css/csshover.htc);}
#container{background: url(../images/bg-2.jpg); border: 3px solid #fff; width:945px; margin:0 auto; padding: 20px;}
#header{width: 100%; height: 80px; margin-bottom: 0px; width:945px; margin:0 auto; padding: 20px;}
	.logo{ float: left; width: 670px; }
	.header-text{ float: right;	font-size: 18px; width: 262px;
		
		color: #fff;
		font-size: 14px;
		font-weight: normal;
		text-align: right;
		padding-right: 10px;
		margin-top: 15px;
		
	}
	.header-text span{
		font-size: 22px;
		font-weight: bold;
		color: #fff;
	}
	#header logo{float:right;}
#top{}
/********************** Menu-TOp ***************************/
#nav {
	top: 0px;
	background: top left url(../images/menu_bg.jpg) repeat-x;
	width:100%;
	height: 20px;
	padding-bottom: 20px;
}
#nav ul {
	height:20px;
	line-height:20px;
	text-align:left;
	width: 100%;
	
}
#nav li {
	display: inline;	
}
#nav a {
	color: #888;
	font-size: 15px;
	line-height: 20px;
	padding: 0px 17px;
	text-decoration:none;
}
#nav a:hover { color: #fff; }

/******************************* Content ***************************************************************/
#content{ width: 945px; padding-top: 10px;}
.left{ float: left; width: 220px; }
.left ul{ list-style-type: none; background: #000; padding: 10px 20px; margin: 10px 0px; }
.left ul li{ color: #fff; font-weight: normal; background: url(../images/line.gif) repeat-x bottom;}
.left ul li a{
	/*background: top right url(images/menu-bg.png) repeat-x;*/
    line-height: 25px;	
	display: block;
	color: #fff; 
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
	padding-left: 4px;

}
.left ul li a:hover{
	background-color: #FFF;
	color: #000;
}
.right { width: 700px; float: right;}
.text_pics img{border: 1px solid #f4a64c; }
.right ul{padding-left: 35px;}
.right p,ul { color: #f4a64c;}
.right a{ color: #fff; text-decoration: underline;}
/*** ---------- Offers --------------  **/
.offers{ float: left; width: 100%; padding: 20px 0px; border-bottom: 1px solid #fff;}
.offers-left{ float: left; width: 165px; text-align: center; }
.offers-left img{ border: solid 2px #fff; }
.offers-right{ float: left; width: 450px; padding-left: 10px; }

/********                Menu Page   **********************/
.menu h1{
	color: #F4A64C;
	
	text-align: center;
}
.menu p{
	color: #fff;
	padding: 0;
	font-style:italic;
}
.menu h3{
	color: #F4A64C;
}
.menu h3 span{
	float: right;
}
.menu-left{
	float: left;
	width: 551px;
	margin-left: 10px;
	border-bottom: dotted 1px #F4A64C;
}
.menu-right{
	float: left;
	text-align: right;
	border-bottom: dotted 1px #F4A64C;
	width: 100px;
	margin-left: 1px;
}
/******************************* Header Images (Changing) **********************************************/
.area{ height: 288px; position:relative;	background: #fff; overflow: hidden;}
div.rotator { position: relative; width: 945px;	text-align: center; }
#introslide { background: #000; color: #eee; text-align: center; }
.area img{ width: 945px; height: 288px; }
/*************** END Header Images... **********************************/

#footer{ /*background: url(../images/line.gif) repeat-x top; */ margin-top: 10px;  padding: 12px; font-size: 11px; width:945px; margin:0 auto;}
.footer-left{width: 600px; float: left;}
.footer-left a{padding: 0 4px;color: #888;}
.footer-left a:hover{ color: #fff; }
.footer-right{ width: 300px; float: right; text-align: right; }
.footer-right a{ color: #fff}

/* LAYOUT END */
/******** Product ***********************/
.product{
	text-align:center;
	padding: 3px;
	display:inline-block;
	float:left;
	/*border: 1px solid #a6a2a2;*/
}
.product p{
	text-align: center;
	padding: 0px;
	margin: 0px;
}
.product h3{
	color: #741D26;
	font-weight: normal;
	text-align:left;
}
.prod-img{
	margin: 2px 0px 0px 0px;
	padding: 3px;
	border: 1px solid #ccc;
}

/* CONTACT FORM */
/**************************** Contact Area *****************************/
#contact-area {
	float: left;
	width: 460px;
	margin-top: 25px;
}
#contact-right{
	float: right;
	width: 210px;
	margin-top: 25px;
}
#contact-right img{
	margin: 5px 0;
	border: 1px solid #F4A64C;
}
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 300px;
	font-family: Helvetica, sans-serif;
	color:#28556b;
	margin: 0px 0px 0px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #2777a8;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 7px;
	/*font-size: 1.4em;*/
}
fieldset{
	border: 1px solid #cccccc;
	margin-bottom: 2px;	
	padding-top: 15px;
}
.button{
	border:0; margin:0; padding:0;
	background: #ababab;/*#414141;*/
	color:#fff;
	font-weight:bold;
	padding:4px;
	margin-top: 2px;
	margin-right:1px;
	font-size: 12px;

    text-decoration: none;
}

#validation-message{width: 100%; padding: 20px 0px 20px 110px; margin: 0 0 20px 0; border: 1px solid #800000; color: #800000; background-image:url(../Images/error.png); background-position:center left; background-repeat:no-repeat; background-color: #ffdddd;}
	#validation-message p{ padding: 0 0 0 0;}
#enquiryform{}
#enquiryform table{}
#enquiryform td{}
#enquiryform input.required, #enquiryform textarea.required {background-color: #ffdddd;}
.searchfield{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/* CONTACT FORM END */