-/* Timothy Framework - www.timothyframework.com */ /* This work is licensed under the MIT License - http://www.opensource.org/licenses/mit-license.php */ /* Color Legend font-family: 'Abel', sans-serif; font-family: 'Open Sans Condensed', sans-serif; font-family: 'Mate SC', serif; font-family: 'Bilbo', cursive; */ /* Reset */ html, body { margin: 0; padding: 0; border: 0; background: transparent; font-size:10px; } div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr, th, td, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; } img { margin:0; padding:0; border:0; } table, tr, th, td, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; } table { border-collapse: collapse; border-spacing: 0; } input, select, textarea, form, fieldset { margin: 0; padding: 0; border: 0; } article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; } h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { font-family: Arial, Helvetica, sans-serif; font-size:100%; font-weight: normal; font-style: normal; line-height: 100%; text-indent: 0; text-decoration: none; text-align: left; color: #000; } ol, ul { list-style: none; } /* Global */ html { } body { background:#06F; } /*body { background-image:url(../images/bg/tan-bg.jpg); background-repeat:repeat; }*/ /* Headings */ h1, h2, h3, h4, h5, h6 { font-family:'Open Sans Condensed', Arial, Helvetica, sans-serif; font-weight: bold; color: #000; } h1 { font-size:24px; } h2 { font-size:20px; } h3 { font-size:16px; } h4 { font-size:14px; } h5 { font-size:14px; } h6 { font-size:14px; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } /* Text Elements */ p { color:#000; font-size:12px; line-height:150%; } p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; } p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; } a { } a:link { color: #00f; } a:visited { color: #0f0; } a:active { color: #000; } a:focus { color: #666; } a:hover { color: #f00; } blockquote { color:#000; font-size:12px; } strong { font-weight: bold; } em { font-style: italic; } /* Images */ /* Lists */ ul { } ol { list-style-type:decimal; } ul li { color:#000; font-size:12px; } ol li { color:#000; font-size:12px; } dl { } dt { } dd { } /* Tables */ #sample-table { width:100%; margin:20px 0px; } #sample-table tr { } #sample-table .odd { background-color:#eee; } #sample-table .even { background-color:#fff; } #sample-table th { font-weight: bold; } #sample-table thead, #sample-table th { background-color:#FFE0C1; } #sample-table tbody { } #sample-table th, #sample-table td { padding:5px; border:1px #ccc solid; font-size:12px; } #sample-table caption { } #sample-table tfoot { } #sample-table .tfooter { background-color:#ccc; text-align:center; font-style:italic; } #sample-table caption { background-color: #FFE0C1; text-align:center; padding:15px; font-size:14px; font-weight:bold; border:1px #ccc solid; } #sample-table tfoot td { text-align:center; font-size:10px; font-style:italic; padding:5px; background-color:#FFE0C1;} /* Miscellaneous */ sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #666; } address { } del { background:#FFCECE; color:#f00; } code, pre { background-color:#FF9; padding:2px 0px; margin:4px 25px; font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%; } /* Containers */ .red {color:#900} #wrapper { width:900px; margin:0 auto; background-color:#fff; padding:0 40px; border-top:10px #BF6000 solid; } #top { height:115px; } #name { float:left; margin:50px 0 60px 0; } #manchester { font-family:'Open Sans Condensed', Arial, Helvetica, sans-serif; font-size:42px; font-weight:bold; line-height:180%; color:#000; } #design-studio { font-family:'Bilbo', 'Times New Roman', Times, serif; font-size:60px; font-weight:normal; color:#A85400; } .afword {width:300px; height:35px; margin:10px 0 0 100px; } #aflogo { float:left; width:680px; height:110px; } #aflogo img { float:left; width:85px; height:85px; margin-top:25px; } #aflogo h1 { font-family:"Times New Roman", Times, serif ; font-size:40px; color:#006; margin:25px 0px 0px 85px;} #aflogo h2 { font-family:Arial, Helvetica, sans-serif, Times, serif ; font-weight:bold; font-size:21px; color:#006; margin:10px 0px 0px 85px;} #social-media { float:right; width:220px; height:110px; } #social-media ul { margin-left:60px; } #social-media ul li { display:inline; } #social-media img { width:30px; height:30px; margin-left:2px; } #social-media p { font-family:Arial, Helvetica, sans-serif; color:#006; margin:10px; font-size:16px; font-weight:bold; text-align:center; } #topnav { clear:both; margin:0px 0px 0px 0px; } #topnav ul { border-top:1px #aaa dotted; padding:0px 0px; } #topnav ul li { display:inline; margin-right:10px; } #topnav ul li a { font-weight:bold;} #topnav a:link { color:#000; } #topnav a:visited { color:#000; } #topnav a:active { color:#000; } #topnav a:hover { color:#BF6000; } #topnav a:focus { color:#BF6000; } #picbox {width:900px; height:190px;} #picbox img {width:897px; height:187px;} #slider {float:left; } #banner { background-image:url(../images/banner/b1.jpg); background-repeat:no-repeat; } #rightside { width:270px; height:2000px; float:right; margin:5px 0px; background-color:#EFFFEF} #rightside h4 { font-size:18px; font-weight:bold; margin:10px 0 5px 0; color:#009; text-align:center; font-family:Arial, Helvetica, sans-serif; padding-left:5px;} #rightside h1 { font-size:18px; font-weight:bold; margin:10px 0 5px 0; color:#009; font-family:Arial, Helvetica, sans-serif; padding-left:5px;} #rightside h2 { font-size:18px; font-weight:bold; margin:30px 0 0 0; color:#009; font-family:Arial, Helvetica, sans-serif; padding-left:5px; } #rightside h3 { font-size:12px; font-weight:bold; margin:3px 0 3px 150px; color:#000; font-family:Arial, Helvetica, sans-serif;} #rightside p { line-height:160%; margin:5px 30px 0 5px; font-family:Arial, Helvetica, sans-serif; padding-left:8px; } #rightside ul li { list-style-type:square; margin:0 0 10px 20px; padding-left:10px; line-height:180%; font-family:Arial, Helvetica, sans-serif; } /* #rightside a { } #rightside a:link { color:#000; } #rightside a:visited { color:#000; } #rightside a:active { color:#000; } #rightside a:hover { color:#BF6000; } #rightside a:focus { color:#BF6000; } */ #content { width:580px; height:2500px; float:left; margin:5px 0; } #contentbig { width:625px; height:3000px; float:left; margin:5px 0; } #content h1 { font-size:16px; font-weight:bold; margin:10px 0px 20px 0px; color:#009; font-family:Arial, Helvetica, sans-serif; } #content h2 { font-size:24px; font-weight:bold; margin:20px 0px 20px 0px; color:#9F5000; } #content h3 { font-size:32px; font-weight:bold; margin:10px 0px 20px 0px; color:#000; border-bottom:1px #000 dotted; padding-bottom:22px; margin-bottom:22px; } #content p { line-height:180%; } #content img { } #content li { list-style-type:square; margin:10px 40px; } #content a { } #content a:link { color:#000; } #content a:visited { color:#000; } #content a:active { color:#000; } #content a:hover { color:#BF6000; } #content a:focus { color:#BF6000; } /*****odor-b-gone page ******************/ #contentodor { width:580px; height:2000px; float:left; margin:5px 0; } #contentodor h1 { font-size:16px; font-weight:normal; margin:10px 0px 5px 175px; color:#009; font-family:Arial, Helvetica, sans-serif; } #contentodor h2 { font-size:22px; font-weight:bold; margin:5px 0px 5px 185px; color:#006; font-family:Arial, Helvetica, sans-serif; } #contentodor h3 { font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:05px 0px 20px 230px; color:#000;} #contentodor h4 { font-size:18px; font-weight:bold; margin:15px 0px 15px 10px; color:#060; font-family:Arial, Helvetica, sans-serif; } #contentodor p { line-height:180%; } #contentodor img { } #contentodor li { list-style-type:square; margin:10px 40px; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:05px 15px 15px 20px; color:#000;} #contentodor table { padding-left: 10px;margin-left:20px;} #contentodor table td { font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:05px 0px 15px 5px; color:#F00; } /*****END odor-b-gone page ******************/ /*********** Mission page ******************/ #mission { width:578px; height:1800px; float:left; margin:5px 0; } #mission h1 { font-size:16px; font-weight:bold; margin:10px 0px 0px 0px; color:#009; } #mission h2 { font-size:15px; font-weight:bold; margin:15px 0px 5px 0px; color:#009; } #mission h3 { font-size:32px; font-weight:bold; margin:10px 0px 20px 0px; color:#000; border-bottom:1px #000 dotted; padding-bottom:22px; margin-bottom:22px; } #mission p { line-height:180%; } #mission img { } #mission li { list-style-type:square; margin:10px 40px; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:05px 15px 15px 20px; color:#000;} #mission table { padding-left: 10px;margin-left:20px;} #mission table td { font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:05px 0px 15px 5px; color:#F00; } #whichmission {width:623px; height:280px; /*border:#000 1px solid;*/ float:left; } #whichmissionpic {width:200px; height:175px; /*border:#009 1px solid;*/ float:left; } #whichmission h1 {font-size:19px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#1D52A4; text-align:left; padding:0px 0 0 0; margin:10px 0 0 45px; font-style:italic; } #whichmission h2 {font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#009; text-align:center; padding:0px 0 0 0; margin:0 0 5px 0; font-style:italic; } #whichmission h4 {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#060; text-align:center; padding:0px 0 0 0; margin:0 0 15px 0; font-style:italic; text-decoration:none} #whichmission img {width:125px; height:125px; margin: 10px 10px 0px 33px; } #whichmission p {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; text-align:left; paddiing:0; margin:0px 20px 10px 30px; } /*****END Mission page ******************/ /***** contact page ******************/ #contact { width:570px; height:230px; float:left; margin:5px 0; } #contact p { line-height:160%; margin:5px 30px 0 0px; font-family:Arial, Helvetica, sans-serif; padding-left:8px; } #contact h1 { font-size:16px; font-weight:bold; margin:10px 0px 10px 5px; color:#009; font-family:Arial, Helvetica, sans-serif; } #contact h2 { font-size:14px; font-weight:normal; margin:10px 0px 20px 15px; color:#000; font-family:Arial, Helvetica, sans-serif; } #contact h4 { font-size:13px; font-weight:bold; margin:15px 0px 20px 15px; color:#000; font-family:Arial, Helvetica, sans-serif; } /*****END contact page ******************/ /***** main product page ******************/ #contentprod { width:580px; height:2000px; float:left; margin:5px 0; } #contentprod h1 { font-size:18px; font-weight:bold; margin:10px 0px 5px 10px; color:#009; font-family:Arial, Helvetica, sans-serif; } #contentprod h2 { font-size:28px; font-weight:bold; margin:5px 0px 5px 160px; color:#006; font-family:Arial, Helvetica, sans-serif; } #contentprod h3 { font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:05px 0px 20px 230px; color:#000;} #contentprod h4 { font-size:16px; font-weight:bold; margin:5px 0px 15px 10px; color:#060; font-family:Arial, Helvetica, sans-serif; } #contentprod p { font-size:13px; font-weight:normal; margin:10px 0px 5px 0px; color:#000; font-family:Arial, Helvetica, sans-serif; line-height:150%; } #contentprod img { } #contentprod li { list-style-type:square; margin:10px 40px; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:05px 15px 15px 20px; color:#000;} #contentprod table tr { font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:05px 0px 05px 5px; color:#900; } /*****END main product page ******************/ #sample-popup h3 { padding-bottom:12px; margin-bottom:12px; border-bottom:1px #000 dotted; text-transform:uppercase; } #sample-popup h4 { padding-bottom:12px; margin-bottom:12px; font-size:24px; font-weight:bold; text-transform:uppercase; color:#954A00; } #sample-popup p { margin-bottom:15px; } #sample-popup img { float:left; margin-right:20px; } #myModal1, #myModal2, #myModal3, #myModal4, #myModal5, #myModal6 { z-index:9999; } #gallery { } #gallery ul li { display:inline; } #gallery img { padding:5px; margin:10px -30px; border:1px #aaa dotted; } #faqs img { float:left; } #faqs p { margin:0px 0px 10px 60px; color:#000; } #faqs h4 { margin:10px 0px 5px 0px; font-size:13px; font-color:#009; font-family:Arial, Helvetica, sans-serif;} #products { } #products h3 { font-family:Arial, Helvetica, sans-serif; clear:both; margin:40px 0 20px 0; } #products h4 { font-size:16px; font-weight:bold; margin:15px 0; } #products p { font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 0 12px 0; } #products img { float:left; margin:0 20px 20px 0; } /* CSS for index page */ #afindextop {width:625px; height:580px; /*border:#000 1px solid;*/ } #afheader {width:623px; height:80px; /*border:#f00 1px solid; */ } #afheader h1 {font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#007; text-align:center; padding:15px 0 0 0; margin:0; font-style:italic; } #afheader h2 {font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#777; text-align:center; padding:5px 0 0 0; margin:0; } #afindexleft {float:left; width:180px; height:500px; /*border:#0f0 1px solid;*/ } .afpicindex {width:160px; height:433px; padding: 20px 0 0 5px; } #afindexright {float:right; width:435px; height:500px;/*border:#00f 1px solid;*/ margin-right:5px; padding-top:10px;} #afindexright h1 {font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#006; text-align:left; font-weight:bold; padding:15px 0 0 15px; margin:0 0 0 0; } #afindexright p {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; padding:1px 0 0 15px; margin:0 0 0 0; } #afindexright a:link {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#000; padding:5px 0 0 30px; font-weight:bold; text-decoration:none;} #afindexright a:visited {font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:5px 0 0 30px; color:#000; font-weight:bold; text-decoration:none; } #afindexright a:active {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#f00; margin:0; padding:5px 0 0 30px; font-weight:bold; text-decoration:none; } #afindexright a:hover {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#00e; margin:0; padding:5px 0 0 30px; font-weight:bold; text-decoration:none; } #afindexright a:focus {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#00e; color:#00e; margin:0; padding:5px 0 0 30px; font-weight:bold; text-decoration:none; } /******** CSS of Which Home You Want To Live In? ***************** */ #whichhome {width:623px; height:380px; /*border:#000 1px solid;*/ float:left; } #whichhomepic {width:200px; height:230px; /*border:#009 1px solid;*/ float:left; } #whichhome h1 {font-size:22px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#1D52A4; text-align:left; padding:0px 0 0 0; margin:10px 0 0 15px; font-style:italic; } #whichhome h2 {font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#009; text-align:center; padding:0px 0 0 0; margin:0 0 5px 0; font-style:italic; } #whichhome h4 {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#060; text-align:center; padding:0px 0 0 0; margin:0 0 15px 0; font-style:italic; text-decoration:none} #whichhome img {width:175px; height:175px; margin: 10px 10px 0px 15px; } #whichhome p {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; paddiing:0; margin:0px 20px 10px 20px; } #whichhome a:link {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#009; margin:5px 0 0 0; padding:10px 0 0 20px; font-weight:bold; text-decoration:none;} #whichhome a:visited {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#009; margin:5px 0 0 0; padding:10px 0 0 20px; font-weight:bold; text-decoration:none; } #whichhome a:active {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#900; margin:5px 0 0 0; padding:10px 0 0 20px; font-weight:bold; text-decoration:none; } #whichhome a:hover {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#900; margin:5px 0 0 0; padding:10px 0 0 20px; font-weight:bold; text-decoration:none; } #whichhome a:focus {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#00e; margin:5px 0 0 0; padding:10px 0 0 20px; font-weight:bold; text-decoration:none; } /******** CSS of How It Work box ***************** */ #afindexhiw {clear:both; width:625px; height:720px; /*border:#000 1px solid;*/} #afhiwtitle {width:623px; height:85px; /*border:#f00 1px solid;*/} #afhiwtitle h1 {font-size:36px; font-family:"Arial Black", Gadget, sans-serif; color:#006; text-align:center; font-weight:bold; padding:10px 0 0 0; margin:0 0 0 0; } #afhiwtitle h2 {font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#666; text-align:center; font-weight:bold; padding:10px 0 0 0; margin:0 0 0 0; } #afhiwdescrip {float:left; width:190px; height:630px; /*border:#0f0 1px solid;*/ } #afhiwdescrip img {width:18px; height:20px; margin:22px 0 0 80px;} #afhiwdescrip h1 {font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#063; text-align:center; font-weight:bold; padding:35px 2px 0 0; margin:0 0 0 0; } #afhiwdescrip p {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; padding:2px 8px 0 0; margin:0 0 0 0; line-height:95%; } #afhiwbox {float:right; width:430x; height:630px; /*border:#00f 1px solid;*/ } #afhiwbox img {width:430px; height:595px; Margin-top:15px;} /* END of CSS for How it works section pages */ /******** CSS of residential testimonial pages ***************** */ #restest { width:575px; height:1900px; float:left; margin:5px 0; } #restest h1 {font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#666; text-align:left; margin:50px 0 20px 25px; } #restestheadleft { width:270px; height:30px; float:left; margin:5px 0; } #restestheadleft h1 { font-size:26px; font-weight:bold; margin:0; color:#009; Padding:0 10px 0 0; font-family:Arial, Helvetica, sans-serif; text-align:right;} #restestheadcenter { width:30px; height:30px; float:left; margin:5px 0; } #restestheadcenter img { width:27px; length: 27px; margin:0; padding:0 0 10px 0;} #restestheadright { width:270px; height:30px; float:left; margin:5px 0; } #restestheadright h1 { font-size:26px; font-weight:bold; margin:0; color:#009; Padding:0 0 0 10px; font-family:Arial, Helvetica, sans-serif; text-align:left;} #restorcolumn { width:560px; height:1860px; float:left; margin:0 5px 0 5px; } #restortest { width:550px; height:160px; float:left; margin:0 0 0 3px;} #restortest img { width:50px; height:70px; float:left; margin:5px 10px 50px 5px; border:1px #000 solid;} #restortest p {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; margin:6px 10px 0 0; line-height:120%; } #restortest h1 {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; text-align:left; margin:3px 0 0 75px; } #restortest h2 {font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#006; text-align:left; margin:3px 0 0 65px; text-decoration:underline; } /* END of CSS for testimonial pages */ /******** CSS of commercial testimonial pages ***************** */ #commercial h1 {font-size:18px; font-weight:bold; margin:10px 0 20px 0px; color:#009; font-family:Arial, Helvetica, sans-serif; padding-left:5px;} #comtest { width:570px; height:400px; float:left; margin:0 0 0 3px;} #comtest img { float:left; margin:40px 25px 215px 10px; } #comtest p {font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#000; text-align:left; margin:6px 10px 0 0; line-height:120%; } #comtest h1 { font-size:16px; font-weight:bold; margin:10px 0 5px 95px; color:#060; font-family:Arial, Helvetica, sans-serif; padding-left:5px;} #comtest h2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:10px 0px 10px 10px; color:#000; text-align:left; } #comtest h3 { font-family:Arial, Helvetica, sans-serif;font-size:13px; font-weight:bold; margin:5px 0px 8px 10px; color:#000; text-align:left; } #comtest p { font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:normal; margin:5px 0px 5px 10px; color:#000; text-align:left; line-height:150%; } #comtest a:link { font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; margin:20px 0px 0px 0px; color:#900; text-align:left; } #comtest a:visited { font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; margin:20px 0px 0px 0px; color:#900; text-align:left; } #comtest a:active { font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; margin:20px 0px 0px 0px; color:#009; text-align:left; } #comtest a:hover { font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; margin:20px 0px 0px 0px; color:#063; text-align:left; } #comtestshort { width:570px; height:160px; float:left; margin:0 0 0 3px;} #comtestshort img { float:left; margin:10px 25px 60px 10px; } #comtestshort p {font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#000; text-align:left; margin:6px 10px 0 0; line-height:120%; } #comtestshort h1 { font-size:16px; font-weight:bold; margin:10px 0 5px 95px; color:#060; font-family:Arial, Helvetica, sans-serif; padding-left:5px;} #comtestshort h2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:5px 0px 10px 10px; color:#000; text-align:left; } #comtestshort h3 { font-family:Arial, Helvetica, sans-serif;font-size:13px; font-weight:bold; margin:5px 0px 8px 10px; color:#000; text-align:left; } #comtestshort p { font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:normal; margin:5px 0px 5px 10px; color:#000; text-align:left; line-height:150%; } #comtestshort a:link { font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; margin:20px 0px 0px 0px; color:#900; text-align:left; } #comtestshort a:visited { font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; margin:20px 0px 0px 0px; color:#900; text-align:left; } #comtestshort a:active { font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; margin:20px 0px 0px 0px; color:#009; text-align:left; } #comtestshort a:hover { font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; margin:20px 0px 0px 0px; color:#063; text-align:left; } /* END of CSS for testimonial pages */ /******** CSS of bar & casino page ***************** */ #barcasino img { margin:0; padding:0 1px 10px 0; float:left;} #barcasino h1 {font-size:18px; font-weight:bold; padding:120px 80px 0px 0px; color:#009; font-family:Arial, Helvetica, sans-serif; } #barcasino h2 {font-size:15px; font-weight:bold; margin:10px 0 0px 10px; color:#009; font-family:Arial, Helvetica, sans-serif; padding-left:5px;} #barcasino ul li {font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:normal; margin:5px 7px 10px 45px; color:#000; text-align:left; line-height:150%; list-style-type:square; } #whatsin h1 {font-size:15px; font-weight:bold; margin:15px 0 5px 5px; color:#009; font-family:Arial, Helvetica, sans-serif; padding-left:5px;} #whatsin h2 {font-size:14px; font-weight:bold; margin:10px 0 5px 5px; color:#009; font-family:Arial, Helvetica, sans-serif; padding-left:5px;} #whatsin p {font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:normal; margin:5px 10px 10px 35px; color:#000; text-align:left; line-height:150%; list-style-type:none; } #whatsin ul li {font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:normal; margin:5px 7px 10px 45px; color:#000; text-align:left; line-height:150%; list-style-type:square; } #smoketestimonial {width:625px; lenght:300px; background:#C6FFD0; } #smoketestimonial h1 {font-size:15px; font-weight:bold; margin:10px 0 0px 35px; color:#009; font-family:Arial, Helvetica, sans-serif; padding:10px 0 5px 0;} #smoketestimonial h2 {font-size:12px; font-weight:bold; margin:10px 0 0px 35px; color:#009; font-family:Arial, Helvetica, sans-serif; } #smoketestimonial p {font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:normal; margin:5px 10px 10px 35px; color:#000; text-align:left; line-height:160%; list-style-type:none; } #smkcmpr {clear:both; width:620px; } #smkcmpr h1 {font-size:15px; font-weight:bold; margin:20px 0 5px 5px; color:#009; font-family:Arial, Helvetica, sans-serif; padding-left:5px;} #smkcmpr table {width:625px; cellspacing:0px; cellpadding:0px; border-style:none; } #smkcmpr th {height:36px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; text-align="center"; padding:0 0 0 10px; margin:0; vertical-align:middle; } #smkcmpr td {height:36px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:center; padding:0 0 0 5px; margin:0; vertical-align:middle;} #smkcmprpicbox { width:620px; height:150; } #cappicbox { width:70px; height:230px; margin:0 10px 5px 5px; float:right; } #cappicbox h1 {font-size:10px; font-weight:bold; margin:0px 0 0px 5px; padding:5px; color:#009; font-family:Arial, Helvetica, sans-serif; text-align:center;} #cappicbox1 { width:110px; height:230px; margin:0 10px 5px 5px; float:right; } #cappicbox1 h1 {font-size:10px; font-weight:bold; margin:0px 0 0px 5px; padding:5px; color:#009; font-family:Arial, Helvetica, sans-serif; text-align:center;} #cappicbox2 { width:205px; height:100px; margin:0 10px 5px 5px; float:right; } #cappicbox2 h1 {font-size:10px; font-weight:bold; margin:0px 0 0px 5px; padding:5px; color:#009; font-family:Arial, Helvetica, sans-serif; text-align:center;} .convertimg { width:68px; height:202px; padding: 0px 0 0px 0px; margin:0px; } .convertimg1 { width:108px; height:200px; padding: 0px 0 0px 0px; margin:0px; } .convertimg2 { width:202px; height:70px; padding: 0px 0 0px 0px; margin:0px; } .smkrimg1 { width:42px; height:126px; padding: 10px 0 0 220px;} .smkrimg2 { width:150px; height:88px; padding: 10px 0 10px 50px;} .smkrimg3 { width:150px; height:88px; padding: 10px 0 10px 0px;} #center { text-align:center; } #bold {font-weight:bold; font-family:Arial, Helvetica, sans-serif; } /* END of bar & casino page */ /******** CSS of solution page ***************** */ #solution img { margin:0; padding:0 10px 10px 0; float:left;} #solution h1 {font-size:18px; font-weight:bold; padding:120px 80px 0px 0px; color:#009; font-family:Arial, Helvetica, sans-serif; } #solution h2 {font-size:15px; font-weight:bold; margin:30px 0 0px 10px; color:#009; font-family:Arial, Helvetica, sans-serif; padding-left:5px;} #solution ul li {font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:normal; margin:5px 7px 10px 45px; color:#000; text-align:left; line-height:150%; list-style-type:square; } /* END of solution page */ /******** CSS of resprod page ***************** */ #resprod img { margin:0; padding:0 10px 10px 0; float:left;} #resprod h1 {font-size:18px; font-weight:bold; padding:0px 80px 0px 0px; color:#009; font-family:Arial, Helvetica, sans-serif; } #resprod h2 {font-size:15px; font-weight:bold; margin:15px 0 0px 10px; color:#009; font-family:Arial, Helvetica, sans-serif; padding-left:5px;} #resprod ul li {font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:normal; margin:5px 7px 10px 45px; color:#000; text-align:left; line-height:150%; list-style-type:square; } #resprodcmpr {clear:both; width:620px; } #resprodcmpr h1 {font-size:24px; font-weight:bold; margin:20px 0 5px 5px; color:#009; text-align:center; font-family:Arial, Helvetica, sans-serif; padding-left:5px;} #resprodcmpr table {width:625px; cellspacing:0px; cellpadding:0px; border-style:none; } #resprodcmpr th {height:36px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; text-align="center"; padding:0 0 0 10px; margin:0; vertical-align:middle; } #resprodcmpr td {height:36px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:center; padding:0 0 0 5px; margin:0; vertical-align:middle;} #resprodcmprpicbox { width:620px; height:150; } #resprodtest {width:623px; height:320px; /*border:#000 1px solid;*/ float:left; } #resprodtestpic {width:200px; height:230px; /*border:#009 1px solid;*/ float:left; } #resprodtest h1 {font-size:22px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#1D52A4; text-align:left; padding:0px 0 0 0; margin:10px 0 0 15px; font-style:italic; } #resprodtest h2 {font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#009; text-align:center; padding:0px 0 0 0; margin:0 0 5px 0; font-style:italic; } #resprodtest h4 {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#060; text-align:center; padding:0px 0 0 0; margin:0 0 15px 0; font-style:italic; text-decoration:none} #resprodtest img {width:175px; height:175px; margin: 10px 10px 0px 15px; } #resprodtest p {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; paddiing:0; margin:0px 20px 10px 20px; } #resprodcmpr a:link { font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; margin:0px; color:#000; text-align:center; } #resprodcmpr a:visited { font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; margin:0px; color:#000; text-align:center; } #resprodcmpr a:active { font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; margin:0px; color:#900; text-align:center; } #resprodcmpr a:hover { font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; margin:0px; color:#00F; text-align:center; } .resprodimg1 { width:66px; height:46px; padding: 95px 0 0 175px;} .resprodimg2 { width:39px; height:95px; padding: 10px 0 0 25px;} .resprodimg3 { width:39px; height:95px; padding: 10px 0 0 51px;} .resprodimg4 { width:39px; height:95px; padding: 10px 0 0 51px;} .resprodimg5 { width:46px; height:95px; padding: 10px 0 0 51px;} #picbox2 { width:620px; height:382px; } #picbox2 img { width:600px; height:380px; margin:0px; } /* END of resprod page */ /******** CSS of real estate testimonial pages ***************** */ #realtest { width:575px; height:1900px; float:left; margin:5px 0; } #realtest h1 {font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#666; text-align:left; margin:50px 0 20px 25px; } #realtestheadleft { width:270px; height:30px; float:left; margin:5px 0; } #realtestheadleft h1 { font-size:26px; font-weight:bold; margin:0; color:#009; Padding:0 10px 0 0; font-family:Arial, Helvetica, sans-serif; text-align:right;} #realtestheadcenter { width:30px; height:30px; float:left; margin:5px 0; } #realtestheadcenter img { width:27px; length: 27px; margin:0; padding:0 0 10px 0;} #realtestheadright { width:270px; height:30px; float:left; margin:5px 0; } #realtestheadright h1 { font-size:26px; font-weight:bold; margin:0; color:#009; Padding:0 0 0 10px; font-family:Arial, Helvetica, sans-serif; text-align:left;} #realtorcolumn { width:560px; height:1860px; float:left; margin:0 5px 0 5px; } #realtortest { width:550px; height:100px; float:left; margin:0 0 10px 3px;} #realtortest img { width:50px; height:70px; float:left; margin:5px 10px 0 5px; border:1px #000 solid;} #realtortest p {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; margin:6px 10px 0 0; line-height:120%; } #realtortest h1 {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; text-align:left; margin:3px 0 0 75px; } #realtortest h2 {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; text-align:left; margin:3px 0 0 65px; text-decoration:underline; } /* #realtest a { font-size:24px; font-weight:bold; margin-top:20px; color:#009; text-align:center} #realtest img { width:30px; length: 30px; margin:0; display:inline;} #realtest h1 { font-size:22px; font-weight:bold; margin:10px 0 5px 95px; color:#009; font-family:Arial, Helvetica, sans-serif; padding-left:5px;} #realtest h2 { font-size:16px; font-weight:bold; margin:25px 0px 0px 10px; color:#060; text-align:left; } #realtest h4 { font-size:13px; font-weight:bold; margin:5px 0px 8px 10px; color:#000; text-align:left; } #realtest p { font-size:12px; font-weight:normal; margin:5px 0px 5px 10px; color:#000; text-align:left; line-height:150%; } END of CSS for Real Estate testimonial pages */ /* CSS for products pages */ #aftop {width:580px; height:480px; } #afpicbox {float:left; width:275px; height:435px; } #afpicbox h1 {font-size:22px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#007; text-align:center; padding:20px 0 0 0; margin:0; } .afpic {width:210px; height:378px; padding: 20px 0 0 35px; } .cap3kpic {width:140px; height:292px; padding: 40px 0 0 65px; } .cap5kpic {width:127px; height:380px; padding: 20px 0 0 75px; } .aftogopic1 {width:225px; height:165px; padding: 10px 0 0 10px; } .aftogopic2 {width:177px; height:207px; padding: 10px 0 0 40px; } #afrightside {float:right; width:280px; height:435px; padding:0 10px; } #afrightside h1 {font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:center; padding:10px 0 0 0; margin:0px;} #afrightside h2 {font-size:20px; font-family:"Arial Black", Gadget, sans-serif; color:#00f; text-align:center; padding:0 0 15px 0; margin:0; } #afrightside h3 {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#00f; text-align:center; padding:4px 0 8px 0; margin:0; } #afrightside h4 {font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:center; padding-top:35px; padding:20px 0 0 0; margin:0;} #afrightside p1 {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; margin:0px 0 0 10px; padding:0 0 5px 0; font-weight:bold; } #afrightside p2 {font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; margin:10px 0 0 10px; } #afrightside img {width:100px; height:30px; padding:20px 0 0 55px; } #afrightside ul li {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; margin:0px 0 0 30px; padding:0 0 8px 0px; } #afrightside ul { padding-bottom:10px;} #afrightside a:link {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#000; margin-top:; padding:20px 0 0 30px; font-weight:bold; text-decoration:none;} #afrightside a:visited {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#000; margin:0; padding:20px 0 0 30px; font-weight:bold; text-decoration:none; } #afrightside a:active {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#f00; margin:0; padding:20px 0 0 30px; font-weight:bold; text-decoration:none; } #afrightside a:hover {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#00e; margin:0; padding:20px 0 0 30px; font-weight:bold; text-decoration:none; } #afrightside a:focus {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#00e; color:#00e; margin:0; padding:20px 0 0 30px; font-weight:bold; text-decoration:none; } #afdescribe {float:left; width:580px; height:400px; } #afdescribe h1 {font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; margin:15px 0 0 0; padding:0 0 0 5px; } #afdescribe h2 {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; font-weight:bold; padding:2px 0 0 15px; margin:0 0 0 0; } #afdescribe p {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; padding:1px 0 12px 15px; margin:0 0 0 0; } #afdescribe ul li {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; margin:0px; padding:0px; } /* FOR BIGGER DESCRIPTION BOX */ #afdescribebig {float:left; width:580px; height:620px; } #afdescribebig h1 {font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; margin:15px 0 0 0; padding:0 0 0 5px; } #afdescribebig h2 {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; font-weight:bold; padding:2px 0 0 15px; margin:0 0 0 0; } #afdescribebig p {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; padding:1px 0 12px 15px; margin:0 0 0 0; } #afdescribebig ul li {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; margin:0px; padding:0px; } #afspecs {clear:both; width:598px; } #afspecs h1 {font-size:17px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; padding:3px 0 5px 0; margin:0;} #afspecs table {width:598px; cellspacing:0px; cellpadding:0px; border-style:none; } #afspecs th {height:36px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; text-align:left; padding:0 0 0 5px; margin:0; vertical-align:middle; } #afspecs td {height:36px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; padding:0 0 0 5px; margin:0; vertical-align:middle;} #bluebg {background-color:#ABF5FF} #greenbg {background-color:#B3FFBA} #greenlightbg {background-color:#E6FFEE} /* End of product pages CSS */ #footer { clear:both; padding:15px 0px; border-top:1px #333 dotted; } #footer a { font-size:11px; font-weight:bold; text-align:center; display:block; } #footer a:link { color:#000; } #footer a:visited { color:#000; } #footer a:active { color:#000; } #footer a:hover { color:#BF6000; } #footer a:focus { color:#BF6000; } #share { margin:20px auto; text-align:center; } #box1 img, #box2 img { /*width:300px; height:200px;*/ margin:0 0 5px 0; border:8px #F8D7AB solid; } #box1 { width:265px; float:left; margin:20px 40px 30px 0; } #box2 { width:265px; float:left; margin:20px 0 30px 0; } #box3 { } #box4 { } #box5 { } #box6 { } /* Layout Extra */ /* Navigation Extra */ /* Forms */ form ol { list-style-type:none; } form { text-align:left; margin:20px; } label { float: left; width: 150px; margin-top:5px; text-align:right; display:block; background:none; font-weight:bold; } submit { background:none; } input { width: 280px; margin:0 0 16px 10px; border:1px #bbb solid; padding:5px; background:none; } input:focus, textarea:focus { background-color:#BFEBFF; } textarea { width: 280px; height: 150px; margin:0 0 16px 10px; border:1px #bbb solid; padding:5px; background:none; } select { margin-bottom:20px; } .month { margin-left:155px; } .submit { width:90px; height:25px; margin-left:160px; font-size:12px; } br { clear: left; } .clear { clear:both; } /* Miscellaneous */ .bottom-25 { margin-bottom:25px; } .copyright-text { font-size:80%; font-style:italic; color:#333; } .footer-text { font-size:14px; font-weight:bold; color:#333; text-align:center; padding-bottom:5px; margin-bottom:5px; } .title { font-size:18px; font-weight:bold; color:#333; } .subtitle { font-size:14px; font-style:italic; color:#333; } .artist { font-size:16px; font-weight:bold; color:#333; } .author { font-size:14px font-weight:bold; color:#555; } .editor { font-size:14px font-style:italic; color:#555; } .pub-date { font-size:10px font-style:italic; color:#555; } .article-date { font-size:10px font-style:italic; color:#555; } .location { font-size:10px font-style:italic; color:#555; } .float-right { float:right; margin:5px 0 8px 20px; } .float-left { float:left; } .clear { clear:both; } .hide { display:none; } .block { display:block; } .inline { display:inline; } .first { font-weight:bold; } .last { font-weight:bold; } .left { font-weight:bold; text-align:left; } .right { font-weight:bold; text-align:right; } .added { background:#D7D7FF; } .removed { background:#FFCECE; color:#f00; } .changed { background:#FFB; } /* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */ .error, .alert, .notice, .success, .info { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; } .error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; } .notice { background: #fff6bf; color: #514721; border-color: #ffd324; } .success { background: #e6efc2; color: #264409; border-color: #c6d880; } .info { background: #d5edf8; color: #205791; border-color: #92cae4; } .error a { color: #8a1f11; } .alert a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; } .info a { color: #205791; }