body { margin: 0; padding: 0; font-size: 10px; background-color:#CCFFFF; }
acronym { cursor: pointer; }
img { border: none; }
p { margin: 0; }

table {padding:0; margin:0;}
td {padding:0}

/*Layout*/
#wrapper { position: absolute; min-width: 100%; }
#menu_wrapper { background: url(../images/nav/nav_0.png); }
#menu { width: 110.02em; margin-right: auto; margin-left: auto; }
#menu .item { position: relative; z-index: 2; float: left; }
#menu a { display: block; width: 9em; height: 5em; font: 1.5em verdana; line-height: 5em; vertical-align: middle; font-weight: bold; text-align: center; text-decoration: none; color: #888; }
#menu .title { position: absolute; top: 8.5em; width: 11.2em; padding: 1em; background: #fff99d; border: 1px solid #ffe250; font: 1em verdana; color: #222; }
#menu .split { display: block; float: left; width: .2em; height: 7.5em; }
#menu_shadow { height: 7.5em; background: url(../images/menu_shadow.png) bottom repeat-x; }

#midlink {left:0; width:100%; height:52px; text-align:center; background: url(../images/nav/nav_0.png);}
#main_menu {padding:0; margin:0; list-style-type:none; width:1052px; height:50px; background:url(../images/nav/nav_0.png) no-repeat top right;}
#main_menu li {float:left; display:inline; width:200px; background:url(../images/nav/nav_1.png);}
#main_menu li a, #main_menu li a:visited {display:block; width:200px; height:50px; color:#ddd; font-size:1.32em; text-decoration:none; line-height:46px; font-family:arial, verdana, sans-serif; background:url(../images/nav/nav_0a.png);}
#main_menu li a:hover {color:#fff;  background:url(../images/nav/nav_1.png);} 
#main_menu li a.chosen, #main_menu li a.chosen:visited,  #main_menu li a:active, #main_menu li a:focus {color:#fff;  background:url(../images/nav/nav_2.png);} 
#main_menu li.java a:hover {color:#fff;  background:url(../images/nav/nav_1b.png);} 


#wrapper2 { position: absolute; min-width: 100%; padding-top:4.72em; }
#menu_wrapper2 { background: url(../images/nav/nav_02.png); }
#menu2 { width: 110.02em; margin-right: auto; margin-left: auto; }
#menu2 .item { position: relative; z-index: 2; float: left; }
#menu2 a { display: block; width: 9em; height: 5em; font: 1.5em verdana; line-height: 5em; vertical-align: middle; font-weight: bold; text-align: center; text-decoration: none; color: #888; }
#menu2 .title { position: absolute; top: 8.5em; width: 11.2em; padding: 1em; background: #fff99d; border: 1px solid #ffe250; font: 1em verdana; color: #222; }
#menu2 .split { display: block; float: left; width: .2em; height: 7.5em; }
#menu2_shadow { height: 7.5em; background: url(../images/menu_shadow.png) bottom repeat-x; }

#midlink2 {left:0; width:100%; height:32px; text-align:center; background: url(../images/nav/nav_02.png);}
#main_menu2 {padding:0; margin:0; list-style-type:none; width:1052px; height:30px; background:url(../images/nav/nav_02.png) no-repeat top right;}
#main_menu2 li {display:inline; width:600px; background:url(../images/nav/nav_12.png);}
#main_menu2 li a, #main_menu2 li a:visited {display:block; width:600px; height:30px; color:#fff; font-size:1.32em; text-decoration:none; line-height:26px; font-family:arial, verdana, sans-serif; background:url(../images/nav/nav_02a.png);}
#main_menu2 li a:hover {color:#000;  background:url(../images/nav/nav_12.png);} 
#main_menu2 li a.chosen, #main_menu2 li a.chosen:visited,  #main_menu2 li a:active, #main_menu2 li a:focus {color:#ff0000;  background:url(../images/nav/nav_22.png);} 
#main_menu2 li.java a:hover {color:#ff0000;  background:url(../images/nav/nav_12b.png);} 




#scene { height: 18em; background: url(../images/logo-bg.png) bottom; }
#scene h1 { position: relative; z-index: 1; top: 2em; width: 30.1em; height: 12.8em; margin-right: auto; margin-bottom: 0; margin-left: auto; font-size: 1em; padding:0; text-indent: -1000em; }
#scene h3 { position: relative; z-index: 1; margin-right: auto; margin-bottom: 0; margin-left: auto; font-size: 1em; padding:0; text-indent: -1000em; }

#access_out { position: relative; width: 80em; height: 5.2em; margin-right: auto; margin-left: auto; }
#scale_area { position: absolute; bottom: 0; width: 100%; height: 20px; }
#scale_knob { width: 60px; height: 20px; background: url(../images/slider_bg.png); cursor: pointer; }

#buttons { position: relative; width: 90em; height: 6.7em; margin-right: auto; margin-left: auto; }
#buttons_position { position: absolute; top: -.8em; }

#blocks { width: 90em; margin-top: 3em; margin-right: auto; margin-left: auto; padding-bottom: 3em; }

.grass_wrapper { position: relative; }
.grass { position: absolute; z-index: 99; width: 100%; height: 42px; }

#grey { padding-bottom: 3em; background: #282828 url(../images/grey_bg.gif) top repeat-x; }

#bottom { width: 90em; }
#bottom .menu { float: left; width: 23.1em; margin-left: 1.9em; border-left: .1em solid #363536; }
#bottom .menu .top { height: 51px; }
#bottom .menu .middle { min-height: 139px; }
#bottom .menu .bottom { height: 68px; margin-top: -.1em; }
#bottom .pad { width: 11.7em; margin: 0 6.7em 0 4.7em; }
#bottom .menu h1 { margin: 0 0 1em 0; padding-bottom: 0.7em; font: 1.2em verdana; text-align: center; color: #fff; }
#bottom .menu span { display: block; height: 2.1em; margin: .1em; background: #282828; font: 1em verdana; line-height: 2.1em; vertical-align: middle; text-align: center; text-decoration: none; color: #8ab12e; cursor: pointer; }
#bottom .menu .split { margin: .1em 0 .1em 0; height: 2px;}
#bottom .content { float: right; width: 64.7em; }

#footer { width: 100%; padding: 1.5em 0 2em 2em; background: #508fa5 url(../images/footer-bg.gif) top repeat-x; }
#footer p {font: 1em verdana; line-height: 2.7em; margin-left: 3em; vertical-align: middle; color: #fff; }

/*Main Content*/
.main { width: 85em; margin-right: auto; margin-left: auto; padding: 2em; background: #f1fcfe; border-right: 1px solid #c0b5b5; border-left: 1px solid #c0b5b5; }
.main a { font: 1.3em verdana; text-decoration: none; color: #6d2e2e; }
.main a:hover { color: #ff0909; }
.main fieldset { margin: 1em 0 1em 0; padding: 1em 2em 1em 2em; background: #f4f4f4; border: 1px solid #cfcfcf; }
.main fieldset p { margin: 1em 0 1em 0; font: 1.3em trebuchet ms; line-height: 2em; color: #444; }
.main h1 {font: 1.9em tahoma; font-weight: bold; color: #1153a7; }
.main h1 a { font-size: 1em; font-weight: bold; color: #3e81c1; }
.main h1 a:hover { text-decoration: underline; }
.main h2 {font: 1.9em tahoma; font-weight: bold; color: #1153a7; }
.main h2 a { font-size: 1em; font-weight: bold; color: #3e81c1; }
.main h2 a:hover { text-decoration: underline; }
.main h3 {font: 1.7em tahoma; font-weight: bold; color: #049bb6; }
.main h4 {font: 1.5em tahoma; font-weight: bold; color: #fcce49; }
.main h5 {font: 1.3em tahoma; font-weight: bold; color: #396dae; }
.main img { padding: .2em; background: #faf7ec; border: 1px solid #cfcfcf; }
.main company { background:url(../images/wollaston.jpg) right top no-repeat; }
.main p { margin: 1em 0 1em 0; font: 1.2em verdana; line-height: 2em; color: #102031; }
.main p a, .main span a, .main b { font-size: 1em; }
.main ol, ul { margin: .8em 0 .8em 0; padding: 0; }
.main ol li { min-height: 2.2em; list-style-position: inside; font: 1.3em trebuchet ms; line-height: 1.7em; color: #444; }
.main ol li a, .main ul li a { font-size: 1em; }
.main span { font: 1.2em verdana; line-height: 1.8em; color: #444; }
.main ul li { min-height: 2.2em; padding-left: 2em; list-style-type: none; left:.6em; font: 1.3em trebuchet ms; line-height: 1.7em; color: #444; }
.main .cap:first-letter { font-size: 1.5em; }

.main2 { width: 85em; margin-right: auto; margin-left: auto; padding: 2em; background: #f1fcfe; border-right: 1px solid #c0b5b5; border-left: 1px solid #c0b5b5; }
.main2 a { font: 1.3em verdana; text-decoration: none; color: #6d2e2e; }
.main2 a:hover { color: #ff0909; }
.main2 h1 {font: 1.9em tahoma; font-weight: bold; color: #1153a7; }
.main2 h1 a { font-size: 1em; font-weight: bold; color: #3e81c1; }
.main2 h1 a:hover { text-decoration: underline; }
.main2 h2 {font: 1.7em tahoma; font-weight: bold; color: #049bb6; }
.main2 h3 {font: 1.5em tahoma; font-weight: bold; color: #fcce49; }
.main2 h4 {font: 1.3em tahoma; font-weight: bold; color: #396dae; }
.main2 img { padding: .2em; background: #faf7ec; border: 1px solid #cfcfcf; }
.main2 company { background:url(../images/wollaston.jpg) right top no-repeat; }
.main2 p { margin: 1em 0 1em 0; font: 1.2em verdana; line-height: 2em; color: #102031; }
.main2 p a, .main span a, .main b { font-size: 1em; }
.main2 ol, ul { margin: .8em 0 .8em 0; padding: 0; }
.main2 ol li { min-height: 2.2em; list-style-position: inside; font: 1.3em trebuchet ms; line-height: 1.7em; color: #444; }
.main2 ol li a, .main ul li a { font-size: 1em; }
.main2 span { font: 1.2em verdana; line-height: 1.8em; color: #444; }
.main2 ul li { min-height: 2.2em; padding-left: 2em; list-style-type: none; left:6em; font: 1.3em trebuchet ms; line-height: 1.7em; color: #444; }
.main2 .cap:first-letter { font-size: 1.5em; }

/*RE-USEABLE ELEMENTS*/

/*Headers*/
.header { position: relative; z-index: 2; height: 4.65em; }
.header .top { height: 4.65em; background: url(../images/header_top.png) top repeat-x; }
.header .bottom { height: 4.65em; background: url(../images/header_bottom.png) bottom repeat-x; }
.header h1 { height: 2em; width: 37.3em; margin: 0; margin-right: auto; margin-left: auto; font: 2.3em century gothic; line-height: 1.95em; vertical-align: middle; text-indent: -1000em; color: #c3ff00; }

.header2 { position: relative; z-index: 2; height: 4.8em; }
.header2 .top { height: 4.8em; background: url(../images/header_top.png) top repeat-x; }
.header2 .bottom { height: 4.8em; background: url(../images/header_bottom.png) bottom repeat-x; }
.header2 h1 { height: 2em; width: 37.5em; margin: 0; margin-right: auto; margin-left: auto; font: 2.4em century gothic; line-height: 2em; vertical-align: middle; text-indent: -1000em; color: #c3ff00; }

/*Buttons*/
.button_wrapper { float: left; width: 21.3em; height: 7.5em; margin-left: 6.18em; background: url(../images/button_shadow.png) center top no-repeat; border: .1em solid #edecec; }
.button { width: 21.3em; height: 7.5em; }
.button_wrapper .blue { background: url(../images/button_blue.png) center bottom repeat-x; }
.button_wrapper .green { background: url(../images/button_green.png) center bottom repeat-x; }
.button_wrapper .orange { background: url(../images/button_orange.png) center bottom repeat-x; }
.button a { display: block; width: 21.3em; height: 7.5em; }

/*Boxes*/
.box { float: left; width: 26.7em; margin-left: 2.25em; }
#blocks .blue { background: #def2f5 url(../images/box_blue_top.png) center top no-repeat; border: .1em solid #ddf2f5; }
#blocks .green { background: #dfe6e9 url(../images/box_green_top.png) center top no-repeat; border: .1em solid #e6f4f9; }
#blocks .orange { background: #e0ebf5 url(../images/box_orange_top.png) center top no-repeat; border: .1em solid #d2e9fa; }
.box .inner { min-height: 18.3em; }
#blocks .blue .inner { background: url(../images/box_blue_bottom.png) right bottom no-repeat; }
#blocks .green .inner { background: url(../images/box_green_bottom.png) center bottom no-repeat; }
#blocks .orange .inner { background: url(../images/box_orange_bottom.png) left bottom no-repeat; }
#blocks h1 { width: 85%; margin-top: .75em; margin-right: auto; margin-left: auto; margin-bottom: 0; padding-bottom: .4em; font: 2em verdana; line-height: 1em; font-weight: bold; text-align: center; }
#blocks .blue h1 { border-bottom: 1px solid #1153a7; color: #1153a7; }
#blocks .green h1 { border-bottom: 1px solid #049bb6; color: #049bb6; }
#blocks .orange h1 { border-bottom: 1px solid #102031; color: #102031; }
.box .pad { width: 85%; margin-top: 1em; margin-right: auto; margin-left: auto; }
.box img { float: left; width: 5em; height: 5em; margin: 0 1em 1em 0; }
.box p { font: 1.2em verdana; line-height: 1.5em; text-align: justify; color: #444549; }
.box a { text-decoration: none; color: #649fcb; }

/*Portfolio*/
#portfolio_holder { overflow: hidden; width: 55em; height: 22.8em; margin: 7em 0 6em 0;  margin-right: auto; margin-left: auto; }
.portfolio_wrapper { float: left; width: 54.8em; background: #2d2d2d; border: .1em dotted #444; }
.protfolio_outer { margin: .2em; background: #222; border: .1em solid #161616; }
.portfolio_inner { margin: 1.1em 1.2em 1.1em 1.2em; padding: .2em; background: #3a3a3a; border-top: .1em solid #444; border-right: .1em solid #161616; border-bottom: .1em solid #161616; border-left: .1em solid #444; }
.portfolio_inner img { width: 51.2em; height: 14.9em; margin-bottom: .1em; border-bottom: .1em solid #000; }
.portfolio_inner .desc { padding-bottom: .2em; background: #161616 }
.portfolio_inner .logo_bg { padding: .8em 1em .8em 1em; }
.portfolio_inner h1 { float: left; margin: 0; font: 1.8em trebuchet ms; font-weight: bold; color: #ffd042; }
.portfolio_inner a { float: right; margin-top: .2em; font: 1.1em trebuchet ms; font-weight: bold; text-decoration: none; color: #fff; }
.portfolio_inner a:hover { background: none; text-decoration: underline; }

/*Paging*/
#paging a { padding: 0 .3em 0 .3em; border-top: 1px solid #f7f7f7; border-right: 1px solid #e7e7e7; border-bottom: 2px ridge #e7e7e7; border-left: 1px solid #c0b5b5; color: #649fcb; }

/*Forms*/
button { display: block; margin-top: 1em; background: #f9f9f9; border-top: 2px outset #b4b4b4; border-right: 2px ridge #dbdbdb; border-bottom: 2px ridge #dbdbdb; border-left: 1px solid #b4b4b4; font: 1.2em arial; font-weight: bold; color: #222; }
form { margin: 0; padding: 0; }
form .blue { font-weight: bold; color: #4a97dd; }
label { display: block; float: left; width: 37%; font: 1.1em verdana; line-height: 2em; color: #222; }
option { background: #f9f9f9; }
select { display: block; float: left; width: 62.5%; height: 1.8em; margin: 0 0 .5em 0; padding-top: .2em; background: url(../images/input_bg.gif) bottom repeat-x; border-top: 1px solid #b4b4b4; border-right: 1px inset #dbdbdb; border-bottom: 2px ridge #dbdbdb; border-left: 1px solid #b4b4b4; font: 1.3em arial; line-height: 1.6em; font-weight: bold; color: #444; }
select:focus { border-color: #c2d5e9; }
textarea { width: 97%; padding: .4em .3em .0em .3em; background: #fff url(../images/input_bg.gif) bottom repeat-x; border-top: 1px solid #b4b4b4; border-right: 1px solid #dbdbdb; border-bottom: 2px ridge #dbdbdb; border-left: 1px solid #b4b4b4; font: 1.3em arial; line-height: 1.6em; font-weight: bold; color: #444; }
textarea:focus { background: #fff url(../images/input_bg_hover.gif) bottom repeat-x; border-top: 1px solid #c2d5e9; border-right: 1px solid #e4eef9; border-bottom: 2px dotted #c2d5e9; border-left: 1px solid #c2d5e9; }

/*Classes*/
.centered_content { margin-right: auto; margin-left: auto; }
.clear { clear: both; }
.left { float: left; }
.red { color: #d71818 !important; }
.right { float: right; }
.width { width: 90em; }

/*IE6 Fixes*/
html>body .grass { bottom: -42px; background: url(../images/blugrassdown.png) top repeat-x; }
html>body .grassdown { bottom: -40px; background: url(../images/blugrass.png) top repeat-x; }
html>body .header .comments { background: url(../images/comments.png) left center no-repeat; }
html>body .header .portfolio { background: url(../images/port.png) left center no-repeat; }
html>body .header .about { background: url(../images/about.png) left center no-repeat; }
html>body .header .options { background: url(../images/options.png) left center no-repeat; }
html>body .header .services { background: url(../images/serv.png) left center no-repeat; }
html>body .header .design { background: url(../images/design.png) left center no-repeat; }
html>body .header .development { background: url(../images/development.png) left center no-repeat; }
html>body .header .seo { background: url(../images/seo.png) left center no-repeat; }
html>body .header .ppc { background: url(../images/ppc.png) left center no-repeat; }
html>body .header .brief { background: url(../images/brief.png) left center no-repeat; }
html>body .header .quote { background: url(../images/quote.png) left center no-repeat; }
html>body .header .contactus { background: url(../images/contactus.png) left center no-repeat; }
html>body .header .guarantee { background: url(../images/guarantee.png) left center no-repeat; }
html>body .header .submitted-brief { background: url(../images/sub-brief.png) left center no-repeat; }
html>body .header .submitted-quote { background: url(../images/sub-quote.png) left center no-repeat; }
html>body .header .newsletter { background: url(../images/newsletter.png) left center no-repeat; }
html>body .header .report-seo { background: url(http://www.great-white.co.uk/images/report-seo.png) left center no-repeat; }

html>body .button .quote { background: url(../images/button_quote.png) center center no-repeat; }
html>body .button .brief { background: url(../images/button_brief.png) center center no-repeat; }
html>body .button .call { background: url(../images/button_call.png) center center no-repeat; }