/* */ BODY,P,H1,H2,H3,LI,UL,FORM,TABLE,OBJECT { margin:0; padding:0; } BODY { background:url(../images/1_bg.jpg) repeat-x; background-color:#F5E990; text-align:center } /* typography ------------------------------------------------------------------------*/ BODY,P,H1,H2,H3,H4,H5,LI,UL { font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; color: #000000; } BODY,P { font-size:11px } P,H1,H2,H3,H4,H5 { margin: 0 15px } a { color: #29451C; font-weight:normal; text-decoration:underline; } a:hover { color:#8AA053; } H1 { font-size:14px; color: #29451C; font-family:"Times New Roman", Times, serif; text-transform:uppercase } H2 { font-size:13px; color: #29451C } H3 { font-size:13px; color:#8AA053; font-family:"Times New Roman", Times, serif; text-transform:uppercase } H4 { font-size:12px; color:#B9AC7D } H5 { font-size:11px; color: #29451C; font-weight:bold } FORM { margin:0; } /* Layout ------------------------------------------------------------------------ */ /* set CONTAINER inside CENTERME to align the page to CENTER */ #CONTAINER { position:relative; width:800px; margin:0 auto; text-align:left } #HDRBOX { width:800px; height:90px; background:url(../images/1-header.jpg);} #MIDBOX { position:relative; width:800px; height:361px; background:url(../images/1-middle0.jpg)} #NAVBOX { position:relative; top:170px; left:20px; width:133px; height:147px; background:url(../images/1-nav-0a.jpg); } /* This is a sample nav (placed vertically) with its required properties ------------------------------------------------------------------------ */ #NHOME A, #NABOUT A, #NPROC A, #NPHOTO A, #NNEWS A, #NTEST A, #NCONT A { display:block; width:133px; height:21px;} #NHOME A:hover { background:url(../images/1-nav-home0.jpg);} #NABOUT A:hover { background:url(../images/1-nav-about0.jpg);} #NPROC A:hover { background:url(../images/1-nav-proc0.jpg);} #NPHOTO A:hover { background:url(../images/1-nav-photo0.jpg);} #NNEWS A:hover { background:url(../images/1-nav-news0.jpg);} #NTEST A:hover { background:url(../images/1-nav-test0.jpg);} #NCONT A:hover { background:url(../images/1-nav-contact0.jpg);} #FLABOX { position:absolute; top:0; left:173px; width:400px; height:361px; margin:0; background:url(../images/1_flash.jpg) ;} #LOCBOX { position:absolute; top:48px; left:583px; width:210px;} /* This is the text formats for the Location--------------------------- */ #LOCBOX H1, H3 { color: #003300; line-height:135% } #LOCBOX H3 { font-size:14px; font-weight:bold} #LOCBOX H1 { font-size:18px } #QTEBOX { position:absolute; top:170px; left:578px; width:215px;} /* This is the text format for the quote ------------------------------ */ #QTEBOX P { font-family:"Times New Roman", Times, serif; font-size:15px; font-style:italic; color:#333333; line-height:145%; margin: 0 10px} #CONTENTHDRBOX { position:relative; width:800px; height:90px; background-image:url(../images/1-content-top.jpg)} #TITLEBOX { position:relative; top:15px; left:20px; width:760px; height:75px} #LINKSBOX { position:absolute; left:405px; top:11px; width:355px; height:48px; background-image:url(../images/1-links-0.jpg)} /* This is a sample nav (placed horizontally) with its required properties ------------------------------------------------------------------------ */ #LNEWSLETTER, #LCONSULT { position:absolute; width:150px; height:48px; } #LNEWSLETTER A, #LCONSULT A { display:block; height:48px;} #LNEWSLETTER { left:0} #LNEWSLETTER a:hover { background:url(../images/1-links-newsletter0.jpg);} #LCONSULT { margin-left:205px;} #LCONSULT a:hover {background: url(../images/1-links-consult0.jpg);} /* CONTENT section The following group is for the home page only -------------------------------------------------------------------------- */ #CONTENTBOX { position:relative; width:800px; margin:0; background:url(../images/1-content-bg.jpg) repeat;} #WELBOX { position:relative; width:350px; top:0; left:10px; line-height:125%;} /*#NEWSBOX { position:relative; width:333px; height:138px; left:20px; top:0px; background:url(../images/1-newsevents-bg.jpg) repeat; text-align:center; line-height:135%} #NEWSTEXT { position:relative; width:295px; height:100px; top:33px; left:12px}*/ #PROCPICBOX { position:absolute; width:348px; height: 147px; top:0; left:410px } #PROCBOX { position:absolute; width:394px; height:170px; top:147px; left:386px; background:url(../images/1-proc-bg.jpg) no-repeat; line-height:135%; } #CONTENTBTMBOX { width:800px; height:36px; margin:0; padding:0; background:url(../images/1-content-btm.jpg) no-repeat; } /* CONTENT section The following group is for all other pages -------------------------------------------------------------------------- */ #TEXTBOX { position:relative; width:780px; top:0; left:10px; line-height:135%;} #NEWSBOX2 { float:right; width:333px; height:138px; margin:0 10px; background:url(../images/1-newsevents-bg.jpg) repeat; text-align:center; line-height:135%} #NEWSTEXT2 { position:relative; width:295px; height:100px; top:33px; left:12px} #NEWSLETTER { width:300px; margin:10px auto; text-align:center; background-color:#E2E5C0; border:1px solid #B9AC7D} /* a separator between the content and the footer. Clear all the formatting from above and give the bottom a clean section */ #CLRBOX { clear:both; height:10px; } #FTRBOX { left:0; width:800px; margin:0; padding:0; text-align:center; line-height:115%; } #FTRBOX A.nav {text-decoration:underline overline;} /* usually like to set formatting for the footer. */ /* other formats ------------------------------------------------------------------------ */ #CONTENTBOX UL, OL { padding-left:30px;} #CONTENTBOX LI { font-size:11px; height:125%; list-style:circle;} .clrALL { clear:both} .alignC { text-align:center;} .alignL { text-align:left;} .alignR { text-align:right;} .floatL { float:left; margin-bottom:8px; margin-right:10px;} .floatR { float:right; margin-bottom:8px; margin-left:10px;} .procBG, .testBG1 { background-color:#F8F6D8; border:1px solid #B9AC7D} .testBG2 { background-color:#E2E5C0; border:1px solid #B9AC7D} /* formatting for the FORM. ------------------------------------------------------------------------ */ .formTBL { margin:0 15px; font-size:11px; background-color:#E2E5C0; padding:10px; width:600px; line-height:125%} .formTBL H2 { margin:0;} .formFIELD { margin:1px; border:1px solid #B9AC7D; padding:2px; } INPUT, SELECT, TEXTAREA { padding:0; font-family:"Courier New", Courier, mono; font-size:11px; }