/* CSS Document */ body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; background-color:#383838; background-image:url(../images/bg.gif); background-position:top; background-repeat:repeat-x; margin:0px; } #container { margin:auto; width:750px; margin-top:20px; } a:hover { text-decoration:underline; } p, img, form, div { padding:0px; margin:0px; } img { border:0px; } /* Header Strip */ #headerstrip { margin:auto; width:750px; background-color:#FFFFFF; background-image:url(../images/headerstrip.png); background-position:top; background-repeat:no-repeat; height:44px; } #headerstrip .logo { margin-top:13px; margin-left:8px; } #headerstrip .tagline { float:right; margin-top:25px; margin-right:8px; } #headerstrip h1, h2 { margin:0px; padding:0px; } /* Page Banner */ #pagebanner { font-size:0px; } /* Tag Box */ #tagbox { position:absolute; top:80px; left:auto; margin-left:-45px; right:auto;} /* Banner title */ #bannertitle { position:absolute; top:195px; width:742px; text-align:right; left:auto; margin-left:0px; right:auto;} /* Navigation */ #navigation { font-size:11px; color:#93CAE7; font-weight:bold; background-image:url(../images/navbg.gif); background-repeat:repeat-x; height:28px; padding-left:3px; text-align:center; } #navigation ul { margin:0px; padding:0px; list-style-type:none; } #navigation li { margin:0px; padding:0px; float:left; width: 14%;text-align: center; } #navigation a {display: block;text-decoration: none;padding-top:8px; padding-bottom:7px;color:#93CAE7;} #navigation a:hover { color:#ffffff; } #navigation .blue_active { background-color: #2667A9; color:#FFFFFF; } #navigation .orange_active { background-color: #FDAF0E; color:#FFFFFF; } #navigation .pink_active { background-color: #B30B18; color:#FFFFFF; } #navigation .green_active { background-color: #64DC1C; color:#FFFFFF; } #navigation .purple_active { background-color: #BA00FF; color:#FFFFFF; } #navigation .lightblue_active { background-color: #00B4FF; color:#FFFFFF; } #navigation .grey_active{ background-color: #8F8F8F; color:#FFFFFF; } #navigation .blue:hover { background-color: #2667A9; } #navigation .orange:hover { background-color: #FDAF0E; } #navigation .pink:hover { background-color: #B30B18; } #navigation .green:hover { background-color: #64DC1C; } #navigation .purple:hover { background-color: #BA00FF; } #navigation .lightblue:hover { background-color: #00B4FF; } #navigation .grey:hover { background-color: #8F8F8F; } /* Content */ #content { background-color:#FFFFFF; padding:8px; } #content-nopadding { background-color:#FFFFFF; padding:0px; } #rightoptions { float:right; width:161px; text-align:center; } #rightoptions p { margin-bottom:15px; } #relevent { text-align:right; } #relevent ul { padding:0px; text-align:right; list-style-type:none; } #relevent li { padding:4px; } #relevent li.header { font-weight:bold ; } #relevent .about li { border-top:1px solid #FDDB94; } #relevent .about li.header { background-color:#FDDB94; color:#FF6600; } #relevent .services li { border-top:1px solid #FFBBD1; } #relevent .services li.header { background-color:#FFBBD1; color:#FF0054; } #relevent a { color:#666666; text-decoration:none; } #relevent a:hover { text-decoration:underline; } #pagecontent { width:550px; background-color:#FFFFFF; } #pagecontent p { margin-bottom:15px; margin-top:4px; line-height:17px;} #pagecontent-full { width:100%; } #pagecontent-full p { margin-bottom:15px; margin-top:4px; line-height:17px;} #pagecontent .about { } #pagecontent .about a { color:#FF7800; text-decoration:none; } #pagecontent .about a:hover { text-decoration:underline; } #pagecontent .services { } #pagecontent .services a { color:#DD064D; text-decoration:none; } #pagecontent .services a:hover { text-decoration:underline; } #pagecontent .portfolio { } #pagecontent .portfolio a { color:#0066CC; text-decoration:none; } #pagecontent .portfolio a:hover { text-decoration:underline; } #pagecontent .contact { } #pagecontent .contact a { color:#999999; text-decoration:none; } #pagecontent .contact a:hover { text-decoration:underline; } #pagecontent .news { } #pagecontent .news a { color:#009933; text-decoration:none; } #pagecontent .news a:hover { text-decoration:underline; } #pagecontent .clients { } #pagecontent .clients a { color:#663399; text-decoration:none; } #pagecontent .clients a:hover { text-decoration:underline; } #pagecontent .longimage { border:1px solid #999999; } #pagecontent .centre { text-align:center; } #pagecontent .mbox { padding:6px; background-color:#DFEEFF; border:1px solid #BBDDFF; } /* Home specific elements */ #homepage-left { width:300px; float:left; } #homepage-right { width:200px; margin-left:316px; } #homepage-message { font-size:10px; background-image:url(); background-repeat:no-repeat; height:74px; color:#9FC2E7; padding-left:8px;padding-top:8px; padding-right:65px; line-height:14px; } #homepage-message b { color:#FFFFFF; } #homepage-message a { color:#9FC2E7; text-decoration:underline; } #homepage-boxes { width:415px; } #homepage-bottom { margin:0px; text-align:center; } #homepage-bottom img { margin-left:0spx; margin-right:0px;} /*Sub-page navigation */ #subpagenav a { color:#FFFFFF; text-decoration:none; } #subpagenav a:hover { text-decoration:underline; } #subpagenav .aboutus { font-size:10px; color:#FFFFFF; padding:4px; padding-left:10px; background-color:#FDAF0E; } #subpagenav .aboutus .active { color:#C03B00; } #subpagenav .services { font-size:10px; color:#FFFFFF; padding:4px; padding-left:10px; background-color:#FF0054; } #subpagenav .services .active { color:#92052D; } #subpagenav .portfolio { font-size:10px; color:#FFFFFF; padding:4px; padding-left:10px; background-color:#00B4FF; } #subpagenav .portfolio .active { color:#00658F; } #subpagenav .contact { font-size:10px; color:#FFFFFF; padding:4px; padding-left:10px; background-color:#8F8F8F; } #subpagenav .contact .active { color:#565656; } #subpagenav .news { font-size:10px; color:#FFFFFF; padding:4px; padding-left:10px; background-color:#64DC1C; } #subpagenav .news .active { color:#006600; } #subpagenav .clients { font-size:10px; color:#FFFFFF; padding:4px; padding-left:10px; background-color:#BA00FF; } #subpagenav .clients .active { color:#660066; } /* Sub-page elements */ #subpage-title-aboutus { color:#383838; padding:10px; font-family:"Trebuchet MS", Verdana, sans-serif; background-color:#FDDB94; font-size:20px; } #subpage-title-aboutus h1 { padding:0px; margin:0px; font-size:20px; } #subpage-title-services { color:#383838; padding:10px; font-family:"Trebuchet MS", Verdana, sans-serif; background-color:#FFBBD1; font-size:20px; } #subpage-title-services h1 { padding:0px; margin:0px; font-size:20px; } #subpage-title-portfolio { color:#383838; padding:10px; font-family:"Trebuchet MS", Verdana, sans-serif; background-color:#BDD8F4; font-size:20px; } #subpage-title-portfolio h1 { padding:0px; margin:0px; font-size:20px; } #subpage-title-contact { color:#383838; padding:10px; font-family:"Trebuchet MS", Verdana, sans-serif; background-color:#cccccc; font-size:20px; } #subpage-title-contact h1 { padding:0px; margin:0px; font-size:20px; } #subpage-title-news { color:#383838; padding:10px; font-family:"Trebuchet MS", Verdana, sans-serif; background-color:#ADD495; font-size:20px; } #subpage-title-news h1 { padding:0px; margin:0px; font-size:20px; } #subpage-title-clients { color:#383838; padding:10px; font-family:"Trebuchet MS", Verdana, sans-serif; background-color:#C7A0D6; font-size:20px; } #subpage-title-clients h1 { padding:0px; margin:0px; font-size:20px; } /* Footer */ #footer { background-image:url(../images/footer.gif); margin-bottom:15px; background-repeat:no-repeat; min-height:38px; padding-top:42px; font-size:9px; line-height:15px; color:#737373; } #footer .right { float:right; color:#7B95B1; } #footer .right a { color:#7B95B1; text-decoration:none; } #footer .right a:hover { color:#7B95B1; text-decoration:underline; } #footer .left { color:#7B95B1; } #footer .left a { color:#7B95B1; text-decoration:none; } #footer .left a:hover { color:#7B95B1; text-decoration:underline; } .floatleft { float:left; margin-right:10%; } .imgleft { float:left; margin-right:10px; margin-bottom:3px; } .imgleft-border { float:left; margin-right:10px; margin-bottom:3px; border:1px solid #CCCCCC; } .errortext { color:#FF3300; }