/**********************************************************************/ /* Stylesheet for -------------------------- Site Template -------------------------- */ /* Starter CSS file for all browsers all sites */ @import "default.css"; /**********************************************************************/ /* Custom Colors -------------------------- grey links #666 -------------------------- */ /* Custom Classes */ /********************/ .hide { display:none; } /* Typography */ /****************/ /* Typography */ /* Site font face */ body{ font-family:verdana,tahoma,georgia,sans-serif;} p { font-size: 0.7em; color: #000; } h1 { font-size:1.75em;margin-bottom:0.5em;} h2 { font-size:1.0em;margin-bottom:0.5em;} h3 { font-size:0.75em;margin-bottom:0.5em;} h4 { font-size:0.75em;margin-bottom:0.5em;} .lower2upper { text-transform:uppercase; } sup { font-size:0.75em;} /**********************************************************************/ /* Template Structure */ /**********************************************************************/ html { height:100%; } body { height:100%; text-align:center; background:#c3c3c3 url(../img/bg.gif) repeat-x; } #flashPlacer { width:100%; height:100%; } *> #flashPlacer { position:fixed; } #pageWrap { text-align:left; margin:2em auto 0 auto; width:616px; } *> #pageWrap { overflow-y:auto; } /**********************************************************************/ /* Reused bits */ /**********************************************************************/ /* Menus */ /* page top menu */ #menu_top { font-size: 0.9em;} #menu_top { margin: 0 0 15px 0; padding-top:10px;list-style-type:none;} #menu_top { clear:left; text-align:center;} #menu_top li { padding:0.2em 1em; display:inline; border-right:1px solid #e9e7d1;} #menu_top li.last { margin-right:0;border-right:none;} #menu_top li a { color:#333;} #menu_top li a:hover { color:#f09c18;} /* page bottom menu */ #menu_bottom { font-size: 0.9em;} #menu_bottom { margin: 15px 0 15px 0; padding-top:10px;list-style-type:none;} #menu_bottom { clear:left;text-align:center;} #menu_bottom li { padding:0.2em 1em; display:inline; border-right:1px solid #666;} #menu_bottom li.last { margin-right:0;border-right:none;} #menu_bottom li a { color:#333;} #menu_bottom li a:hover { color:#000;} /* Round corner box: */ /* top box */ #pageHome #pageWrap #header .cornerTopLeft { background:url(../img/box/bg_top_left.gif) 0 0 no-repeat;position:relative;} #pageHome #pageWrap #header .cornerTopRight { background:url(../img/box/bg_top_right.gif) 100% 0 no-repeat;position:relative;} #pageHome #pageWrap #header .cornerBottomLeft { background:url(../img/box/bg_bottom_left.jpg) 0 100% no-repeat;position:relative;} #pageHome #pageWrap #header .cornerBottomRight { background:url(../img/box/bg_bottom_right.gif) 100% 100% no-repeat;position:relative;} /* left box */ #pageHome #pageWrap #two_columns #left_col .cornerTopLeft { background:url(../img/box2/bg_top_left.gif) 0 0 no-repeat;position:relative;} #pageHome #pageWrap #two_columns #left_col .cornerTopRight { background:url(../img/box2/bg_top_right.gif) 100% 0 no-repeat;position:relative;} #pageHome #pageWrap #two_columns #left_col .cornerBottomLeft { background:url(../img/box2/bg_bottom_left.jpg) 0 100% no-repeat;position:relative;} #pageHome #pageWrap #two_columns #left_col .cornerBottomRight { background:url(../img/box2/bg_bottom_right.gif) 100% 100% no-repeat;position:relative;} /* right box */ #pageHome #pageWrap #two_columns #right_col .cornerTopLeft { background:url(../img/box3/bg_top_left.gif) 0 0 no-repeat;position:relative;} #pageHome #pageWrap #two_columns #right_col .cornerTopRight { background:url(../img/box3/bg_top_right.gif) 100% 0 no-repeat;position:relative;} #pageHome #pageWrap #two_columns #right_col .cornerBottomLeft { background:url(../img/box3/bg_bottom_left.jpg) 0 100% no-repeat;position:relative;} #pageHome #pageWrap #two_columns #right_col .cornerBottomRight { background:url(../img/box3/bg_bottom_right.gif) 100% 100% no-repeat;position:relative;} #header { position:relative; margin-bottom:1em;} *>#headerWrap { padding-top:150px;min-height:1px;} *>#headerWrap .minHeight { margin-top:-150px;} * html #headerWrap .minHeight { height:150px;} /* dotted line break */ .break { width: 100%; background: #666 url(../img/break_dotted_line.gif); height: 1px; margin: 31px 0 31px 0; } /**********************************************************************/ /* Page Customisations */ /***********************/ /* all */ /* #menu { padding-top:70px; width:200px; } */ /* left menu nav */ #pageHome #pageWrap #features_menu #li1 a { width:37px; height:12px; background:url(../img/menu/start.gif) 0 0 no-repeat; } #pageHome #pageWrap #features_menu #li2 a { width:36px; height:12px; background:url(../img/menu/space.gif) 0 0 no-repeat; } #pageHome #pageWrap #features_menu #li3 a { width:75px; height:12px; background:url(../img/menu/confidence.gif) 0 0 no-repeat; } #pageHome #pageWrap #features_menu #li4 a { width:55px; height:12px; background:url(../img/menu/balance.gif) 0 0 no-repeat; } #pageHome #pageWrap #features_menu #li5 a { width:79px; height:12px; background:url(../img/menu/interaction.gif) 0 0 no-repeat; } #pageHome #pageWrap #features_menu #li6 a { width:47px; height:12px; background:url(../img/menu/energy.gif) 0 0 no-repeat; } #pageHome #pageWrap #features_menu #li7 a { width:67px; height:12px; background:url(../img/menu/simplicity.gif) 0 0 no-repeat; } /* left menu nav HOVER*/ #pageHome #pageWrap #features_menu li#li1 a:hover { background-position:0 -12px; } #pageHome #pageWrap #features_menu li#li2 a:hover { background-position:0 -12px; } #pageHome #pageWrap #features_menu li#li3 a:hover { background-position:0 -12px; } #pageHome #pageWrap #features_menu li#li4 a:hover { background-position:0 -12px; } #pageHome #pageWrap #features_menu li#li5 a:hover { background-position:0 -12px; } #pageHome #pageWrap #features_menu li#li6 a:hover { background-position:0 -12px; } #pageHome #pageWrap #features_menu li#li7 a:hover { background-position:0 -12px; } /* left menu nav active*/ #pageHome #pageWrap #features_menu li#li1 a.active { width:37px;background:url(../img/menu/start.gif); background-position:0 -12px; } #pageHome #pageWrap #features_menu li#li2 a.active { width:36px;background:url(../img/menu/space.gif); background-position:0 -12px; } #pageHome #pageWrap #features_menu li#li3 a.active { width:75px;background:url(../img/menu/confidence.gif); background-position:0 -12px; } #pageHome #pageWrap #features_menu li#li4 a.active { width:55px;background:url(../img/menu/balance.gif); background-position:0 -12px; } #pageHome #pageWrap #features_menu li#li5 a.active { width:79px;background:url(../img/menu/interaction.gif); background-position:0 -12px; } #pageHome #pageWrap #features_menu li#li6 a.active { width:47px;background:url(../img/menu/energy.gif); background-position:0 -12px; } #pageHome #pageWrap #features_menu li#li7 a.active { width:67px;background:url(../img/menu/simplicity.gif); background-position:0 -12px; } /* left nav general */ #pageHome #pageWrap #features_menu li { text-indent:-2000px; margin-bottom:10px; } #pageHome #pageWrap #features_menu li a { display:block; overflow:hidden; } #pageHome #pageWrap #features_menu li { height:12px; } #pageHome #pageWrap #features_menu li a:hover { height:12px; } #pageHome #pageWrap { position:relative; top:-32px; width:100%; height:100%; } /* Header box */ #pageHome #pageWrap #header { width:616px; margin:0 auto; padding-top:10px; } #pageHome #pageWrap #headerContent { position:relative; padding: 30px 0 30px 0; height: 114px; } #pageHome #pageWrap #headerContent #lefty { float:left; width:135px; margin-left: 35px; } #pageHome #pageWrap #headerContent #righty { margin:0 0 0 140px; padding-top:60px; } #pageHome #pageWrap #headerContent #righty h1.imageReplace { width:359px; height:25px; color: #4e4d4d; margin: 0;text-indent:-5000px; } #pageHome #pageWrap #headerContent #righty h1.imageReplace span { background:url(../img/new_c_class.gif);} #pageHome #pageWrap #headerContent p { margin: 17px 0 0 21px; color: #666;} #pageHome #pageWrap .footer { text-align:center; margin: 20px 0 0 0; padding-bottom:50px;} #pageHome #pageWrap .footer a { color: #666; } #pageHome #pageWrap .footer a:hover { color: #000; } #pageHome #flashWrap #pageWrap #menu_top { } #pageHome #flashWrap #pageWrap #two_columns { margin:0 auto; text-align:left; width: 616px; } #pageHome #flashWrap #pageWrap #two_columns #left_col { float:left; width:271px; } #pageHome #flashWrap #pageWrap #two_columns #left_col { margin-top:8px;} #pageHome #flashWrap #pageWrap #two_columns #left_col #features_menu { padding:22px 0 8px 19px; } #pageHome #flashWrap #pageWrap #two_columns #left_col li a { color:#666;text-decoration:none; } #pageHome #flashWrap #pageWrap #two_columns #bottom_box { margin-top: 10px; } #pageHome #flashWrap #pageWrap #two_columns #right_col { margin-left:293px; padding:10px 0 0 0; } /* IMAGE TITLE REPLACE */ #pageHome #flashWrap #pageWrap #two_columns #right_col h2#space { background:url(../img/titles/space.gif);text-indent:-5000px; width:54px; height:16px; color: #4e4d4d; margin: 0 0 10px 0; } #pageHome #flashWrap #pageWrap #two_columns #right_col h2#space span { display:none;} #pageHome #flashWrap #pageWrap #two_columns #right_col h2#confidence { background:url(../img/titles/confidence.gif);text-indent:-5000px; width:116px; height:16px; color: #4e4d4d; margin: 0 0 10px 0; } #pageHome #flashWrap #pageWrap #two_columns #right_col h2#confidence span {display:none; } #pageHome #flashWrap #pageWrap #two_columns #right_col h2#balance { background:url(../img/titles/balance.gif);text-indent:-5000px; width:84px; height:16px; color: #4e4d4d; margin: 0 0 10px 0; } #pageHome #flashWrap #pageWrap #two_columns #right_col h2#balance span {display:none; } #pageHome #flashWrap #pageWrap #two_columns #right_col h2#interaction { background:url(../img/titles/interaction.gif);text-indent:-5000px; width:122px; height:16px; color: #4e4d4d; margin: 0 0 10px 0; } #pageHome #flashWrap #pageWrap #two_columns #right_col h2#interaction span {display:none; } #pageHome #flashWrap #pageWrap #two_columns #right_col h2#energy { background:url(../img/titles/energy.gif);text-indent:-5000px; width:72px; height:16px; color: #4e4d4d; margin: 0 0 10px 0; } #pageHome #flashWrap #pageWrap #two_columns #right_col h2#energy span {display:none; } #pageHome #flashWrap #pageWrap #two_columns #right_col h2#simplicity { background:url(../img/titles/simplicity.gif);text-indent:-5000px; width:103px; height:16px; color: #4e4d4d; margin: 0 0 10px 0; } #pageHome #flashWrap #pageWrap #two_columns #right_col h2#simplicity span {display:none; } #pageHome #flashWrap #pageWrap #two_columns #right_col #features_list { list-style-type: disc; padding-left: 1em; padding-bottom: 1em; } #pageHome #flashWrap #pageWrap #two_columns #right_col #features_list li a { font-size: 0.75em; color: #666; padding-bottom: 0.5em;} #pageHome #flashWrap #pageWrap #two_columns #right_col #features_list li.active a { color: #000; } #pageHome #flashWrap #pageWrap #two_columns #right_col #right_content_container { padding: 15px; }