/* MADE BY End Communications (www.endcommunications.com) bburwell@endcommunications.com ===================================================================== =====================================================================*/ /* COLOR GLOSSARY ===================================================================== ===================================================================== Yellow: #ffdd00 Yellow (text): #ebc105 Dark Grey: #736363 Body Grey: #4b4b4b */ /* CORE LAYOUT ===================================================================== =====================================================================*/ body { background:url(../_images/background.gif) repeat-y left top #f0f0f0; } #wrapper { width:933px; margin-left:0; text-align:left; } /* HEADER + NAVIGATION + FOOTER ===================================================================== =====================================================================*/ #header { width:783px; height:102px; float:left; background:url(../_images/background_nav.gif) bottom; } #logo { width:150px; height:102px; float:left; background-color:#CCC; } #logo a { border-bottom:0 } #nav_main { padding:28px 0 0 15px; } #nav_main ul { list-style: none; } #nav_main ul li { float:left; padding:0 15px 0 15px; } #nav_main ul a { padding-top:3px; color:#737373; } #nav_main ul a:hover { color:#000000; } #nav_main ul .login { float:right; padding-right:8px; } #ruled_line { width:774px; height:1px; border-bottom:1px solid #c8c8c8; } #nav_sub { padding:0 0 0 15px; margin-top:14px; } #nav_sub ul { margin:0; padding:0; list-style: none; } #nav_sub ul li { float:left; padding:0 15px 0 15px; } #nav_sub ul a { padding-top:3px; color:#737373; text-decoration:none; } #nav_sub ul a:hover { color:#000000; } #nav_sub_sub { padding:0; margin-top:14px; } #nav_sub_sub ul { margin:0; padding:0; list-style:none;} #nav_sub_sub ul li { float:left; padding:10px 0px 0px 0; margin-bottom:25px; border-top:solid #c8c8c8 1px; line-height:1.35em; font-size:1.35em; width:280px;} #nav_sub_sub ul a { padding-top:3px; color:#4b4b4b; text-decoration:none; border:none; font-weight:bold;} #nav_sub_sub ul a:hover { border-bottom:solid 1px #ebc105;} #nav_sub_sub p.source { font-size:.88em; line-height:.2em; color:#737373; font-style:italic; } #nav_sub_sub p a { color:#737373; } #footer { border-top:1px solid #d2d2d2; width:874px; height:35px; padding:4px 0 0 0; margin:10px 0 12px 24px; } #footer .left { float:left; } #footer .right { float:right; } #footer .icon { margin:12px 10px 0 0; height:16px; padding:0; float:right; border:none;} #footer .follow { margin-right:10px;} /* CONTENT ===================================================================== =====================================================================*/ #contentHolder { width:876px; clear:both; background-color:#fff; margin:24px 23px 24px 23px; } #intro, #intro_contact { width:282px; float:left; margin:0 0 12px 0; } #secondary_content { width:544px; float:right; padding:0 0 12px 24px; background:url(../_images/line_grey.gif) repeat-y left top } /* kludge */* html #secondary_content { width: 564px; w\idth: 540px; } /*----NEW SPIN----*/ #secondary_content .text_left { width:342px; float:left; } #secondary_content .text_left2 { width:258px; float:left; } #secondary_content .image_right { float:right; } #secondary_content .sample_spin { width:540px; height:358px; overflow:hidden; border:1px solid #d2d2d2; margin-bottom:18px; } /*----ABOUT----*/ #secondary_content .image_left { float:left; } #secondary_content .text_right { width:360px; float:right; } #secondary_content .clientlogo { float:left; margin:24px 24px 0 0; } #secondary_content #last { margin-right:0; } /*----LANDING PAGE----*/ .landing_3column { width:282px; float:left; border-top:6px solid #ffdd00; } /* kludge */* html .landing_3column { width: 276px; width: 272px; } /*----HOME PAGE----*/ .home_3column, .home_3column_last { width:276px; float:left; border-top:3px solid #ffdd00; padding-top:8px; padding-left:6px; } .home_3column_last { margin:0 0 0 0;} .rule_3column { padding:0 0 0 6px; margin-left:6px; float:left; background:url(../_images/line_grey.gif) repeat-y left top; height:200px; } #new_spin .rule_3column { height:400px; } /*----SERVICES----*/ #services .rule_3column { height:420px; } /*----SOLUTIONS PAGE----*/ .solutions_4column, .solutions_4column_last { width:209px; float:left; border-top:3px solid #ffdd00; padding:0; font-size:92%; } .solutions_4column_last { margin:0;} .rule_4column { padding:0 0 0 6px; margin-left:6px; float:left; background:url(../_images/line_grey.gif) repeat-y left top; height:320px; } .solutionsBanner { width:872px; height:420px; padding-top:10px;} .solutions_intro { width:348px; float:left; padding:20px 0 0 0; font-size:110%; text-align:left; } #setup { width:478px; height:400px; float:right;} #table_video { margin-top:10px; } /*----GALLERY----*/ #gallery_image { float:right; width:623px; height:468px; overflow:hidden; border:1px solid #d2d2d2; margin-bottom:12px; background-color:#ccc; } #gallery_left { clear:left; float:left; width:242px; height:390px; } /*----ABOUT----*/ /*----LOGIN----*/ #contentHolder .login { width:270px; } #contentHolder .left { float:left; margin-right:48px; } /* SPECIALS ===================================================================== =====================================================================*/ .footnote { border-top:1px solid #d2d2d2; margin-top:10px; padding-top:0px; }