html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}

html {height: 100%; background: #01090e url(bg_html.jpg) top center repeat-x;}
body { background: transparent url(bg_html.jpg) top center no-repeat; font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #666666; height: 100%;}

/* Main header content
--------------------------------------------------------------------------------------- */
.container { width:960px; margin: 0 auto; padding: 0 0; }
.header { width:960px; margin: 0 auto; padding: 0 0 12px 0; overflow: hidden; }
.header_tabs { width: 40%; overflow: hidden; margin-top: 35px; float: right; display: inline; margin-right: 40px; }
.header_tabs li {float: right; display: inline; margin-left: 12px;font-size: 1.4em; color: #ffffff;}
.header h1 { float: left; display: inline; margin: 11px 0 0 34px; }
.content { width:880px; margin: 0 auto; padding: 30px 40px; background: #ffffff;}
.main { width:640px; float:right; display:inline; margin: 0; }
.sidebar { width:200px; padding:0; float:left; display:inline; margin: 0;}
.footer { width: 960px; margin: 0 auto; padding: 26px 0 24px 0; color: #576170; overflow: hidden;}

h1, h2, h3, h4, h5, h6 { font-family: "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.8em; color: #333333;}

h3.small_text { font-size:1.2em; font-weight:bold; font-family: Helvetica, Arial, Verdana, sans-serif; letter-spacing: .4em; text-transform: uppercase; color: #9ba6b3; }
p { font-size:1.4em; line-height:1.8em; margin:12px 0; }
small { font-size:1.1em;}

body.home .content { width:960px; margin: 0 auto; padding: 0;}

.page_header { width: 880px; overflow: hidden; margin: 0 auto 24px auto; }
.page_header h3 { font-size: 3.4em; font-weight: 200; padding-bottom: 4px; float: left; display: inline;}
.page_header small { float: right; display: inline; margin-top: 12px; color: #aaaaaa; text-transform: uppercase; font-weight: bold; margin-left: 12px; }
.page_header h5 { color: #888888; font-size: 1.1em; margin-top: 8px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal;}
.page_header h6 { float: right; display: inline; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.2em; }
.page_header h3.story_title { font-size: 3.4em; line-height: 1em; font-weight: 200;}

.big_font { width:800px; float: left; padding-left:50px; font-size: 2.4em; font-weight: 200; color: #666666;  line-height: 1.6em; font-family: "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.big_font span { background: #fff7ab;}

.divider { width: 880px; overflow: hidden; background: transparent url(bg_homepage_content.jpg) 0 -5px no-repeat; padding-top: 70px;  margin: 0 auto 24px auto;}
.divider_left { float: left; display: inline; width: 66%;}
.divider_right { float: right; display: inline; width: 30%;}

.top_nav a:link { color:#888888;}
.top_nav a:visited { color:#888888;}
.top_nav a:hover { color:#888888; }
.top_nav a:active { color:#888888;}

.top_nav a.active_category { font-weight: bold;}
.top_nav a.active_category:link { color:#333333;}
.top_nav a.active_category:visited { color:#333333;}
.top_nav a.active_category:hover { color:#333333; }
.top_nav a.active_category:active { color:#333333;}

.top_nav { width:300px; overflow: hidden; float: right; display: inline; margin: 20px 0 0 0; }
.top_nav li { float: right; display: inline; margin-left: 50px; font-size: 1.4em;}
.top_nav li.last { margin-left: 0; }

.top_nav li a { font-weight: 400; }

/* Header menu tab css
--------------------------------------------------------------------------------------- */

.header h1 { float: left; display: inline; margin: 31px 0 0 34px; }

.main_nav { width: 960px; padding: 0 0 0 0; height: 50px; overflow: hidden; background: #3e5673 url(bg_main_menu.jpg) bottom left repeat-x; border-bottom: 3px solid #ffffff; position: relative;}
.main_nav { -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; -webkit-border-top-left-radius:12px; -webkit-border-top-right-radius:12px;}

.main_nav_left { float: left; display: inline; width: 590px; overflow: hidden;}
.main_nav_right { float: right; display: inline; width: 300px; overflow: hidden; margin-right: 36px; margin-top: 8px;}

.main_nav_left li { float: left; display: inline; height: 50px; background: transparent url(bg_main_menu_li.jpg) 100% 50% no-repeat; font-size: 1.4em; width: 118px; text-align: center;}
.main_nav_left li a { display: block; height: 50px; line-height: 50px; padding: 0 0; width: 118px;}

.main_nav_right li { float: right; display: inline; height: 33px; font-size: 1.2em; background: none; margin: 0 0 0 10px; padding: 0; width: 239px; }
.main_nav_right li a { display: block; height: 33px; line-height: 33px; padding: 0 0; text-align: center; width: 239px; }
.main_nav_right li a:hover { color: #ffffff;}

/* Links
--------------------------------------------------------------------------------------- */

a {font-weight: bold; text-decoration: none;}
a:link { color: #169bdc;}
a:visited { color: #169bdc;}
a:hover { color: #169bdc; text-decoration: underline;}
a:active { color: #169bdc;}

.main_nav a:link { color: #ffffff;}
.main_nav a:visited { color: #ffffff;}
.main_nav a:hover { color: #36bafa; text-decoration: none;}
.main_nav a:active { color: #ffffff;}

.main_nav a.active { background: transparent url(bg_main_menu_active.gif) bottom center no-repeat;}
.main_nav a.active:link { color: #36bafa;}
.main_nav a.active:visited { color: #36bafa;}
.main_nav a.active:hover { color: #36bafa; text-decoration: none;}
.main_nav a.active:active { color: #36bafa;}

.old a:link { color: #333333;}
.old a:visited { color: #333333;}
.old a:hover { color: #999999; text-decoration: none;}
.old a:active { color: #333333;}

/* Circle Layout CSS
--------------------------------------------------------------------------------------- */

.rotator { width: 960px; height: 394px; background: #edf7fe url(bg_rotator.jpg) bottom left no-repeat; position: relative;}
#divMainRotator { width: 960px; height: 394px; overflow: hidden;}
.featured_project { width: 880px; padding: 0 40px; height: 394px; overflow: hidden;}
.featured_project img { float: right; display: inline;}
.featured_project_content { float: left; display: inline; width: 390px; margin-top: 50px; overflow: hidden;}
.featured_project_content h4 { font-size: 3.8em; font-weight: 200; margin: 26px 0; line-height: 1.1em;}

#divMainRotatorNav { position:absolute; bottom:24px; left:37px; z-index:99; height: 33px; width:400px; overflow: hidden;}
#divMainRotatorNav a { display: block; float: left; width: 59px; height: 33px; background: transparent url(btn_rotator_active.gif) top right no-repeat; text-align: center; line-height: 33px; font-size: 1.2em; color: #ffffff; margin-right: 12px; }
#divMainRotatorNav a:hover { background: transparent url(btn_rotator_active.gif) top left no-repeat; text-decoration: none; }
#divMainRotatorNav a.activeSlide { background: transparent url(btn_rotator_active.gif) top left no-repeat; text-decoration: none; color: #ffffff; }
#divMainRotatorNav a:focus { outline: none; }


/* Homepage Layout
--------------------------------------------------------------------------------------- */

.homepage_content { width: 880px; padding: 40px 40px 24px 40px; overflow: hidden; background: transparent url(bg_homepage_content.jpg) bottom left no-repeat; }
.homepage_content_left { float: left; display: inline; width: 572px; overflow: hidden;}
.homepage_content_right { float: right; display: inline; width: 268px;}

.what_we_do { float: left; display: inline; width: 266px;}
.email_box { float: right; display: inline; width: 273px;}

.what_we_do_content { float: right; display: inline; width: 76%; }
.email_content { float: right; display: inline; width: 73%; }
.request_project_content { float: right; display: inline; width: 74%; }

.featured_work { width: 918px; padding: 40px 12px 16px 30px; }
body.ourwork .featured_work { width: 918px; padding: 0 12px 16px 30px; }
.featured_work h3 { margin-left: 10px;}
.featured_work h3 span { letter-spacing: 0; text-transform: none; margin-left: 10px;}

.portfolio_box { width: 100%; margin-top: 26px; overflow: hidden;}
.portfolio_item { float: left; display: inline; width: 246px; padding: 20px; background: transparent url(bg_work_thumbnail.gif) 0 0 no-repeat; overflow: hidden; margin-right:20px; }
.portfolio_item img { margin-bottom: 22px;}
.portfolio_item h4 { font-size: 1.4em;}
.portfolio_item h4 a { font-weight: normal;}
.portfolio_item:hover a { color: #169bdc; }

.learn_more_products { height: 100px; width: 880px; background: #223958; padding: 0 40px; }
.learn_more_products h4 { float:left; display: inline; font-size: 2em; color: #ffffff; margin: 25px 0 0 0;}
.learn_more_products p { float:left; clear: left; display: inline; color: #ffffff; margin: 2px 0 0 0; width: 69%; color: #6b819f; }

body.hide_subfooter .learn_more_products { display: none;}

/* footer css
--------------------------------------------------------------------------------------- */

.bottom_content { width: 880px; padding: 40px 40px 24px 40px; background: #19202b; overflow: hidden; color: #4e5c71;}
.bottom_content { -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -webkit-border-bottom-left-radius:12px; -webkit-border-bottom-right-radius:12px;}
.bottom_content h3 { color: #ffffff;}

.bottom_content_left { float: left; display: inline; width: 572px; overflow: hidden;}
.bottom_content_right { float: right; display: inline; width: 268px;}
.bottom_content_right p { margin: 7px 0 0 0;}

.twitter { overflow: hidden; margin-top: 20px; border-top: 1px solid #323d4e; width: 100%; padding-top: 20px;}
img.hiring { background: #ffffff; border: 1px solid black; padding: 9px; margin-top: 5px; display: inline;}

.office_location { float: left; display: inline; width: 266px;}
.office_location_content { float: right; display: inline; width: 63%; }
.office_location img { background: #ffffff; border: 1px solid black; padding: 6px; margin-top: 5px;}

.mailing_address { float: right; display: inline; width: 266px;}

.social_networks { width: 40%; overflow: hidden; margin-top: 35px; float: right; display: inline; margin-right: 40px; }
.social_networks li {float: right; display: inline; margin-left: 12px;font-size: 1.4em; color: #ffffff;}

.footer img { float: right; display: inline; margin-top: 0; }
.copyright { width: 960px; margin: 0 auto; padding: 0 0 0 0; overflow: hidden; }
.copyright p { font-size: 1.1em; margin: 5px 0 4px 0; }
.copyright p.last { margin-bottom: 0; }


img.large_image { margin-top: 26px; margin-bottom: 10px}
img.image_frame { padding: 9px; background: #ffffff; border: 1px solid #dddddd;}
img.small_image { margin: 0 0 10px 40px; float: right; display: inline;}