/*********************/ /* F O N T S */ /*********************/ /*APPLIED TO ALL -----------------*/ *{ font-family:Verdana, Arial, Helvetica, sans-serif} /*-------------------- The Header links ---------------------*/ #top_one, #top_two,#top_three,#top_four { font-size:23px; color:#1A171B; text-decoration:none; font-weight:bold; text-transform:uppercase;} #top_one:hover, #top_two:hover,#top_three:hover,#top_four:hover { color:#D7C9AF; } #top_one_mouseover, #top_two_mouseover,#top_three_mouseover,#top_four_mouseover{ font-size:23px; color:#D7C9AF; text-decoration:none; font-weight:bold; text-transform:uppercase;} /*----------------------- The vertical menu -------------------------*/ .vertical_menu h1{ font-size:15px; color:#FFFBD3; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../misc/menu_bg.jpg) 4px 0px no-repeat;} .vertical_menu ul li a{ text-decoration:none; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;} .vertical_menu ul li a:hover{ color:#D48C07;} .vertical_menu ul li li a{ text-decoration: none; color:#D48C07;} .vertical_menu ul li li a:hover{ color:#FFFBD3;} .menuContent *{ font-size:12px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;} .menuContent a{ text-decoration:none; color:#D48C07; font-family:Verdana, Arial, Helvetica, sans-serif} .menuContent a:hover{ color:#FFFBD3;} .menuContent b{} .menuContent input{ color:black;} .menuContent select {color:black;} .menuContent option {color:black;} /*----------------------- The Main Content -------------------------*/ #middleContent { font-size:13px; color:#C6C7C9;} #middleContent a{ font-weight:normal; color:#D48C07; text-decoration:none;} #middleContent a:hover{ color:#FFFBD3;} #middleContent legend{font-size: 15px;color:#FFFFFF; font-weight:bold;} #middleContent h1{font-size:24px; clear:both; color:#FFFFFF;font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; } #middleContent h2{ font-size:16px; color:#D48C07;font-weight:bold; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif;} #middleContent h3{margin-top:10px; color:#FFFFFF;font-weight:normal; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif;} #middleContent h4{margin-top:10px; color:#D48C07;font-weight:normal;font-style:italic ;font-family:Verdana, Arial, Helvetica, sans-serif;} #middleContent .specialoffer{ color:red} #middleContent select{ color:black;} #middleContent option{ color:black;} #middleContent input{ color:black;} #middleContent p { margin-bottom:10px} #middleContent hr { height:1px; color:#1A171B;} #footer a { font-size:10px; text-decoration:none; color:white} #footer a:hover { color:#D48C07 ;} /*********************/ /* L A Y O U T */ /**********************/ /* Dont change this */ a {outline: none;} /* The body - with repeating image*/ body{ background:url(../misc/bg_sample.jpg) #120807 no-repeat top center; margin:0; padding:0;} /* The overall containers for the page, outer just centers the content within it */ .outer{position:relative;width:100%; } .inner{ position:relative; width:1024px; margin:0 auto;} #search_form {} #search_submit{position:absolute;top:267px; left:416px;} #search_input{background:none;border:none;height:16px;left:253px;position:absolute;top:267px;width:145px; padding:0; font-size:13px; color:#1A171B; font-family:Verdana, Arial, Helvetica, sans-serif} #headerr { position:relative; background:url(../misc/header.jpg) no-repeat; height:395px; width:1024px;} #logotop { position:absolute; display:block; left:217px; top:63px;} #top_one, #top_two,#top_three,#top_four{ position:absolute; top:109px; } #top_one_mouseover, #top_two_mouseover,#top_three_mouseover,#top_four_mouseover{ position:absolute; } #top_one, #top_one_mouseover{left:592px; top:62px; } #top_two, #top_two_mouseover{left:549px; top:80px; } #top_three, #top_three_mouseover{left:616px; top:101px; } #top_four, #top_four_mouseover{left:615px; top:119px; } #header_links{position:absolute; left:453px; top:265px;} #header_links a{display:block; height:35px; float:left;} #link_one{background:url(../misc/header_home.jpg) no-repeat; width:101px;} #link_two{background:url(../misc/header_aboutus.jpg) no-repeat; width:102px;} #link_three{background:url(../misc/header_services.jpg) no-repeat; width:103px;} #link_four{background:url(../misc/header_testimonials.jpg) no-repeat; width:140px;} #link_five{background:url(../misc/header_contact.jpg) no-repeat; width:122px;} #link_one:hover, #link_one_mouseover{background:url(../misc/header_home_mo.jpg) no-repeat; width:101px;} #link_two:hover, #link_two_mouseover{background:url(../misc/header_aboutus_mo.jpg) no-repeat;width:102px;} #link_three:hover, #link_three_mouseover{background:url(../misc/header_services_mo.jpg) no-repeat; width:103px;} #link_four:hover, #link_four_mouseover{background:url(../misc/header_testimonials_mo.jpg) no-repeat;width:140px;} #link_five:hover, #link_five_mouseover{background:url(../misc/header_contact_mo.jpg) no-repeat;width:122px;} #content{position:relative; float:left; width:1024px; background:url(../misc/bg_repeat.jpg) repeat-y} #menu1{ position:relative; left:20px;float:left; width:200px;margin-top:-114px; z-index:100;} #logo { position:relative; display:block; left:30px; top:0px;} #middleContent{position:relative;float:left; left:41px; width:750px; margin-top:-70px; z-index:100;} .vertical_menu{} .vertical_menu h1{ height:18px; padding:3px 0 5px 14px; margin:0;} /* The vertcal menu main content */ .menuContent{ padding:10px 10px 20px 10px;} .menuContent ul{ margin:0; padding:0;} .menuContent li{ position:relative; list-style-type:none;background:url(../misc/list_icon.jpg) 0 5px no-repeat; padding-left:15px; line-height:20px; margin-left:1px; } .menuContent li li{ position:relative; list-style-type:none;background:none; padding-left:15px; line-height:20px; } /* Main content list image */ /* indentation of text */ #middleContent li{ list-style-type:none;background:url(../misc/bullet.jpg) 0 5px no-repeat; margin:0; padding-left:17px; line-height:20px; } #footwrap { position:relative; width:100%; background:url(../misc/footer_repeat.jpg) bottom repeat-x ;} #footer {position:relative; clear:both; height:245px;width:1024px; background:url(../misc/footer.jpg) no-repeat; margin:0 auto;} #bectu,#facebook,#twitter,#flickr { position:absolute; display:block; top:75px;} #bectu {left:10px} #facebook {left:80px} #twitter {left:131px} #flickr {left:185px} #foot_links { position:absolute; top:51px; left:13px; margin:0; padding:0;} #foot_links a{padding:0px 10px 0 0;} #mistore{ position:absolute; float:left; top:50px; left:825px; } div#preload { display: none; } #headlines a{font-family:Arial, Helvetica, sans-serif;}