*{margin: 0px; padding: 0px;}
img{border: 0px;}
body{font-size: 12px; font-family: 'Arial', Verdana, Tahoma; color: #333333; margin: auto 0;}

/*
    Container Styles 
*/
#header{background: url('../images/header_bg.jpg') repeat-x; height: 100px; width: 100%;}
#header_content{width: 940px; margin: 0 auto; height: 100px;}
#header_content #logo{vertical-align: middle; margin-top: 18px;}
#nav{height: 35px; background: url('../images/nav_bg.gif') repeat-x;}
#teaser{height: 268px; background: url('../images/teaser_bg.jpg') repeat-x;}
#teaser_content{width: 940px; margin: 0 auto;}
#teaser_content #teaser_details{width: 610px;}
#teaser_content #teaser_details h1{color: #0f1747; font-size: 16px; font-weight: bold; margin: 0px;}
#teaser_content #teaser_details p{color: #f4fbff; font-size: 12px; line-height: 1.4em;}
#teaser_content #product_focus{float: right;}
#main{background: #CFCFCF; height: 590px;}
#main_content{width: 940px; margin: 0 auto; padding-top: 5px;}
#main_content_section{background: #fff; margin-top: -10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0px 22px; width: 879px;}
#main_content_section_inner{background: #ededed; width: 829px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-left: 1px; padding: 0px 22px; height: 490px;}
#main_content_section_inner div.tab_shadow{top: 60px; position: relative; z-index: 1;}

#supported_browsers{margin-top: 10px;}
#supported_browsers img{margin-left: 16px;}
#our_clients{height: 70px; border-top: 1px solid #ccc; background: url('../images/our_clients.gif') no-repeat left center; padding-top:  12px;}
#our_clients ul{margin-left: 145px; line-height: 45px;}
#our_clients ul li{float: left; margin-right: 40px; display: block;}
#our_clients ul li img{line-height: 45px; vertical-align: middle;}
.left_column {float:left; padding:25px 0 40px; width:410px;}
.right_column {float:left; padding:25px 0 0; width:380px;}

#testimonials{background: #f7f7f7; height: 340px; border-top: 2px solid #bdbdbd; border-bottom: 1px solid #bdbdbd;}
#testimonials_content{width: 940px; margin: 12px auto;}
#testimonials_content .comment{font-family: 'Times New Roman'; font-size: 16px; font-style: italic; color: #666666; width: 450px; margin-top: 22px;}
.comment{font-family: 'Times New Roman'; font-size: 16px; font-style: italic; color: #666666; margin-top: 22px;}
.author{color: #333;}
span.client_place{color: #ff6500;}
#featured_products{background: url('../images/featured_products_bg.jpg') no-repeat; width: 312px; height: 316px; float: right;}
#featured_products div.product{text-align: right; margin-top: 25px; margin-right: 14px; margin-left: 20px;}
#featured_products div.nav{font-size: 16px; color: #434343; font-weight: bold;}

#social{background: #e5ebf1; height: 120px;}
#social_content{width: 940px; margin: 0px auto; padding: 12px 0px;}
#social_content h3 {vertical-align: middle; line-height: 16px;}
#social_content h3 span{color: #c22323; font-weight: normal;}
#social_content h3 span img{vertical-align: bottom;} 
#social_content h3 span a{color: #c22323;}
#social_content ul.twitter_content li{background: url('../images/twitter_callout.gif') no-repeat; width: 522px; height: 48px; padding: 35px 17px; font-size: 9.3pt; color: #333; line-height: 20px;}
ul.twitter_content li a{color: #fff;}
#social_content #from_blog{float: right; width: 340px;}
#social_content #from_blog ul.blog_content li{background: url('../images/post_icon.gif') no-repeat left center; padding-left: 22px; margin-top: 12px;}

#footer{background: url('../images/footer_bg.gif') repeat-x; height: 35px;}
#footer_content{margin: 0 auto; width: 940px; padding-top: 12px; color: #585858;}
#footer_content ul.footer_links li{float: right; margin-left: 12px; text-transform: uppercase; font-size: 10px;}
#footer_content ul.footer_links li a{color: #585858;}

/* Page Styles */
#page_main{background: #fff url('../images/page_content_bg.gif') repeat-x; border-top: 1px solid #b8b8b8;}
#page_main_content{width: 940px; margin: 12px auto; min-height: 500px; border: 1px solid #b8b8b8; background: #fff; padding: 20px;}
#page_main_content #page_sidebar{float: left; width: 200px; padding: 12px 20px; border: 1px solid #b8b8b8; background: #f0f0f0; min-height: 400px;}
#page_main_content #page{width: 675px; margin-left: 260px;}
#page h1.title{font-size: 28px; color: #3c3c3c; font-family: 'Trebuchet MS'; margin: 0px; margin-bottom: 15px; line-height: 0.9em; padding-bottom: 5px; border-bottom: 1px solid #b8b8b8;}
#page h2.title{font-family: 'Trebuchet MS', Arial; font-size: 18px; color: #10587A; letter-spacing: 0.8pt;}
#page .page_banner{height: 150px; margin-bottom: 20px; padding: 10px; font-size: 16px; font-family: 'Trebuchet MS', Calibri;}
#page .about_us_banner{background: #0b70cb url('../images/pen.gif') no-repeat right top; color: #fff;}
#page .product_page_banner{background: #24aae9 url('../images/cube.gif') no-repeat right center; color: #fff;}
#page p{text-align: justify; line-height: 1.8em;}
#page_sidebar h2.title{text-align: center; border-bottom: 1px solid #bdbdbd;}
#page_sidebar ul.side_bar_menu li, ul.side_bar_menu li a{font-size: 18px; color: #717171; line-height: 2.0em; padding-left: 5px;}
#page_sidebar ul.side_bar_menu li.current, #page_sidebar ul.side_bar_menu li:hover{background: #ccc; color: #fff;}
#page_sidebar ul.side_bar_menu li.current{border-top: 1px solid #999; border-bottom: 1px solid #999;}
ul.side_bar_menu li.current a{color: #00274b; }
ul.side_bar_menu li a:hover{text-decoration: none; color: #fff;}
.product_showcase{height: 190px; border: 1px solid #b8b8b8; background: #f0f0f0; padding: 12px;}
.product_showcase img{float: left;}
.product_showcase div.description{width: 418px; float: right;}
.product_showcase div.description h2{color: #333; font-size: 18px;}
.product_showcase div.description .comment{color: #ee9200; font-size: 14px;}
.product_showcase div.description .text{margin-top: 12px; line-height: 1.4em;}
.works_page_banner{background: #fffd91 url('../images/web_apps.gif') no-repeat center right; color: #7c440d;}
ul.portfolio{width: 675px; height: 220px; color: #323232;}
ul.portfolio li{float: left; width: 225px;}
ul.portfolio li a{color: #ababab;}
ul.portfolio li a:hover{color: #ff7e00;}
ul.portfolio li div.category a{color: #323232; padding: 0px 4px;}
ul.portfolio li div.category a:hover{text-decoration: none; background: #efed61; padding: 0px 4px;}

.services_page_banner{background: #33b400 url('../images/tech_logos.gif') no-repeat center right; color: #fff;}
ul.categories{border-bottom: 1px solid #b8b8b8;}
ul.categories li{border-top: 1px solid #b8b8b8;}
ul.categories li a{display: block; color: #333; padding: 10px 5px;}
ul.categories li a:hover{text-decoration: none; background: #fff; padding: 10px 5px;}
ul.categories li a strong{display: block; font-size: 13px; color: #0b70cb; font-weight: bold; margin-bottom: 4px;}
ul.categories li a:hover strong{text-decoration: underline;}

.clients_page_banner{background: #e61 url('../images/handshake.jpg') no-repeat right; color: #fff;}

.careers_page_banner{background: #025488 url('../images/careers_cv.gif') no-repeat right bottom; color: #fff;}
/* 
    Navigation Styles 
*/
ul#nav_links{color: #5b5b5b; margin: 0 auto; width: 940px; list-style: none; padding-top: 6px; font-size: 14px;}
ul#nav_links li{text-transform: uppercase; float: left; margin-left: 12px;  padding: 3px 10px;}
ul#nav_links li a{color: #5b5b5b;}

ul#nav_links li.selected{background: #222; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
ul#nav_links li.selected a{color: #fff;}
ul#nav_links li.selected a:hover{color: #fff; text-decoration: none;}

ul#nav_links li:hover{background: #ff7d16; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
ul#nav_links li:hover a{color: #fff;}
ul#nav_links li:hover a:hover{color: #fff; text-decoration: none;}

/* Anchor Styles */
#page_sidebar .reg_links a{color: #10587A;}

/* List Items */
ul.high_point_list li{font-size: 14px; line-height: 2.6em; background: url('../images/033.png') no-repeat left center; padding-left: 28px;}
ul.feature_list_box{border: 1px solid #ffda2d; background: #ffff8c; padding: 12px 20px; font-size: 12px;}
ul.feature_list_box li{line-height: 2.4em; background: url('../images/arrow_left.gif') no-repeat left center; padding-left: 32px;}
ul.feature_list li{line-height: 2.4em; background: url('../images/arrow_left.gif') no-repeat left center; padding-left: 22px;}

/* Home: Section 2 Tabs */
.stripNav {position:relative; z-index:99;}
#stripNav0 ul{list-style-type: none; width: 794px; margin: 0px 18px 8px 32px; height: 45px; z-index: 100; position: relative;}
#stripNav0 ul li{float: left;}
.stripNav ul li.tab1 a{background: url('../images/websol_tab.gif') no-repeat; width: 186px; height: 55px; display: block;}
.stripNav ul li.tab1 a:hover, .stripNav li.tab1 a.current{background: url('../images/websol_tab_current.gif') no-repeat;}
.stripNav ul li.tab2 a{background: url('../images/marketing_seo_tab.gif') no-repeat; width: 198px; height: 55px; display: block;}
.stripNav ul li.tab2 a:hover, .stripNav li.tab2 a.current{background: url('../images/marketing_seo_tab_current.gif') no-repeat;}
.stripNav ul li.tab3 a{background: url('../images/consulting_tab.gif') no-repeat; width: 198px; height: 55px; display: block;}
.stripNav ul li.tab3 a:hover, .stripNav li.tab3 a.current{background: url('../images/consulting_tab_current.gif') no-repeat;}
.stripNav ul li.tab4 a{background: url('../images/support_tab.gif') no-repeat; width: 198px; height: 55px; display: block;}
.stripNav ul li.tab4 a:hover, .stripNav li.tab4 a.current{background: url('../images/support_tab_current.gif') no-repeat;}

ul.listing {float:left; margin:0; padding:12px 12px 6px 12px;}
ul.listing li {background-image:url(../images/li_ico.png); background-position:left center; background-repeat:no-repeat; 
    font-size:12px; list-style-image:none; margin:0 0 5px; padding:0 0 2px 20px;}

/* 
    HTML Styles 
*/
a{color: #f7913c; text-decoration: none;}
a:hover{text-decoration: underline;}
h1{margin: 5px;font-size: 36px; color: #0f1747;}
h2{font-size: 20px; color: #257db9;}
h3{font-size: 16px; color: #434343;}
h4{}
p{line-height: 1.4em; margin-top: 6px;}
ul{list-style-type: none;}


/*
    Form & Form Element Styles
*/
form table tr{height: 40px;}
form table tr td{font-size: 14px; padding: 5px; font-weight: bold;}
form table tr td span.required{font-size: 11px; color: #ff2a00; font-weight: normal;}
form table tr td+td{padding-left: 22px;}
form input{font-size: 16px; padding: 3px 2px;}
form input.submit{background: url('../images/submit.gif') no-repeat; width: 103px; height: 34px; border: 0px; cursor: pointer;}
form select{height: 25px; font-size: 16px;}

/*
    Messages/Notices
*/
ul.error_msg{padding: 5px 10px; background: #FBE6F2; border: 1px solid #D893A1;}
ul.error_msg li{line-height: 2.0em; background: url('../images/no.png') no-repeat left; padding-left: 22px;}
.success_msg{padding: 5px 10px; background: #8BAC03 url(../images/accept.png) no-repeat 10px center; border: 1px solid #00620C; color: #fff; padding-left: 42px; font-size: 14px;}
.fail_msg{padding: 5px 10px; background: #FBE6F2 url(../images/no.png) no-repeat 10px center; 
    border: 1px solid #D893A1; color: #333; padding-left: 42px; font-size: 14px;}
/* Common Styles */
.big{font-size: 16px;}
.black{color: #181818;}
.bold{font-weight: bold;}
.border1{border: 1px solid #b8b8b8;}
.center{text-align: center;}
.clearfix{clear: both;}
.disabled_txt{color: #999; font-weight: normal;}
.floatright{float: right;}
.floatleft{float: left;}
.hg_blue{color: #257db9;}
.highlight{background: url('../images/highlight_bg.gif') no-repeat center; height: 18px; font-size: 10px; text-align: center; padding-top: 6px;}
.italic{font-style: italic;}
.margintop12{margin-top: 12px;}
.margintop22{margin-top: 22px;}
.marginbottom12{margin-bottom: 12px;}
.marginbottom22{margin-bottom: 22px;}
.orange{color: #ff7200;}
.pad10{padding: 10px;}
.read_more{color: #f7913c;}
.red{color: #ae1010;}
.small{font-size: 9px;}
.size12{font-size: 12px;}
.size14{font-size: 14px;}
.size18{font-size: 18px;}
.georgia{font-family:  'Georgia', Tahoma;}
.times_new{font-family: 'Times New Roman';}