body {
font-family: arial;
font-size: 12px;
font-weight: none;
color: #363637;

}



h1 {
font-size: 18px;
font-weight: none;
margin-top: 5px;
margin-bottom: 3px;
font-family: arial;
color: #003b74;
}
#callusicon {
width: 197px;
height: 196px;
background-image: url("images/callusicon.gif");
background-position: top center;
background-repeat: no-repeat;
}

.strapline {
text-align: center;
margin-right: auto;
margin-left: auto;
color: #ffffff;
}

h2 {
font-size: 18px;
font-weight: none;
margin-top: 4px;
margin-bottom: 3px;
margin-left: 0px;
font-family: arial;
color: #003b74;
}

h3 {
font-size: 12px;
font-weight: none;
margin-top: 4px;
margin-bottom: 1px;
margin-left: 0px;
font-family: arial;
color: #003b74;
}

#pagewidth {
width: 920px;
margin-right: auto;
margin-left: auto;
}

#pagewidth2 {
width: 920px;
margin-right: auto;
margin-left: auto;
background-image: url('page.gif');
background-repeat: repeat-y;
background-position: top center;

top: 15px;
}


#header {
height: 109px;
width: 920px;
margin-bottom: 15px;
}

#logo {
width: 246px;
height: 109px;
float: left;
position: relative;
background-image: url("images/logo.gif");
background-position: top center;
background-repeat: no-repeat;

}

#headerimages {
width: 674px;
height: 106px;
float: right;
position: relative;
background-image: url("images/header.jpg");
background-position: top center;
background-repeat: no-repeat;
margin-top:12px;
}

#topnav {
height: 25px;
width: 920px;
background-color: #003b74;
margin-bottom: 14px;
position: relative;
font-size: 14px;
color: #ffffff;
text-align: center;
line-height: 25px;
overflow:hidden;
}

#leftnav {
width: 197px;
float: left;
position: relative;
font-size: 14px;
background:#003B74;
}

#topcontent {
width: 714px;
float: right;
position: relative;
font-size: 13px;
}

#bottomcontent {
width: 714px;
float: right;
position: relative;
margin-top: 18px;
}

#footer {
height: 23px;
width: 920px;
background-color: #7e8083;
clear: both;
text-align: center;
line-height: 23px;
font-weight: bold;
font-size: 16px;
}

#navcontainer { width: 200px;
margin-top:5px;
}
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
margin-top:0px;
margin-bottom:5px;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 182px;
margin-left: 4px;
border-bottom: 1px solid #003b74;
background:#003B74;
}

#navcontainer a:link, #navlist a:visited
{
color: #ffffff;
text-decoration: none;
}

#navcontainer a:hover
{
background: #faab56 url("images/hover.gif") left center no-repeat;
color: #003b74;
}

#homepagebutton {
float: left;
position: relative;
left: 40px;
}

#contactusbutton {
float: left;
position: relative;
left: 120px;
}

#aboutusbutton {
float: left;
position: relative;
left: 200px;
}

#gallerybutton {
float: left;
position: relative;
left: 280px;
}

#promisebutton {
float: left;
position: relative;
left: 360px;
}

#newsbutton {
float: left;
position: relative;
left: 440px;
}

#topnav a:link {color: #ffffff; text-decoration: none; }
#topnav a:active {color: #ffffff; text-decoration: none;}
#topnav a:visited {color: #ffffff; text-decoration: none;}
#topnav a:hover {color: #faab56; text-decoration: strong;}

#designerframesicon {
width: 197px;
height: 154px;
background-image: url("images/designerframesicon.gif");
background-position: top center;
background-repeat: no-repeat;
}



#topcontentleft {
width: 501px;
float: left;
position: relative;
}

#topcontentright {
width: 184px;
float: right;
position: relative;
}

#videobkgrnd {
width: 499px;
height: 206px;
float: left;
position: relative;
background-image: url("images/videobkgrnd.gif");
background-position: top center;
background-repeat: no-repeat;
}

#video {
width: 242px;
height: 200px;
background-image: url("images/video.gif");
margin-top: 5px;
margin-left: 5px;
background-position: top center;
background-repeat: no-repeat;
float: left;
position: relative;
}

#videotext {
width: 231px;
height: 198px;
float: right;
position: relative;


}

#viewvideos {
width: 117px;
height: 25px;
background-image: url("images/viewvideos.gif");
background-position: top center;
background-repeat: no-repeat;
float: right;
position: relative;
margin-right: 6px;
cursor: pointer;
}

#brands {
width: 148px;
float: left;
position: relative;

}

#medglasses {
width: 410px;
float: left;
position: relative;

}

#medglassesdescription {
width: 154px;
float: right;
position: relative;
}



#medglassesdescriptionbox {
width: 154px;
height: 172px;
float: right;
position: relative;
}

ul .listed{
margin:5px 0;
padding:0;
}

li .listed{
margin:-5px 15px;
padding:0;
}