body { font-family:Helvetica, Arial, sans-serif; background: url(oxford-science-park-images/bg.png) repeat top center; margin-top:0px; }
p {font-size:12px; margin-top:0px; margin-left:0px; margin-right:0px;  margin-bottom:8px; color:#444444; }
a {color:#003067; text-decoration:none; }
a:hover { color:#003067; text-decoration:underline; }
ul,ol { font-size:12px; list-style: none; margin-top:0px; margin-left:0px; padding-left:0px;}

/* generic divs */	
#container { width:960px; margin-left:auto; margin-right:auto;}
#topleft { float:left; position:relative; width:460px; height:50px; }
#topright { float:left; position:relative; width:500px; height:50px; }
#strip { float:left; position:relative; width:960px; height:85px; margin-bottom:20px; background: url(oxford-science-park-images/bg-strip.png) repeat top left;}
#logo { position:absolute; left:148px; top:0px; width:324px; height:85px; }
#menu { float:left; position:relative; width:150px; margin-right:10px; min-height:300px; }
#feature { float:left; position:relative; width:800px; height:265px; margin-bottom:20px; background-color:#d1d1d1; }
#content-holder { float:left; position:relative; width:800px; }
#content-aerial { float:left; position:relative; width:800px; height:450px; background: url(oxford-science-park-images/bg-aerial-photo.jpg) no-repeat top left;}
#content { float:left; position:relative; width:470px; margin-right:38px; overflow:hidden;}
#content-image { float:left; position:relative; width:470px; margin-bottom:10px;}
#content-image800 { float:left; position:relative; width:800px; margin-bottom:10px;}
#right { float:right; position:relative; width:282px; margin-top:0px; padding:10px 10px 5px 0px; margin-bottom:10px; background: url(oxford-science-park-images/bg-right.jpg) repeat top left; }
#right-image { float:right; position:relative; width:292px; margin-top:0px; margin-bottom:10px; }
#sitemap-col { float:left; position:relative; width:200px; margin-top:0px; margin-bottom:10px; }
#right-parklife { float:right; position:relative; width:285px; margin-top:0px; padding:7px 7px 0px 0px; margin-bottom:10px; background: url(oxford-science-park-images/bg-pls.png) no-repeat top left; }
#footer { float:left; position:relative; width:960px; margin-top:30px; background: url(oxford-science-park-images/bg-footer.png) no-repeat top left;}
#footermenu { float:left; position:relative; width:98px; margin-top:12px; margin-right:14px; height:115px; border-right: 1px solid #cccccc; padding:0px 5px 0px 0px; }
#footermenuend { float:left; position:relative; width:98px; margin-top:12px; margin-right:14px; height:115px; padding:0px 5px 0px 0px; }
#footerlogo { float:left; position:relative; width:142px; padding:132px 0px 0px 18px; height:40px; }
#footertext { float:left; position:relative; font-size:11px; color:#003067; width:550px; padding-top:12px; }
#footertextright { float:left; position:relative; font-size:11px; text-align:right; color:#003067; width:232px; padding-top:24px; padding-right:18px; }

/* table divs */
ul.table { font-size:11px; color:#444444; margin:0px; padding:0px; list-style: none; }
li.grey145 { float:left; margin-left:0px; padding:6px 0px 6px 10px; list-style:none; width:135px; border-top: 1px solid #999999; background: url(oxford-science-park-images/bg-availability.jpg) no-repeat bottom left;}
li.grey60 { float:left; margin-left:0px; padding:6px 0px 6px 0px; list-style:none; width:60px; border-top: 1px solid #999999; background: url(oxford-science-park-images/bg-availability.jpg) no-repeat bottom left;}
li.white145 { float:left; margin-left:0px; padding:6px 0px 6px 10px; list-style:none; width:135px; border-top: 1px solid #999999; }
li.white60 { float:left; margin-left:0px; padding:6px 0px 6px 0px; list-style:none; width:60px; border-top: 1px solid #999999; }
li.header145 { float:left; margin-left:0px; padding:6px 0px 6px 10px; list-style:none; width:135px; }
li.header60 { float:left; margin-left:0px; padding:6px 0px 6px 0px; list-style:none; width:60px; }
li.white162 { float:left; margin-left:0px; padding:6px 0px 6px 0px; list-style:none; width:162px; border-top: 1px solid #999999; }
li.header162 { float:left; margin-left:0px; padding:6px 0px 6px 0px; list-style:none; width:162px; }
li.blank { float:left; margin-left:0px; padding:6px 0px 6px 0px; list-style:none; width:470px; border-top: 1px solid #999999; }

/* but divs */
#morebut {  position:absolute; font-size:12px; color:#ffffff; text-align:center; margin-top:-6px; margin-left:6px; display: block; padding:3px 3px 0px 3px; width:48px; height:20px; background-color:#99ca3c;}
#morebut:hover { background-position: 0px 0px; text-decoration:underline; }
#backbut { float:left; font-size:14px; color:#ffffff; text-align:center; margin-top:6px; margin-left:0px; display: block; padding:6px 6px 6px 6px; background-color:#99ca3c;}
backbut:hover { background-position: 0px 0px; text-decoration:underline; }

/* colour divs */	
#about { position:absolute; left:160px; top:0px; width:300px; height:38px; background-color:#0083cb; }
#property { position:absolute; left:160px; top:0px; width:300px; height:38px; background-color:#99ca3c; }
#facilities { position:absolute; left:160px; top:0px; width:300px; height:38px; background-color:#00aeef; }
#companies { position:absolute; left:160px; top:0px; width:300px; height:38px; background-color:#f0609b; }
#directions { position:absolute; left:160px; top:0px; width:300px; height:38px; background-color:#c02941; }
#news { position:absolute; left:160px; top:0px; width:300px; height:38px; background-color:#e87c1e; }
#contact { position:absolute; left:160px; top:0px; width:300px; height:38px; background-color:#00427a; }

/* text divs */	
.section { color:#ffffff; font-size:21px; margin-top:0px; padding:6px 10px 0px 10px; margin-bottom:0px; font-weight:normal; }
.topleft { color:#003067; text-align:left; font-size:11px; margin-top:25px; margin-bottom:0px; }
.parklife { color:#003067; padding:50px 10px 5px 0px;}
.footerhead { color:#ffffff; text-align:left; font-size:13px; margin-bottom:3px; }
.footerlink a { color:#ffffff; text-align:left; font-size:10px; line-height:10px;}
.footerlink a:hover { color:#ffffff; text-decoration:underline; }

h1 { color:#003067; font-size:30px; margin-top:0px; margin-bottom:10px; font-weight:normal; }
h2 { color:#003067; font-size:18px; margin-top:0px; margin-bottom:5px; font-weight:normal; }
h3 { margin:0px; font-weight:normal; }
h4 { color:#444444; font-size:14px; margin-top:5px; margin-bottom:5px; font-weight:normal; }

.about { font-size:21px; margin-bottom:5px; color:#0083cb; }
.property { font-size:21px; margin-bottom:5px; color:#99ca3c; }
.property2 { font-size:16px; margin-bottom:1px; color:#99ca3c; }
.facilities { font-size:21px; margin-bottom:5px; color:#00aeef; }
.companies { font-size:21px; margin-bottom:5px; color:#f0609b; }
.directions { font-size:21px; margin-bottom:5px; color:#c02941; }
.news { font-size:21px; margin-bottom:5px; color:#e87c1e; }
.contact { font-size:21px; margin-bottom:5px; color:#00427a; }

#menu-home { color:#003067; font-size:18px; margin:0px; font-weight:normal; padding:2px 0px 2px 0px;}
#menu-about { color:#0083cb; font-size:18px; margin:0px; font-weight:normal; text-decoration:none; padding:2px 0px 2px 0px;}
#menu-property { color:#99ca3c; font-size:18px; margin:0px; font-weight:normal; text-decoration:none; padding:2px 0px 2px 0px;}
#menu-facilities { color:#00aeef; font-size:18px; margin:0px; font-weight:normal; text-decoration:none; padding:2px 0px 2px 0px;}
#menu-companies { color:#f06d9b; font-size:18px; margin:0px; font-weight:normal; text-decoration:none; padding:2px 0px 2px 0px;}
#menu-directions { color:#c02941; font-size:18px; margin:0px; font-weight:normal; text-decoration:none; padding:2px 0px 2px 0px;}
#menu-news { color:#e87c1e; font-size:18px; margin:0px; font-weight:normal; text-decoration:none; padding:2px 0px 8px 0px;}
#menu-contact { color:#00427a; font-size:18px; margin:0px; font-weight:normal; text-decoration:none; padding:2px 0px 2px 0px;}

li.menu { color:#444444; font-size:12px; margin-left:8px; margin-right:0px; line-height:15px; font-weight:normal;}
li.menu a { color:#444444;}

li.subbul { margin-left:8px; padding-left:2px; padding-top:2px; list-style:disc;}
li.bul { padding-top:3px;}
ul.bullet { font-size:12px; margin-left:0px; margin-top:5px; color:#444444; padding-left:17px; list-style:url(oxford-science-park-images/bullet.gif);}


/* gallery */

#rotator
{border: 0; cursor: pointer; overflow: hidden; margin: 0px; position: relative; float:left; width: 470px; height: 285px; }

#rotator img
{ border: 0; cursor: pointer; width: 470px; height: 285px;}

.gallerybg{
float:left; position: relative; background: url(oxford-science-park-images/bg-availability.jpg) no-repeat bottom left ; height:130px; width: 470px;
}

.gallerycontainer{ position: relative; }

.thumbnail img{margin: 35px 5px 5px 0;}
.thumbnail:hover{ background-color: transparent; text-decoration: none;}
.thumbnail span{ position: absolute; left: -1000px; visibility: hidden; font-size:12px; color: #444444; text-decoration: none;}
.thumbnail span img{ border-width: 0; padding: 0px; }
.thumbnail:hover span{ visibility: visible; top: -320px; width:470px; height:285px; left: 0px; text-decoration: none;}

.thumbnail2 img{margin: 35px 5px 5px 0;}
.thumbnail2:hover{ background-color: transparent; text-decoration: none;}
.thumbnail2 span{ position: absolute; left: -1000px; visibility: hidden; font-size:12px; color: #444444; text-decoration: none;}
.thumbnail2 span img{ border-width: 0; padding: 0px;}
.thumbnail2:hover span{ visibility: visible; top: -320px; width:470px; height:285px; left: 470px; text-decoration: none;}

.thumbnail3 img{margin: 35px 5px 5px 0;}
.thumbnail3:hover{ background-color: transparent; text-decoration: none;}
.thumbnail3 span{ position: absolute; left: -1000px; visibility: hidden; font-size:12px; color: #444444; text-decoration: none;}
.thumbnail3 span img{ border-width: 0; padding: 0px;}
.thumbnail3:hover span{ visibility: visible; top: -320px; width:470px; height:285px; left: 940px; text-decoration: none;}

#step-holder {padding-top: 10px; float: left; width: 470px;}

/* form */
.cssform p{ width: 300px; clear: left; margin: 0; padding: 5px 10px 5px 10px; padding-left: 140px; border-top: 1px; }
.cssform label{ margin-top: 3px; float: left; margin-left: -140px; width: 140px; }
.cssform input[type="text"]{ width: 250px; }
.cssform textarea{ width: 250px; height: 100px;}