/*
      Created by Ibrar Hussain of Freeman Holland Ltd
	  
	  E-Mail: ibrar@freemanholland.com
	  	  
*/

/* <BASIC STRUCTURE> */

* { padding: 0; margin: 0; }

body {
 font-family: Verdana;
 font-size: 11px;
}

.left{float:left;}.right{float:right;}
a{color:#95002e; text-decoration:underline}
a:hover{text-decoration:none}

h1, h2, h3, h4, h5 {margin-bottom:5px}

h1{color:#95002e; font-size:27px; font-weight:normal; margin-bottom:8px}
h2{color:#fff; font-size:17px;}
h3{color:#95002e; font-size:14px; font-weight:normal;}
h4{color:#95002e; font-size:18px; font-weight:normal;}

.minusleft7px{margin-left:-7px}
.marginbottom5px{margin-bottom:5px; margin-top:-5px}

/* </BASIC STRUCTURE> */

 /********************************************
   WRAPPER
********************************************/ 

#wrapper { 
 margin: 0 auto;
 width: 964px;
}

 /********************************************
   TOP HEADER
********************************************/ 

#top-header {
 color: #333;
 height: 108px; 
 width: 963px
}

#top-left-header{
 width: 666px;
 height: 108px
}

#top-left-header img{border:0}

#top-right-header{
height:75px;
padding-top:33px;
width:292px;
}

input{
 /**border: 1px solid 0;~**/
}

.bulletpoints{}
#left-bullets{width:430px;}



.email {
background:url("images/email.png") no-repeat scroll left top transparent;
color:#777777;
font-size:14px;
height:22px;
line-height:24px;
padding:0 10px;
width:179px;
}

.login {
 background:url(images/login.png) no-repeat;
 padding: 5px;
 cursor:pointer;
 width: 75px; 
 height: 20px;
 vertical-align:middle
}

.submit {
 background:url(images/submit.png) no-repeat;
 padding: 5px;
 cursor:pointer;
 width: 75px; 
 height: 20px;
 vertical-align:middle;
 float:right;
 margin-right:20px
}

.cases {
 width: 205px; 
 height: 410px;
}

 /********************************************
   BOTTOM HEADER
********************************************/ 

#bottom-header {
 color: #333;
 width: 964px; 
 height: 208px
}

#bottom-left-header{
 height: 208px; 
 width: 667px; 
}

#bottom-right-header{
 height: 170px; 
 width: 238px;
 background:url('images/bottom-rightbg.jpg');
 padding:38px 23px 0 30px;
 color:#fff;
 font-size:11px;
 line-height:28px
}

#bottom-right-header ul{
margin:14px 14px 14px 20px;
line-height:17px;
}

#bottom-right-header p{font-family:"Century Gothic"; font-size:24px}

.textbox{width: 167px; padding:3px}

 /********************************************
   NAVIGATION
********************************************/ 

#navigation {
 color: #fff;
 padding: 9px;
 margin: 0px 0px 0px 0px;
 background:url('images/nav-bg.jpg');
 height: 14px; 
 width: 946px;
 font-size:11px
}

#navigation ul {
 margin-top:1px
}

#navigation li {
 display:inline;
 float:left;
 text-align:center;
}

.nav a {text-decoration:none;color:#fff;}
.nav a:hover {color:#000}

#navigation ul {width:950px; height:19px}

.home {width:70px}
.about {width:100px}
.howwework {width:120px}
.consumer {width:125px}
.foodservice{width: 137px}
.hospitality {width:115px}
.corporate{width:142px}
.contact {width:108px}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #322d29; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: black;
width: 200px;
visibility: hidden;
background:#fff;
margin-top:8px;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #322d29; /*THEME CHANGE HERE*/
padding: 4px;
text-decoration: none;
color: #742678;
font-size:10px;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color: #000;
}

 /********************************************
   CONTENT WRAPPER
********************************************/ 

#content-wrapper { 
 float: left;
 width:964px;
 background:url("images/faux.jpg") repeat scroll 0 0 #FFFFFF
}


 /********************************************
   LEFT COLUMN
********************************************/ 

#leftcolumn { 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 20px 10px 10px 10px;
 width: 647px;
 float: left;
 background:url("images/site-bg.jpg") no-repeat scroll 0 0 #FFFFFF;
 min-height:585px;
}

.no-ullinks li{
list-style:none;
margin-left:-13px;
}

.image-boxes{width:620px;}

.image-boxes img{width:100px; margin:10px}
.image-boxes a{clear:both}

 /******************************************** BREADCRUMB ********************************************/ 

#breadcrumb { 
 color: #333;
 width: 647px;
 float: left;
 margin-bottom:15px
}

#leftcolumn ul{ 
margin-left:15px;
line-height:19px
}

 /********************************************
   RIGHT COLUMN
********************************************/ 

#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 display: inline;
 line-height:14px;
 padding:20px 8px 23px 15px;
 width:262px;
}

.border{border-bottom:1px solid #b4b4b4; width:210px; margin:15px 0 15px 0}
.rightpadding{padding-left:20px}
.right-box p{margin-top:3px;margin-bottom:3px}

#rightcolumn ul{ 
margin-left:15px;
line-height:19px
}


#contact-map { 
 width:290px;
 height:284px;

}


#address-map { 
 width:300px;

}

 /********************************************
   FOOTER
********************************************/ 

#footer { 
 clear: both;
 color: #fff;
 background:url('images/nav-bg.jpg');
 margin: 0px 0px 10px 0px;
 padding: 10px;
 width: 944px; 
 height: 11px;
 font-size:11px
}

#footer a{ 
 color: #fff;
}

.contact-form input{padding:3px; width:300px}
.contact-form ul{margin-bottom:10px; list-style:none}

 /********************************************
   DECLARATION
********************************************/ 

#declaration { 
 clear: both;
 width:960px;
 margin:auto;
 text-align:right;
 font-size:11px
}

label{width:100px; float:left;}
tr{height:40px;}