body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

p {
color:#369ac9;
padding:0;
margin:0;
}

h1 {
}

h2 {
}

a {
color:#000000;
text-decoration:none;
font-size:10px;
}

a:hover {
color:#7dbad7;
}

a img{
border:0;
}

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

#container {
width:800px;
margin-left:auto;
margin-right:auto;
}

#header {
height:90px;
border-bottom:1px solid #7dbad7;
margin-bottom:10px;
}

#logo {
width:200px;
height:90px;
float:left;
}

#header-nav {
padding:70px 0 0 0;
float:right;
text-align:right;
}

/* navigation starts here */
#nav {
width:180px;
float:left;
clear:both;
margin-right:10px;
}
#nav ul {
margin:0;
padding:0;
white-space: nowrap;
}
#nav li {
list-style-type: none;
display: inline;
}
#nav li a {
width:155px;
height:55px;
padding: 10px 0 0 25px;
background: url('images/nav-button.gif');
margin-bottom:3px;
text-decoration: none;
float: left;
clear: both;
color:black;
}
#nav li a:link a:visited {
color: black;
}
#nav li a:hover {
color:white;
background:url('images/nav-button-over.gif');
}
#nav-colour {
width:180px;
float:left;
clear:both;
margin:3px 0 3px 0;
background-color:#d8eaf3;
}

/* Content starts here */
#content {
width:610px;
float:left;
}

#content a {
color:#000000;
text-decoration:underline;
font-size:11px;
}

#content a:hover {
color:#7dbad7;
}

#welcome {
width:400px;
float:left;
}
#head {
width:100%;
height:20px;
margin-bottom:10px;
padding-top:5px;
border-bottom:1px solid #7dbad7;
}

#suppliers {
width:200px;
margin-left:10px;
float:left;
}

#flash {
width:608px;
height:214px;
border:1px solid #7dbad7;
padding:0;
margin:0;
}

#gmap {
width: 250px;
height:500px;
float:right;
margin-left:10px;
}

/*Footer starts here */
#footer {
width:780px;
height:70px;
border-top:1px solid #7dbad7;
margin-top:10px;
clear:both;
text-align:center;
padding:10px;
}

.foot {
color:#000000;
text-decoration:none;
font-size:10px;
}