/* Timothy Framework - www.timothyframework.com */ /* This work is licensed under the MIT License - http://www.opensource.org/licenses/mit-license.php */ /* Color and Font Legend font-family: 'Francois One', "Franklin Gothic Medium", sans-serif; font-family: 'Kotta One', serif; (Italics) font-family: 'Josefin Sans', sans-serif; font-family: 'Linden Hill', serif; font-family: 'Open Sans Condensed', sans-serif; */ /* 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 { } /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; } h1 { font-size:12px; } h2 { font-size:24px; } 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 */ .imgborder {margin: 10px: auto;padding : 10px; border: 2px #ccc solid; } } /* 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 */ table { width:100%; } tr { } .odd { background-color:#eee; } .even { background-color:#fff; } th { font-weight: bold; } thead, th { background: #ccc; } tbody { } th,td,caption { } caption { } tfoot { } .tfooter { background-color:#ccc; text-align:center; font-style:italic; } caption { background: #efefef; } /* 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 */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } #wrapper { } #top { width:900px; margin:0 auto; } #top-bg { background-color:#414141; border-top:3px #B86365 solid; width:100%; padding-top:12px; height:40px; } #topsubnav { float:left; margin-top:10px; } #topsubnav ul { } #topsubnav ul li { display:inline; margin-right:20px; } #topsubnav ul li a { font-weight:bold; } #topsubnav img { } #topsubnav a:link { color:#999; } #topsubnav a:visited { color:#999; } #topsubnav a:active { color:#999; } #topsubnav a:hover { color:#D3A9A9; } #topsubnav a:focus { color:#D3A9A9; } #social-media { float:right; } #social-media ul { } #social-media ul li { display:inline; } #social-media img { margin-left:4px; } #heading-bg { clear:both; background-image:url(../images/bg/black.grad.bg.fw.png); background-repeat:repeat-x; width:100%; height:370px; border-top:1px #666 dotted; border-bottom:22px #B86365 solid; } #heading { margin:0 auto; width:900px; margin:0 auto; } #logo { float:left; width:280px; margin:30px 0 0 0; } #name1 { display:block; color:#fff; font-size:72px; font-weight:normal; padding:30px 0; text-align:left; font-family:'Francois One', "Franklin Gothic Medium", Georgia, "Times New Roman", Times, serif; } #name2 { display:block; color:#fff; text-align:left; font-family:'Kotta One', Georgia, "Times New Roman", Times, serif; font-size: 14px; margin-top:10px; } #tollfree { float:right; width:600px; text-align:right; } #tollfree h2 { color:#fff; font-size:16px; font-family:"Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif; margin: 10px 0px 0px 325px; } #tollfree h3 { color:#fff; font-size:25px; font-family:"Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif; margin: 0px 0px 0px 300px; } #topnav { float:right; width:600px; margin-top:40px; text-align:right; } #topnav ul { border-top:1px #555 dotted; border-bottom:1px #555 dotted; padding:0px 0px 15px 0px; margin: 8px 0px; } #topnav ul li { color:#fff; display:inline; font-size:18px; padding:0 8px 0 15px; text-transform:uppercase; font-weight:bold; } #topnav ul li a { font-weight:normal; font-family:'Francois One', "Franklin Gothic Medium", Arial, Helvetica, sans-serif; } #topnav a:link { color:#fff; } #topnav a:visited { color:#fff; } #topnav a:active { color:#fff; } #topnav a:hover { } #topnav a:focus { } #menu-trigger { float:right; width:600px; margin-top:20px; text-align:right; } #menu-trigger h2 { color:#fff; display:inline; font-size:18px; padding:0 8px 0 15px; text-transform:uppercase; font-weight:bold; } #menu-trigger a:link { color:#fff; } #menu-trigger a:visited { color:#fff; } #menu-trigger a:active { color:#fff; } #menu-trigger a:hover { } #menu-trigger a:focus { } #menu-trigger { display: none; } #banner { clear:both; width:900px; margin:-230px auto 20px auto; } #subbanner { width:900px; margin:0 auto; background-color:#B86365; padding:20px 0 20px 0; border-radius:6px; } #subbanner-bg { margin:0 auto; width:100%; } #subbanner h3 { font-size:42px; color:#fff; padding:0 0 10px 20px; font-weight:bold; font-family:'Linden Hill', Georgia, "Times New Roman", Times, serif; } #subbanner h4 { font-size:20px; color:#fff; padding:0 0 0 20px; font-weight:normal; font-family:'Linden Hill', Georgia, "Times New Roman", Times, serif; font-style:normal; } #subbanner a { } #subbanner a:link { color:#000; } #subbanner a:visited { color:#000; } #subbanner a:active { color:#000; } #subbanner a:focus { color:#B86365; } #subbanner a:hover { color:#B86365; } #subbanner-contact-button { float:right; margin:-50px 25px 0 0; } #content { width:900px; margin:0 auto; } #content-bg { width:100%; } #top-contentx { margin-bottom:20px; } #top-contentx h1 { font-family:'Francois One', "Franklin Gothic Medium", Arial Black, Helvetica, sans-serif; font-size: 48px; font-weight: normal; margin:50px 0 15px 0; padding:0 0 20px 0; border-bottom:1px #555 dotted; } #top-contentx h2 { font-family:'Francois One', "Franklin Gothic Medium", Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; margin:15px 0; } #top-contentx h3 { } #top-contentx p { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:8px 0; line-height:180%; } #top-contentx img {margin:10px 20px 10px; padding : 10px; border: 0px #ccc solid; } #top-contentx li { } #top-contentx a { font-size:12px; font-weight:bold; } #top-contentx a:link { color:#000; } #top-contentx a:visited { color:#000; } #top-contentx a:active { color:#000; } #top-contentx a:hover { color:#B86365; } #top-contentx a:focus { color:#B86365; } #top-content { margin-bottom:20px; } #top-content h1 { font-family:'Francois One', "Franklin Gothic Medium", Arial, Helvetica, sans-serif; font-size:48px; font-weight:normal; margin:50px 0 15px 0; padding:0 0 20px 0; border-bottom:1px #555 dotted; } #top-content h2 { font-family:'Francois One', "Franklin Gothic Medium", Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; margin:15px 0; } #top-content h3 { } #top-content p { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:8px 0; line-height:180%; } #top-content img {margin:10px 20px 10px; padding : 10px; border: 2px #ccc solid; } #top-content li { } #top-content a { font-size:12px; font-weight:bold; } #top-content a:link { color:#000; } #top-content a:visited { color:#000; } #top-content a:active { color:#000; } #top-content a:hover { color:#B86365; } #top-content a:focus { color:#B86365; } #top-content_BUTTONS { margin-bottom:20px; } #top-content_BUTTONS img {margin:10px 10px; align: Center; } #bottom-content { margin-bottom:40px; clear:both; } #bottom-content h1 { } #bottom-content h2 { padding:20px 0 0 0; font-family:'Francois One', "Franklin Gothic Medium", Georgia, "Times New Roman", Times, serif; font-size:26px; margin:28px 0 12px 0; font-weight:normal; } #bottom-content h3 { font-family:'Francois One', "Franklin Gothic Medium", Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; margin:0 0 10px 0; } #bottom-content p { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:8px 0; line-height:180%; } #bottom-content img { margin: 10px; padding:5px; border: 2px #ccc solid; } #bottom-content li { } #bottom-content a { font-size:12px; font-weight:bold; } #bottom-content a:link { color:#000; } #bottom-content a:visited{ color:#000; } #bottom-content a:active { color:#000; } #bottom-content a:hover { color:#B86365; } #bottom-content a:focus { color:#B86365; } #bottom-content_2 { margin-bottom:40px; clear:both; } #bottom-content_2 h1 { } #bottom-content_2 h2 { padding:20px 0 0 0; font-family:'Francois One', "Franklin Gothic Medium", Georgia, "Times New Roman", Times, serif; font-size:26px; margin:12px 0 12px 0; font-weight:normal; } #bottom-content_2 h3 { font-family:'Francois One', "Franklin Gothic Medium", Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; margin:0 0 10px 0; } #bottom-content_2 p {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:8px 0; } #bottom-content_2 img { margin: 10px; padding:5px; border: 0px #ccc solid; } #bottom-content_2 li { } #bottom-content_2 a { font-size:12px; font-weight:bold; } #bottom-content_2 a:link { color:#000; } #bottom-content_2 a:visited{ color:#000; } #bottom-content_2 a:active { color:#000; } #bottom-content_2 a:hover { color:#B86365; } #bottom-content_2 a:focus { color:#B86365; } #bottom-content_BUTTONS { margin-bottom:40px; clear:both; } #bottom-content_BUTTONS img { margin: 5px 0px; padding:0px; border: 0px #000000 solid; } #leftside, #rightside, #rightside_2, #rightside_3 { width:425px; float:left; } #leftside h1, #leftside_2 h1, #rightside h1, #rightside_2 h1, #rightside_3 h1 { font-family:'Francois One', "Franklin Gothic Medium", Georgia, "Times New Roman", Times, serif; font-size:32px; margin:12px 0; font-weight:normal; } #leftside h2, #leftside_2 h2, #rightside h2, #rightside_2 h2, #rightside_3 h2 { font-family:'Francois One', "Franklin Gothic Medium", Georgia, "Times New Roman", Times, serif; font-size:26px; margin:28px 0 12px 0; font-weight:normal; } #leftside h3, #leftside_2 h3, #rightside h3, #rightside_2 h3, #rightside_3 h3 { font-family:'Francois One', "Franklin Gothic Medium", Georgia, "Times New Roman", Times, serif; font-size:22px; margin:12px 0; font-weight:normal; } #leftside p, #leftside_2 p, #rightside p, #rightside_2 p, #rightside_3 p { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:12px 0; line-height:180%; } #leftside { margin:20px 50px 40px 0; } #leftside h1 { } #leftside h2 { } #leftside h3 { } #leftside p { } #leftside img { margin: 5px; padding:5px; border: 0px #ccc solid; } #leftside li { } #leftside a { font-size:12px; font-weight:bold; } #leftside a:link { color:#000; } #leftside a:visited { color:#000; } #leftside a:active { color:#000; } #leftside a:hover { color:#B86365; } #leftside a:focus { color:#B86365; } #leftside_2 { margin:20px 50px 40px 0; } #leftside_2 h1 { } #leftside_2 h2 { padding: 0 0 20px 0; border-bottom :1px #aaa dashed; } #leftside_2 h3 { } #leftside_2 h3a { font-family:'Francois One', "Franklin Gothic Medium", Georgia, "Times New Roman", Times, serif; font-size:22px; margin:; padding: 0 10px 10px 10px;font-weight :normal; background:#bbbbbb; border:1px #333 solid; } #leftside_2 h4 { font-family:'Francois One', "Franklin Gothic Medium", Georgia, "Times New Roman", Times, serif; font-size:18px; margin:10px 0px 0px 0px; font-weight:normal; } #leftside_2 h4a { font-family:'Francois One', "Franklin Gothic Medium", Georgia, "Times New Roman", Times, serif; font-size:18px; margin:20px 0px 10px 0px; padding: 0 10px 10px 10px;font-weight :normal; background:#bbbbbb; border:1px #333 solid; } #leftside_2 p { } #leftside_2 img { margin: 10px; padding:5px; border: 2px #ccc solid; } #leftside_2 li { } #leftside_2 a { font-family:'Francois One', "Franklin Gothic Medium", Georgia, "Times New Roman", Times, serif; font-size:20px; margin:12px 0; font-weight:normal; } #leftside_2 a:link { color:#000; } #leftside_2 a:visited { color:#000; } #leftside_2 a:active { color:#000; } #leftside_2 a:hover { color:#B86365; } #leftside_2 a:focus { color:#B86365; } #rightside { margin:20px 0 20px 5px; } #rightside h1 { } #rightside h2 { } #rightside h3 { } #leftside h3 a { font-family: 'Francois One', "Franklin Gothic Medium", Georgia, "Times New Roman", Times, serif; font-size :18px; } #rightside p { } #rightside img { margin: 5px; padding:5px; border: 0px #ccc solid; } #rightside li { } #rightside a { font-size:12px; font-weight:bold; } #rightside a:link { color:#000; } #rightside a:visited { color:#000; } #rightside a:active { color:#000; } #rightside a:hover { color:#B86365; } #rightside a:focus { color:#B86365; } #rightside_2 { margin: 20px 0 20px 20px; background: #fff; } #rightside_2 h1 { } #rightside_2 h2 { } #rightside_2 h3 { } #rightside_2 p { } #rightside_2 img { margin: 10px; padding:5px; border: 0px #ccc solid; }#rightside_2 li { } #rightside_2 a { font-size:12px; font-weight:bold; } #rightside_2 a:link { color:#000; } #rightside_2 a:visited { color:#000; } #rightside_2 a:active { color:#000; } #rightside_2 a:hover { color:#B86365; } #rightside_2 a:focus { color:#B86365; } #rightside_3 { margin: 20px 0 20px 20px; background: #fff; } #rightside_3 h1 { } #rightside_3 h2 { } #rightside_3 h3 { } #rightside_3 p { } #rightside_3 img { margin: 10px; padding:5px; border: 2px #ccc solid; }#rightside_2 li { } #rightside_3 a { font-size:12px; font-weight:bold; } #rightside_3 a:link { color:#000; } #rightside_3 a:visited { color:#000; } #rightside_3 a:active { color:#000; } #rightside_3 a:hover { color:#B86365; } #rightside_3 a:focus { color:#B86365; } #content h2 { } #content h3 { } #content p { } #content img { } #content li { } #content a { } #content a:link { color:#000; } #content a:visited { color:#000; } #content a:active { color:#000; } #content a:hover { color:#000; } #content a:focus { color:#000; } #share { clear:both; margin:20px auto; text-align:center; } #gallery {float:left } #gallery h2 { font-size:36px; padding:10px 0 12px 12px; margin:40px 0 10px 0; border-bottom:1px #fff dotted; background-color:#cccccc; border-radius:8px; } #gallery ul { } #gallery ul li { display:inline; } #gallery img { border:1px #888 dotted; padding:5px; margin:5px 5px 20px 5px; } #team { } #team table { margin:0 0 -20px -5px; } #team th, #team td { padding:8px; } #team th { background-color:#D5CFB3; } #team td { } #faq { } #footer { margin:0 auto; width:900px; } #footer-bg { clear:both; width:100%; background-color:#333; overflow:auto; border-top:2px #B86365 solid; } #footer-left { width:425px; margin:30px 50px 30px 0; float:left; } #footer-right { width:425px; margin:30px 0 30px 0; float:left; } #footer-left a { font-size:12px; font-weight:bold; margin-bottom:12px; } #footer-left a:link { color:#fff; } #footer-left a:visited { color:#fff; } #footer-left a:active { color:#fff; } #footer-left a:hover { color:#B86365; } #footer-left a:focus { color:#B86365; } #footer-right a { font-size:12px; font-weight:bold; margin-bottom:12px; } #footer-right a:link { color:#fff; } #footer-right a:visited { color:#fff; } #footer-right a:active { color:#fff; } #footer-right a:hover { color:#B86365; } #footer-right a:focus { color:#B86365; } #footer h2 { color:#B86365; font-family:'Kotta One', Georgia, "Times New Roman", Times, serif; font-size:34px; margin:20px 0 20px 0; } #footer h3 { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:10px 0; border-bottom:1px #888 dotted; padding:10px 0; } #footer p { color:#fff; margin-bottom:18px; } #footer img { margin:10px; padding.0:10px 0px; } #footer li { color:#fff; } #footer a { color:#fff; } #footer ul {padding:0px 0px 15px 0px; margin:8px 0px; display:inline; } #footer ul li { color:#fff; font-size:14px; padding:0 18px 0 18px; text-transform:uppercase; font-weight:bold; } #footer a:link { color:#fff; } #footer a:visited { color:#fff; } #footer a:active { color:#fff; } #footer a:hover { color:#B86365; } #footer a:focus { color:#B86365; } #nav4 img { border:0; margin:2px 0; padding:2px 0; } #nav4 li { display:inline; margin-left:12px; } #bottom { margin:0 auto; width:900px; } #bottom-bg { clear:both; width:100%; background-color:#B86365; padding:20px 0; border-top:1px #666 solid; border-bottom:10px #000 solid; } #bottom a, #bottom p { font-weight:bold; } #bottom a:link { color:#000; } #bottom a:visited { color:#000; } #bottom a:active { color:#000; } #bottom a:hover { color:#333; } #bottom a:focus { color:#333; } #box1 { float:left; width: 235px; height: 625px; background : #ccc; border:2px #aaa solid; margin: 20px; } #box1_paypal { float:left; width: 235px; height: 510px; background : #ccc; border:2px #aaa solid; margin: 20px; } #box_Team { float:left; width: 400px; height: 170px; background : #fff; border:0px #aaa solid; margin: 2px 0px 15px 0px; } #box2 { float:left; width: 235px; height: 675px; background : #ccc; border:2px #aaa solid; margin: 20px; } #box2-Hat { float:left; width: 235px; height: 415px; background : #ccc; border:2px #aaa solid; margin: 20px; } #box2_PR { float:left; width: 350px; height: 600px; background : #ccc; border:2px #aaa solid; margin: 20px; } #box3 { float:left; width: 225px; height: 500px; background : #ccc; border:2px #aaa solid; margin: 10px; } #box4 { float:left; width: 225px; height: 525px; background : #ccc; border:2px #aaa solid; margin: 20px; } #box4_wide { float:left; width: 425px; height: 525px; background : #ccc; border:2px #aaa solid; margin: 20px; } #box4_phs { float:left; width: 235px; height: 575px; background : #ccc; border:2px #aaa solid; margin: 20px; } #box4-x { float:left; width: 400px; height: 100px; background : #fff; border:0px #aaa solid; margin: 10px; } #box51 { float:left; width: 225px; height: 425px; background : #ccc; border:2px #aaa solid; margin: 20px; } #box4-project { float:left; width: 160px; height: 250px; background : #ccc; border:2px #aaa solid; margin: 20px; } #box4-project h3 { text-align: center; color: #000; margin: 10px; } #box4-project p { text-align: center; color: #000 } #box5 { float:left; width: 225px; height: 680px; background : #ccc; border:2px #aaa solid; margin:20px 10px 10px 5px; } #box6 { width: 225px; height: 475px; background : #ccc; border:2px #aaa solid; margin: 20px 0px 10px 5px; } #box7 { float:left; width: 225px; height: 425px; background : #ccc; border:2px #aaa solid; margin: 10px; } #box8 { float:left; width: 400px; height: 375px; background : #ccc; border:2px #aaa solid; margin: 10px; } #box9 { width: 225px; height: 275px; background : #ccc; border:2px #aaa solid; margin: 20px 0px 10px 5px; } /* - boxes on the index page */ #box40 { float:left; width: 225px; height: 330px; background : #fff; border:3px #fff solid; margin: 5px 10px 10px 10px; padding: 10px; } #box40_Youtube { float:left; width: 225px; height: 160px; background : #fff; border:3px #fff solid; margin: 5px 15px 15px 15px; padding: 10px; } #box 40 img { margin: auto; } #box40 h2 { text-align: center;color : #000 } #box40 p { text-align: center; color: #000 } #box41 { float:left;width: 225px; height: 225px; background : #fff; border:3px #fff solid; margin: 5px 10px 10px 10px; padding: 10px; } #box 41 img { margin: auto; } #box41 h2 { text-align: center;color : #000 } #box41 p { text-align: center; color: #000 } #box42 { float:left; width: 225px; height: 380px; background : #fff; border:3px #fff solid; margin: 15px 15px 15px 15px; padding: 10px; } #box42 h2 { text-align: center; } #box42 p { text-align: center; } /* - boxes on the products page */ "box40#box43 img { margin: auto; } #box_dred { float:left; width: 165px; height: 355px; background-color:#cd0000; border:5px #777 solid; margin: 15px 15px 15px 15px; padding: 10px; } #box_dred h2 { text-align: center; color: #fff; } #box_dred p { text-align: center; color: #fff; } #box_blue { float:left; width: 165px; height: 200px; background-color:#00ffff ; border:5px #000 solid; margin: 15px 15px 15px 15px; padding: 10px; } #box_blue h2 { text-align: center; color: #000; } #box_blue p { text-align: center; color: #000; } #box_yellow { float:left; width: 165px; height: 200px; background-color:#FFFF00; border:5px #000 solid; margin: 15px 15px 15px 15px; padding: 10px; } #box_yellow h2 { text-align: center; color: #000; } #box_yellow a { font-weight:bold; margin-bottom:12px; text-align: center; color: #000; } #box_yellow a:link { color: #000; } #box_yellow a:visited { color: #000; } #box_yellow a:active { color: #000; } #box_yellow a:hover { color: #000; } #box_yellow a:focus { color: #000; } #box_yellow p { text-align: center;color : #000; } #box_black { float:left; width: 165px; height: 200px; background-color:#000; border:5px #777 solid; margin: 15px 15px 15px 15px; padding: 10px; } #box_black h2 { text-align: center; color: #fff; } #box_black a { font-weight:bold; margin-bottom:12px; text-align: center; color: #fff; } #box_black a:link { color: #fff; } #box_black a:visited { color: #fff; } #box_black a:active { color: #fff; } #box_black a:hover { color: #fff; } #box_black a:focus { color: #fff; } #box_black p { text-align: center;color : #fff; } #box_red { float:left; width: 165px; height: 200px; background-color:#cd0000; border:5px #777 solid; margin: 15px 15px 15px 15px; padding: 10px; } #box_red h2 { text-align: center; color: #fff; } #box_red a { font-weight:bold; margin-bottom:12px; text-align: center;color: #fff; } #box_red a:link { color: #fff; } #box_red a:visited { color: #fff; } #box_red a:active { color: #fff; } #box_red a:hover { color: #fff; } #box_red a:focus { color: #fff; } #box_red p { text-align: center;color : #fff; } #box_footer { float:left; width: 60px; height: 110px; background-color:#000; border:5px #777 solid; margin: 15px 10px 25px 10px; padding: 8px; } #box_footer h2 { text-align: center; color: #fff; } #box_footer p { text-align: center; color: #fff; } #box_footer_red { float:left; width: 60px; height: 110px; background-color:#cd0000; border:5px #777 solid; margin: 15px 10px 15px 10px; padding: 8px; } #box_footer_red p { text-align: center; color: #fff; } #box_footer_blue { float:left; width: 50px; height: 50px; background-color:#00ffff ; border:5px #777 solid; margin: 15px 15px 15px 15px; padding: 10px; } /* Layout Extra */ /* Navigation Extra */ /* Forms */ form ol { list-style-type:none; } form { text-align:left; margin:0 0 0 0; } label { display:block; margin:10px 0 5px 0; text-align:left; display:block; background:none; font-weight:bold; } input { display:block; width:400px; margin:0 0 0 0; text-align:left; border:1px #999 solid; padding:5px; background:none; } textarea { display:block; width:400px; height:70px; text-align:left; margin:0 0 0 0; border:1px #999 solid; padding:5px; background:none; } .submit { width:120px; height:30px; margin:15px 0 0 0; background-color:#E6CCCC; } input:focus, textarea:focus { background-color:#EBEBD6; } /* Miscellaneous */ .img-top-padding { padding-top:20px; } .contact-button { padding:10px 30px; background-color:#E6CCCC; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-style:italic; border-radius:6px; } .copyright-text { font-size:12px; font-style:italic; color:#333; } .footer-text { font-size:12px; font-style:normal; color:#333; } .teamphoto { width:135px; height:135px; } .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-left:30px; } .float-left { float:left; margin-right:30px; } .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; } /* PAYPAL */ #paypal { padding: 10px; } /* this is the title of the picture */ #paypal h4 { padding:5px 5px 10px 10px; } /* the picture */ #paypal img { width: 200px; margin: 5px 5px 5px 5px; } /* the options in the box */ #paypal form select { width: 165px; padding: 3px; margin-bottom: 10px; font-family :Arial, Helvetica, sans-serif; font-size:9pt; border: 1px #000 solid; } /* the text above options */ #paypal form tr { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; } /* the add to cart button */ #paypal form input { width: 150px; border:0px; } #team_list ul li {display:inline; } #menu-trigger { } /*--- RESPONSIVE WEB DEVELOPMENT MEASURES ---*/ @media screen and (max-width: 750px) { #wrapper, #top, #topnav, #menu-trigger, #heading, #content, #leftside, #leftside_2, #rightside, #rightside_2, #rightside_3, #bottom-content, #bottom-content_2, #footer-left, #footer-right, #footer, #bottom, #top-content, #top-contentx { float: none; width: auto; margin-left: 5px; margin-right: 8px; } #topnav { margin:50px, o, o, o; } #top-content h1 { font-size:30px; } #top-content h2 { font-size:25px; } #top-content p { font-size:15px; } #top-content p img { float: none; } #top-contentx h1 { font-size:30px; } #top-contentx h2 { font-size:26px; } #top-contentx p { font-size:15px; } #top-content p img { float: none; } #bottom-content h1 { font-size:30px; } #bottom-content h2 { font-size:25px; } #bottom-content p { font-size:15px; } #bottom-content img { float: none; } #leftside h2 { font-size :25px; } #leftside p { font-size:15px; } #leftside_2 h2 { font-size:25px; } #leftside_2 p { font-size:15px; } #rightside h2 { font-size:25px; } #rightside p { font-size:15px; } #rightside_2 h2 { font-size:25px; } #rightside_2 p { font-size:15px; } #rightside_3 h2 { font-size:25px; } #rightside_3 p { font-size:15px; } #footer p { font-size:15px; } #footer h3 { font-size:18px; } #logo img { float: none; width: 225px; height: auto; } #leftside h2 { font-size: 26px; } #box40 img { width: 75px; height: 75px; } #box40 h2 { font-size: 18px; } #box40 { float: left; width: 95px; height: 200px; background : #fff; border:3px #fff solid; margin: none; padding: 5px; } #box_blue { float:left; width: 165px; height: 200px; background-color:#00ffff ; border:5px #000 solid; margin: 15px 15px 15px 15px; padding: 10px; } #box_blue h2 { text-align: center; color: #000; font-size: 26px; } #box_blue p { text-align: center; color: #000; font-size: 15px; } #box_yellow { float:left; width: 165px; height: 200px; background-color:#FFFF00; border:5px #000 solid; margin: 15px 15px 15px 15px; padding: 10px; } #box_yellow h2 { text-align: center; color: #000; font-size: 26px; } #box_yellow p { text-align: center; color: #000; font-size: 15px; } #box_black { float:left; width: 165px; height: 200px; background-color:#000; border:5px #777 solid; margin: 15px 15px 15px 15px; padding: 10px; } #box_black h2 { text-align: center; color: #fff; font-size: 26px; } #box_black p { text-align: center; color: #fff; font-size: 15px; } #box_red { float:left; width: 165px; height: 200px; background-color:#cd0000; border:5px #777 solid; margin: 15px 15px 15px 15px; padding: 10px; } #box_red h2 { text-align: center; color: #fff; font-size: 26px; } #box_red p { text-align: center; color: #fff; font-size: 15px; } #box4-project { float: none; width: 150px; height: 250px; background : #ccc; border:2px #aaa solid; margin: 5px; } #box4-project h3 { text-align: center; color: #000; margin: 10px; font-size: 18px; } #box4-project p { text-align: center; color: #000; font-size: 13px; } #box_Team { float:none; width: auto; height: 300px; background : #fff; border:0px #aaa solid; margin: 15px 0px 40px 0px; } #box4-x { float: none; width: auto; height: 100px; background : #ccc; border:2px #aaa solid; margin: 20px; } #box_blacker { float:left; width: 130px; height: 400px; background-color:#000; border:5px #777 solid; margin: 5px 5px 5px 5px; padding: 5px; } #box_blacker h2 { text-align: center; color: #fff; } #box_blacker p { text-align: center; color: #fff; } #paypal form select { width: 165px; padding: 3px; margin-bottom: 10px; font-family :Arial, Helvetica, sans-serif; font-size 12px; border: 1px #000 solid; } #banner, #toll-free { display: none; } .contact-button { padding:10px 10px; background-color:#E6CCCC; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-style:italic; border-radius:6px; } } /*--- Main CSS here ---*/ /*------------------------------------*\ $IPHONE \*------------------------------------*/