/* Style sheet for Integra Web Design */

* {margin:0;
   padding:0;
}

html, body {font-family:Lydian,Verdana,Arial,Sans-serif; font-size:small;  line-height:1.2; color:#33406a;
background: #f7f7f7 url(../Images/redesign/a1.gif) repeat-x;
}

/* Layout styles */

#pagewidth { width:770px; margin:0 auto; background:#d2e6fa url(../Images/redesign/) top left repeat-y;
}

#header { width:100%; height:150px; background-color:#fff; background-image: url(../Images/redesign/header1.png);
}

#container {clear:both; margin:3em 0 1em;
}

#sidecola {float:right; width:160px;
}

#sidecolb {float:right; width:140px;
}

#affil {margin-top:1em;}
#affil img {margin:10px auto;}

#maincol {margin:0 320px 0 10px;
}

.imgrt { float:right; margin:10px;}
.imglt { float:left; margin:10px;}
td {font-size:90%;}
#prices {width:350px; margin-left:20px;}
.content {margin:5px;font-size:90%}
p {margin:1em 0;}
.inset p {margin:0.5em;}
.sidebox {width:120px;margin-bottom:10px;}
.indent {margin-left:2em;}
#footer {clear:both;
}

#address {margin-left:5em; list-style-type:none;}
#address li {background-color:transparent;}
#botnav {background-color:#3c4b7d; color:#fff; margin:0 165px; padding:5px; text-align:center;}
#map {float:left; width:160px;}
#copy {float:right; width:160px; font-size:70%;}

/* heading styles */

h1 {float:left; margin:10px 0 0 35px;}
h2 { clear:left; float:left; margin:20px 0 25px 75px; font-family:arial,sans-serif; font-size:140%; font-weight:bold; color:#fff;}
h4 {background-color:#339; color:#fff; text-align:center; font-size:105%;}

/* Logo image replacement*/

h1 {width:200px;
    padding: 50px 0 0 0;
    overflow: hidden;
    background-image: url(../Images/logo6.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:50px; /* for IE5.5's bad box model */
}

/* navigation styles */

.topnav {float:right;background-color:#3c4b7d;color:#fff;width:100%;text-align:right;}
.topnav span {margin:10px;}
#mainnav, #designnav, #legalnav, #othernav {list-style-type:none; text-align:center;}

ul li {background-color:transparent; padding:0.25em 0 0.25em 1em; text-align:left;}

/* Link colours */

a.b:link {color: #333399; font-weight: bold; text-decoration: none;}
a.b:visited {color: #5528e1; font-weight: bold; text-decoration: none;}
a.b:hover {color: #b9050a; font-weight: bold; text-decoration:underline;}
a.b:active {color: #d21e64; font-weight: bold; }

a.mh:link {color: #ffffff; font-weight: bold; text-decoration: none;}
a.mh:visited {color: #4691af; font-weight: bold; text-decoration: none;}
a.mh:hover {color: #b9050a; font-weight: bold; text-decoration:underline;}
a.mh:active {color: #d21e64; font-weight: bold; }

/* Font styles */

strong.first {font-size:110%; font-weight:bolder;}

/* List styles */

dl {}
dt {}
dd {margin-left:5em;}

/*  Box styles  */

.sidebox h4, #botnav { background: url(../Images/redesign/box1top.png) top right no-repeat;}
/*.sidebox ul { background: url(../Images/redesign/box1sides.png) top left repeat-y;}*/
div.sidebox { background: url(../Images/redesign/box1.png) bottom left no-repeat;}

#botnav { background: #3c4b7d url(../Images/redesign/box1top.png) top right no-repeat;}

/* Miscellaneous rules */

.inset {border:2px solid #339;}
.clr {clear:both;}