html { height: 100%;  } 
body { background-color:#d4d4d4; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0px; min-height: 101%;}

/* DEFAULT HTML ELEMENTS */
h1 { color:#505050; font-size:30px; font-weight:normal; margin:0 0 10px; }
h2 { color:#505050; font-size:22px; margin:0 0 10px; }
h3 { color:#505050; font-size:18px; }
h4 { color:#505050; font-size:14px; margin:10px 0;}
ul { margin:0 0 20px 0; padding:0; }
li { margin:0 0 12px 15px; }
hr { display:none;}
img { border:0; }
.left{ float:left; }
.right { float:right; }
a { color:#004489; text-decoration:none; }
a:hover { color:#004489; text-decoration:underline; }
blockquote { font-size:13px; font-style:italic; margin:10px 0 10px 0; }

/* SITE STRUCTURE */
#site_container { width:760px; margin:30px auto 0px auto; padding:0px 10px 0px 0px; color:#666; background-color:#fff; }

#container { margin:20px 0 0; overflow:hidden; padding:0 0 0 10px; width:750px; } 
#container.circles { background:url(../images/imeta_circles.jpg) no-repeat bottom left;}

/* HEADER */
#header_area { height:343px; font-size:10px; margin:0px 0px 0px 10px; }

#header_area_no_flash { height:120px; font-size:10px; margin:0px 0px 0px 10px; }

#lower_header { width: 100%; height:100%; margin:0px; background-image:url(../images/cityscape.png); background-repeat:no-repeat; }
#lower_header h1 { padding: 175px 0px 25px 5px; color: White;  }

#header_nav { float:right; padding:6px 0px 6px 0px; background-color:#fff;}
#header_nav a { color:#999; text-decoration:none; }
#header_nav a:hover { color:#333; text-decoration:none; }
#header_nav img { vertical-align:text-bottom; }

#upper_header { clear:right; background-image:url(../images/top_nav.jpg); height:92px; background-repeat:no-repeat; font-size:13px;}
#upper_header_nav ul { list-style-type:none; margin:39px 0px 0px 0px; float:right; }
#upper_header_nav li { display:inline; margin:0px 57px 0px 0px;  }
#upper_header img { float:left; }

#upper_header_nav a { color:#fff; text-decoration:none; background-image:url(../images/pixel_arrow_white.gif); background-repeat:no-repeat; padding:0px 0px 0px 22px;}
#upper_header_nav a:hover { color:#9EC9E3; text-decoration:none; background-image:url(../images/pixel_arrow_blue.gif); background-repeat:no-repeat; padding:0px 0px 0px 22px;}

#breadcrumb { clear:both; background-color:#b3d6fc; height:17px; color:#004489; padding:5px 0px 0px 0px; margin:-5px 0px 0px 10px;}
#breadcrumb h1 { font-size:10px; font-weight:normal; float:left; margin:0px 0px 0px 7px; color:#004489; }
#breadcrumb h2 { font-size:10px; font-weight:normal; float:right; margin:0px 7px 0px 0px;}
#breadcrumb a { color:#004489; text-decoration:none;}
#breadcrumb a:hover { text-decoration:underline;}

/* FOOTER */
#footer { clear:both; background-color:#d4d4d4; height:17px; width:770px; padding:5px 0px 3px 0px; margin:0px auto 30px auto; color:#999;}
#footer a { color:#999; text-decoration:none;}
#footer a:hover { color:#999; text-decoration:underline;}
#footer h1, #footer h2 { font-size:10px; font-weight:normal; margin:0px; color:#999;}
#footer h1 { float:left; }
#footer h2 { float:right; }

/* MAIN COLUMN LAYOUT */
.left_column_content { width:246px; float:left; padding:0 10px 0 0 }
.right_column_content { width:480px; float:right; padding:0 0 10px 10px;}

/* GENERAL STYLES */
p.intro, .jobTitle { color:#505050; font-size:17px; font-weight:normal; margin:0 0 14px; }
.jobTitle { display:block; }
.borderTop { border-top:1px solid #CCD1E0; }
.inside { padding:8px 0 8px 0; }
.clear { clear:both; }
.no-border { border:none; }
.red { color:#8E001C; }
.grey { color:#666666; }
.features { float:left; width:160px; }

/* RIGHT INFO COLUMN */
#right_info { float:right; width:160px; text-align:right; clear:both; font-size:11px; }
#right_info .image { margin:0 0 10px 0; }

#right_info .company { display:block; background-repeat:no-repeat; background-position:top right; font-weight:bold; margin-bottom:25px; }
#right_info .company:hover { text-decoration:underline; }

#right_info .clydesdale { background-image:url(../images/logos/clydesdale_grey.jpg); padding:30px 0 0 0; }
#right_info .clydesdale:hover { background-image:url(../images/logos/clydesdale.jpg); }

#right_info .collinsstewart { background-image:url(../images/logos/collinsstewart_grey.jpg); padding:35px 0 0 0; }
#right_info .collinsstewart:hover { background-image:url(../images/logos/collinsstewart.jpg); }

#right_info .northernrock { background-image:url(../images/logos/northernrock_grey.jpg); padding:90px 0 0 0; }
#right_info .northernrock:hover { background-image:url(../images/logos/northernrock.jpg) }

#right_info .tepexchange { background-image:url(../images/logos/tepexchange_grey.jpg); padding:40px 0 0 0; }
#right_info .tepexchange:hover { background-image:url(../images/logos/tepexchange.jpg) }

#right_info .woolwich { background-image:url(../images/logos/woolwich_grey.jpg);padding:45px 0 0 0; }
#right_info .woolwich:hover { background-image:url(../images/logos/woolwich.jpg) }

#right_info .databox { width:124px; float:right; text-align:left; border:1px solid #CCD1E0; font-size:11px; padding:8px; margin:0 0 10px 0; }

#right_info ul { margin:0; padding:0; }
#right_info li { background-color:#ebebeb; border-top:1px solid #fff; list-style-type:none; padding:8px 0 8px 8px; margin:0 0 0 0; }                 
#right_info li:hover { background-color:#C0C0C0; }

/* LEFT HAND NAVIGATION MENU */
#navigation-level-1 { border-bottom:1px solid #ccd1e0; padding:0px 0px 10px 0px; margin:0px 5px 0px 0px; }
#navigation-level-1 ul { list-style-type:none; margin:0; padding:0 0 0 10px; }
#navigation-level-1 li { margin:0px 0px 7px 0px; font-size:14px; }
#navigation-level-1 a { display: block; color:#666; text-decoration:none; background-image:url(../images/pixel_arrow_grey.gif); background-repeat:no-repeat; padding:0px 0px 0px 22px; }
#navigation-level-1 a:hover { color:#004489; text-decoration:none; background-image:url(../images/pixel_arrow_blue.gif); background-repeat:no-repeat; padding:0px 0px 0px 22px; }
#navigation-level-1 a.selected { color:#004489; text-decoration:none; background-image:url(../images/pixel_arrow_blue.gif); background-repeat:no-repeat; padding:0px 0px 0px 22px; }

#navigation-level-2 { margin:7px 0px 0px 14px; }
#navigation-level-2 ul { list-style-type:none; margin:0px 0px 0px 10px; padding: 0px 0px 0px 0px; }
#navigation-level-2 li { margin:0px 0px 7px 0px; font-size:12px; }
#navigation-level-2 a { display: block; color:#666; text-decoration:none; background-image:url(../images/pixel_arrow_grey_sm.gif); background-repeat:no-repeat; padding:0px 0px 0px 15px; }
#navigation-level-2 a:hover { color:#004489; text-decoration:none; background-image:url(../images/pixel_arrow_blue_sm.gif); background-repeat:no-repeat; padding:0px 0px 0px 15px;}
#navigation-level-2 a.selected { color:#004489; text-decoration:none; background-image:url(../images/pixel_arrow_blue_sm.gif); background-repeat:no-repeat; padding:0px 0px 0px 15px;}

/* NAVIGATION MODULES */
#nav_modules { margin:10px 0px 0px 0px; font-size:12px; }
#nav_modules h1 { color:#666666; font-size:16px; font-weight:normal; padding:0px; margin:0px 0px 5px 0px; }
#nav_modules div.navmodule { margin:0px 0px 10px 0px; padding:8px; border:1px solid #ccd1e0; width:223px; color:#666; font-size:11px; }
#nav_modules p { margin:10px 0px 0px 0px; }
#nav_modules p.disclaimer { color:#666666; font-size:11px; margin:0; padding:8px; width:222px;}
#nav_modules img { margin:0 0 5px 0;}

/* LOWER CONTENT */
#lower_content { margin:20px 0 0 0; overflow:hidden; padding:0 0 0 10px; width:750px; }

/* QUOTE */
.quote { width:223px; padding:20px 8px 20px 8px; }

/* HOME PAGE (~/Default.aspx) */
#content_home { background-color:#fff; padding:10px 10px 7px 10px; font-size:11px; float:left; width:750px; }
#content_home ul { list-style:none outside; margin:0px; padding:0px; }

#home_headlinearea { background-color:#fff; width:100%; padding:0px 0px 0px 0px; margin:25px 0 25px 0; float:left;}
#home_headlinearea h1 { font-size:24px; color:#505050; font-weight:normal; margin:0; padding:0;}

#home { width: 100%; font-size:13px; line-height:18px; float:left; padding:0px 0px 5px 0px; }
#home .column { padding:10px 10px 10px 10px; float:left; width:46%; height: 325px; border: 1px solid #ccd1e0; margin:0px 15px 0px 0px; }
#home .last { margin:0; float: right; }
#home img { padding:0px 0px 10px 0px; }
#home h1 { font-size:20px; line-height:23px; color:#505050; margin:13px 0 13px 0; font-weight:bold; }

#home a { color: #666; }
#home a:hover { text-decoration: none; cursor: pointer; }

#home_bottom { font-size:12px; float:left; margin:25px 0 10px 0; }
#home_bottom .column { background-color:#d4d4d4; width:230px; height:58px; float:left; display:block; cursor:pointer; padding:10px 0px 0px 10px; margin:0 15px 0 0px; }
#home_bottom strong { color:#666666; }
#home_bottom a:hover { text-decoration:none; }
#home_bottom .last { margin:0; width:229px }
#home_bottom .bestcompany { background-image:url(../images/home_lower_best_company.jpg); }
#home_bottom .techtrack { background-image:url(../images/home_lower_techtrack.jpg); }
#home_bottom .agility { background-image:url(../images/home_lower_agility.jpg); }
#home_bottom .blogs { background-image:url(../images/home_lower_blog.jpg); }
#home_bottom .twitter { background-image:url(../images/home_lower_twitter.jpg); }
#home_bottom .news { background-image:url(../images/home_lower_news.jpg); }
#home_bottom .reasons { background-image:url(../images/home_lower_reasons.jpg); }
#home_bottom .qcon { background-image:url(../images/QCon.jpg); }

#home_footer { float:left; vertical-align:middle; }
#home_footer a { display:block; float:left; padding:4px 15px 8px 30px; }
#home_footer a:hover { text-decoration:none; }
#home_footer .rss { background:url(../images/rss.gif) no-repeat top left; }
#home_footer .twitter { background:url(../images/twitter.png) no-repeat top left; }

/* OUR APPROACH (~/About/Approach.aspx) */
#our_approach { height:200px; background:#98CCFE; color:#fff; font-size:13px; font-weight:bold; padding:10px; margin:20px 0 0 0; }
#our_approach ul { list-style-type:none; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:0; margin:10px 0 10px 0; width:230px; line-height:10px; }
#our_approach li { padding:2px 0px 2px 0px; margin:4px 0 4px 0; font-size:12px; font-weight:normal; }

/* SIX REASONS TO USE IMETA (~/About/Reasons.aspx) */
#reasons div { border:1px solid #ccd1e0; margin:10px 0 10px 0; padding:10px; }
#reasons ul { height:115px; background-color:#d4d4d4; margin:0; padding:10px 0 0 0; }
#reasons li { font-size:12px; margin:0px 0px 2px 130px; }
#reasons img { float:left; padding:5px 0px 0px 10px; }
#reasons li.primaryReason { list-style-type:none; margin:0px 0px 0px 0px; font-size:24px; color:#505050; padding:3px 0px 5px 0px; }

/* OUR TRACK RECORD (~/About/TrackRecord.aspx) */
#track_record ul { padding:0px; margin:0px; }
#track_record li { font-size:12px; margin:0px; border:1px solid #ccd1e0; display:block; width:417px; list-style-type:none; padding:7px; margin:0px 0px 18px 0px; color:#666; }
#track_record .award-bestcompany { background-image:url(../images/award_bestcompany.jpg); height:56px; background-repeat:no-repeat; width:357px; padding:10px 50px 10px 10px; }
#track_record .award-techtrack { background-image:url(../images/award_tech_track.jpg); height:56px; background-repeat:no-repeat; width:267px; padding:10px 140px 10px 10px; }
#track_record .award-deloitte { background-image:url(../images/award_tech_deloitte.jpg); height:56px; background-repeat:no-repeat; width:267px; padding:10px 140px 10px 10px; }
#track_record .award-sundaytimes { background-image:url(../images/award_times_best.jpg); height:56px; background-repeat:no-repeat; width:267px; padding:10px 140px 10px 10px; }
#track_record .award-microsoft { background-image:url(../images/award_microsoft.jpg); height:56px; background-repeat:no-repeat; width:267px; padding:10px 140px 10px 10px; }
#track_record .award-investors { background-image:url(../images/award_investors.jpg); height:56px; background-repeat:no-repeat; width:267px; padding:10px 140px 10px 10px; }

/* CAREERS (~/About/Careers/Default.aspx) */
#careers p { margin:0 0 14px 0; }
#careers .jobPosition { float:left; font-size:11px; width:108px; }
#careers .jobTitle { display:block; margin:5px 0 0 0; font-size:11px; }
#careers .jobOverview { float:right; width:322px; padding:0 25px 0 0; }

/* SUMMARY LIST 
    - (~/Experience/CaseStudies/Default.aspx)
    - (~/News/Overview.aspx)
*/
#summary { font-size:12px; }
#summary h1, h2 { color:#505050; }
#summary h1 {font-size:20px; }
#summary h2 { font-size:16px; }
#summary img { float:right; }
#summary a { margin:0 10px 0 0; color:#666; text-decoration:none; }
#summary a:hover { text-decoration:underline; }
#summary .summary-item { border:1px solid #ccd1e0; width:452px; min-height:144px; padding:8px 8px 8px 8px; margin:10px 0 10px 0; }
#summary .summary-text { width:300px; }

#options { width:480px; font-size:10px; border-top:1px solid #e1e1e1; clear:both; padding:10px 0 10px 0; }
#options a { color:#666; text-decoration:none; }
#options a:hover { text-decoration:underline; }

/* ICON LINKS */
a.email, a.print, a.view, a.download { margin:0 10px 0 0; padding:4px 0 10px 23px; background-repeat:no-repeat; background-position:top-left; }
a.email { background-image:url(../images/icons/email.jpg); }
a.print { background-image:url(../images/icons/print.jpg); }
a.view { background-image:url(../images/icons/magnify.jpg); padding-left:17px; }
a.download { background-image:url(../images/icons/download.jpg); padding-left:17px; }

/* CONTACT (~/Information/Contact.aspx) */
#contact_details div { display:block; width:228px; float:left; margin:0 10px 0 0; }
#contact_details .contact_header { font-size:20px; }
#contact_details dt { font-weight:bold; }
#contact_details dd { margin:0; }

/* PRODUCTS (~/Services/Products/Default.aspx) */
#services { float:left; display:block; margin:0 0 10px 0; }
#services h1 { color:#505050; font-size:16px; font-weight:normal; padding:0px; margin:0px 0px 5px 0px; }
#services .service { width:222px; height:124px; float:left; border:1px solid #CCD1E0; display:inline-block; margin:0px 6px 10px 0px; padding:5px 5px 5px 5px; }

/* MEET THE TEAM (~/About/Team/Default.aspx) */
#employees { text-align:left; font-size:9px; }
#employees a { color:#666666; }
#employees a:hover { text-decoration:none; color:#004489; }
#employees .employee { width:112px; float:right; margin:0 0 10px 0; }

/* XXXX (~/xxx/xxx.aspx) */
#skills ul { font-size:12px; margin:0 0 0 15px; }
#skills li { font-size:12px; margin:0 0 5px 0; }

/* GALLERY
    - (~/Services/Labs/TaskForce.aspx)
*/
#gallery ul { list-style: none; }
#gallery ul li { display: inline; margin:0; }
#gallery ul img { border: 5px solid #D4D4D4; border-width: 5px 5px 5px; margin: 5px 5px 0px 0px; }
#gallery ul a:hover img { border: 5px solid #004489; border-width: 5px 5px 5px; color: #fff; }
#gallery ul a:hover { color: #fff; }

/* SILVERLIGHT (~/Services/Labs/Demos/SilverlightShowCaseApp.aspx) */
#silverlightControlHost { margin-left: 5px; height: 765px; width: 100%; }

/* LABS (~/Services/Labs/Default.aspx) */
ul.tags { list-style: none; }
li.tag { display: inline; margin:0 8px 0 0; font-size:11px; color:#A5A5A5; }
li.tag:hover { color:#004489; }