@charset "UTF-8";

/* CSS Document */

body { background: url(images/bg.jpg) repeat-x #0087B1; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#fff }

p { line-height:20px; font-size:0.7em }

.intro { font-size:0.75em; }

.footertext { line-height:18px; font-size:0.8em; text-align:center; color:#005B77; padding:0; margin:0; }

.footertextsmall { line-height:18px; font-size:0.7em; text-align:center; color:#005B77; }

a.links { color:#CCC; text-decoration:none; }

a.footertextsmall { line-height:18px; font-size:0.9em; text-align:center; color:#005B77; text-decoration:none; }

.copy { line-height:12px; font-size:0.7em; text-align:right; color:#fff; padding:0; margin:0; }

.contacttext { font-size:0.8em; font-weight:bold; }

h1 { color:#042D3A; font-size:1.1em; margin:5px 0; }

.h1-under { color:#95DEF5; font-size:0.9em; font-weight:lighter; padding:0; margin:0; }

.h2-under { color:#000; font-size:0.8em; font-weight:lighter; }

.h1-head { color:#95DEF5; font-size:1.1em; margin:5px 0; }

h2 { color:#95DEF5; font-size:0.95em; margin:5px 0; }

.border { width:666px; overflow:hidden; border-bottom:1px dashed #FFFFFF; border-top:1px dashed #FFFFFF; padding:10px 0; margin-bottom:20px; }

.bordersmall { width:250px; overflow:hidden; border-bottom:1px dashed #FFFFFF; padding:1px 0; margin:0 20px 0 0; float:right; }

.li-norm { font-size:0.7em; color:#FFF; line-height:22px; }

.p-under { padding:0; margin:0; color:#95DEF5; font-size:0.95em; }

a { color:#FFF; }

a:hover { color:#ccc; text-decoration:none; }

.title { font-size:0.9em; font-weight:bold; color:#003; }

.bold { font-weight:bold; }

/*Design div id tags */
#header { position:relative; display:table; margin:0 auto; width:1000px; height:158px; background-image:url(images/Surrey-Glazing-header.jpg) }

.logo { float:left; width:309px; height:61px; margin:40px 0 0 30px; }

.numbers { float:right; width:507px; height:40px; margin:64px 45px 0 0; }

#flashcontain { margin:0 auto; width:1000px; height:234px; clear:both; }

#flashleft { float:left; width:513px; height:234px; background-image:url(images/flash-left.jpg) }

#flash { float:left; width:452px; height:234px; }

#flashright { float:left; width:35px; height:234px; background-image:url(images/flash-right.jpg) }

#flashstrip { margin:0 auto; width:1000px; height:7px; background-image:url(images/flash-bottom.jpg) }

#navigation { margin:0 auto; width:965px; height:33px; clear:both; padding-left:35px; }

#boxcontain { margin:0 auto; width:1000px; height:169px; overflow:hidden; }

#boxcontain p { margin:0px; padding:0px; }

#contactbox { float:left; width:246px; height:159px; background-image:url(images/contactbg.jpg); padding:10px 0 0 28px; }

.box { float:left; width:239px; height:169px; }

#maincontain { margin:0 auto; width:1000px; height:auto; overflow:hidden; }

#logos { float:left; width:264px; height:auto; padding:20px 0 0 10px; }

#logos2 { float:left; width:294px; height:auto; }

#main { float:right; width:696px; height:auto; padding:15px 20px 20px 10px; }

#main2 { float:right; width:666px; height:auto; padding:15px 20px 20px 10px; }

#basefooter { margin:0 auto; width:1000px; clear:both; text-align:center; font-size:0.7em; color:#FFF; padding:5px; }

/* sprites */
#nav { width:965px; height:33px; background:url(images/nav-sprite.gif); margin:0; padding:0; position:relative; }

#nav li { margin:0; padding:0; list-style:none; position:absolute; top:0; }

#nav li, #nav a { height:33px; display:block; }

#panel1b { left:127px; width:106px; }

#panel1bpage { left:127px; width:106px; background: transparent url(images/nav-sprite.gif) -127px -33px no-repeat; }

#panel2b { left:233px; width:206px; }

#panel2bpage { left:233px; width:206px; background: transparent url(images/nav-sprite.gif) -233px -33px no-repeat; }

#panel3b { left:439px; width:194px; }

#panel3bpage { left:439px; width:194px; background: transparent url(images/nav-sprite.gif) -439px -33px no-repeat; }

#panel4b { left:633px; width:205px; }

#panel4bpage { left:633px; width:205px; background: transparent url(images/nav-sprite.gif) -633px -33px no-repeat; }

#panel5b { left:838px; width:125px; }

#panel5bpage { left:838px; width:125px; background: transparent url(images/nav-sprite.gif) -838px -33px no-repeat; }

#panel1b a:hover { background: transparent url(images/nav-sprite.gif) -127px -33px no-repeat; }

#panel2b a:hover { background: transparent url(images/nav-sprite.gif) -233px -33px no-repeat; }

#panel3b a:hover { background: transparent url(images/nav-sprite.gif) -439px -33px no-repeat; }

#panel4b a:hover { background: transparent url(images/nav-sprite.gif) -633px -33px no-repeat; }

#panel5b a:hover { background: transparent url(images/nav-sprite.gif) -838px -33px no-repeat; }

.none { display:none; }

/*footer*/
#footer { margin:0 auto; width:1000px; height:167px; background-image:url(images/footerbg.jpg); clear:both; }

#footermain { float:left; width:1000px; height:85px; padding-top:25px; }

#copy { float:left; width:960px; height:57px; padding-right:40px; }

#footer ul { padding:0; margin:0; line-height:18px; text-align:center; }

#footer li { padding: 0 5px 0 0; list-style:none; display:inline; font-size:0.7em; border-right: 1px solid #fff; }

/*php forms*/
.form { padding:0; margin:0; font-size:0.8em; }

.formheader { color:#FFF; font-size:0.95em; font-weight:bold; }

.formreduction { padding:0px; margin:0px; }

.formstyle { width:220px; background-color:#FFF; margin-bottom:5px; border:1px solid #b6b6b6; color: #6b6b6b; }

.formbottons { width:228px; margin-top:3px; color:#000; }

.formbottons2 { width:228px; margin:1px; color:#000; }

.form1 { font-size:0.75em; color:#000000; padding:0px; margin:0px; font-weight:bold; }

.form2 { width:167px; background-color:#e6e6e6; padding:2px; margin-left:15px; border: 1px solid #b6b6b6; color: #6b6b6b; }

.formstyle2 { width:120px; background-color:#4d5256; padding:2px; border: 1px solid #333333; color: #FFFFFF; font-size:1.3em; }

.formstyle3 { width:225px; background-color:#4d5256; padding:1px; margin-bottom:3px; border:1px solid #333333; color:#FFFFFF; font-size:0.7em; }

.contactformbox { border:1px solid #000066; width:220px; font-size:0.7em; font-family:Arial, Helvetica, sans-serif; padding:2px; }

.formstylex { width:168px; background-color:#ffffff; padding:1px; margin-bottom:3px; border: 1px solid #b2afaf; color: #333; }

.phpstyle4 { color:#008000; }

.phpstyle3 { color:#c33131; }

.tickyellowbox { background-color: #eff6ef; border:1px solid #008000; }

.tickredbox { background-color:#f9eaea; border: 1px solid #c33131; }

.linkbox { width:90%; border:1px #fff solid; padding:10px 0; color:#333333; font-size:0.69em; text-align:center; }

.resourcebox { width:90%; height:115px; border:1px #fff solid; margin:10px 0; }