body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#515151;}

/*H Tags*/

h1, h2, h3 { font-weight:normal; margin:0px; padding:0px;}

/*Header*/
#headerwrapper { width:100%; height:110px; margin:auto auto; padding:0px;}
#header { width:850px; height:110px; margin:auto auto; padding:3px 0 0 0;}

/*AB Glazing Services Logo*/
#abglazing { width:197px; height:59px; margin:17px 0 0 20px; padding:0px; float:left;}

/*Header Content*/
#profess { width:269px; height:39px; margin:0 0 0 65px; padding:20px 0 0 0; float:left;}
#profess h2 { color:#1d5b81; font-size:16px; text-align:center; font-style:italic;}

/*Contact Details*/
#contactinfo { width:280px; height:70px; margin:0 0 0 15px; padding:0px; text-align:right; float:left;}
#contactinfo h2 { font-size:21px; letter-spacing:2px; color:#88abc2;}
#phone { font-size:42px; color:#2588c4;}
#phone a { color:#2588c4; text-decoration:none;}
#quote { background:url(images/arrow.jpg) no-repeat left; margin:0 0 0 120px;}
#quote a { color:#49708a; font-size:14px; text-transform:uppercase; margin:0px; padding:0px;}

/*Grey Line*/
#greyline { width:100%; height:1px; background-color:#d9d9d9;}

/*Banner*/
#bannerwrapper { width:100%; height:253px; margin:auto auto; padding:0px;}
#banner { background:url(images/banner.jpg) no-repeat; width:850px; height:253px; margin:auto auto; padding:0px;}
#glazelist ul { margin:20px 0 0 30px; padding:38px 0 0 0;}
#glazelist li { font-size:16px; color:#88abc2; list-style:none; margin:11px 0 10px 0; padding:0px;}

/*Glazing Services*/
#glazeservice { width:100%; height:150px; margin:auto auto; margin-top:20px; padding:0px;}
#glazeservice h3 { font-size:21px; text-transform:uppercase; color:#fff; margin:120px 0 0 0; text-align:center;}
#services { width:850px; height:150px; margin:auto auto; padding:0px;}
#boarding { background:url(images/boarding.jpg) no-repeat; width:273px; height:150px; float:left;}
#smashed { background:url(images/smashed.jpg) no-repeat; width:273px; height:150px; margin:0 0 0 15px; float:left;}
#windowrepair { background:url(images/windowrepair.jpg) no-repeat; width:273px; height:150px; margin:0 0 0 15px; float:left;}

/*Main Content*/
#mainWrapper { width:100%; height:auto; margin:auto auto; margin-top:15px; padding:0px;}
#mainContent { width:850px; height:auto; margin:auto auto; padding:0px;}
#maintext { width:550px; height:auto; margin:0px; padding:0px; float:left;}
#maintext h1 { font-size:18px; color:#49708a; margin:10px 0 10px 0; padding:0px;}
#maintext p { color:#515151; text-align:justify; margin:0 10px 0 0; padding:0px;}
.scroll { width:850px; height:190px; overflow:auto; margin:10px 0 0 0; padding:0px;}
.scroll ul { margin:0 0 20px 0; padding:0px;}
.scroll li { list-style:none; display:inline;}

/*Safety Logos*/
#safety { margin:10px 0 0 130px;}

/*Right Content*/
#rightContent { width:274px; height:266px; background-color:#f8f8f8; float:left; margin:0 0 0 26px;}
#rightContent h2 { color:#49708a; font-size:17px; margin:10px 0 0 10px;}
#rightContent p { margin:10px 0 0 14px;}

/*Footer Content*/
#footerwrapper {  width:100%; height:130px; margin:auto auto; margin-top:15px; padding:0px;}
#footer {  width:850px; height:130px; margin:auto auto; padding:0px;}
#callbck { background:url(images/callback.jpg) no-repeat; width:278px; height:127px; float:left;}
#quoteBtn { background:url(images/quote.jpg) no-repeat; width:278px; height:127px; float:left; margin:0 0 0 8px;}
#areas { background:url(images/areas.jpg) no-repeat; width:278px; height:72px; float:left; margin:0 0 0 8px; padding:71px 0 0 0;}

/*Copyright & Card Payments*/
#cardcopywrapper { width:100%; height:50px; margin:auto auto; margin-top:15px; padding:0px;}
#cardcopy { background-color:#f0f0f0; border:1px solid #e6e6e6; width:850px; height:50px; margin:auto auto; padding:0px;}
#copyfloat { width:365px; float:left; padding:5px 0 0 5px;}
#cardfloat { width:400px; float:left; padding:12px 0 0 80px;}

/*Button*/
.btn { margin:70px 0 0 10px; padding:0px;}

/*Quote Form*/
#quoteform { margin:20px 0 0 20px;}
.quote-text, .quote-select { height:36px; position:relative; background:url(images/quotebg.png) no-repeat;}
.quote-select select { position:absolute; top:0; left:100px; width:415px; height:33px; padding:7px 20px; border:none; background:none; font-size:11px; color:#686868;}
.text-area textarea  { width:497px; height:158px; background:none; border:1px solid #e5e5e5; line-height:17px; color:#686868;}
.quote-text input { position:absolute; top:0; left:21px; width:370px; height:28px; margin:0 0 0 83px; padding:0 20px; border:none; background:none; line-height:16px; color:#686868;}
label { font-size:12px; padding:0 0 0 7px; line-height:31px;}
.submitBtn { background:url(images/submit.jpg) no-repeat; width:123px; height:51px; border:0px; margin:5px 0 0 380px;}

/*Areas We Cover*/
#areascover { width:100%;}
#areasdown { width:850px; margin:auto auto;}
#closebtn { width:95px; height:35px; float:right; margin:0 60px 0 0;}

/*Social Networking*/
#social { width:850px; margin:auto auto; margin-top:10px; padding:0px;}
#socialfloat { margin:auto auto;}

/*Clear*/
.clear { width:100%; clear:both; height:0px; margin:0px; padding:0px; overflow:hidden;}