html{ overflow-Y: scroll; }
body{ margin: 0px; padding: 0px; background-image: url('../images/tile.jpg'); }
a{ outline: none;
-moz-outline-style: none; }
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* =GLOBAL */
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
.main_wrapper,
.others_wrapper{ width: 1110px; margin: 0 auto; }
#logo:hover{ cursor: hand; cursor: pointer; }
.main_wrapper_inner{ float: left; width: 1110px; }
.main_wrapper_inner .main_left{ float: left; background-image: url('../images/shadow.png'); background-repeat: repeat-y; width: 5px; }
.main_wrapper_inner .main_center{ float: left; background-color: #ffffff; width: 1100px; border-width: 0px 0px; border-style: solid; border-color: #d6d6d5; }
.main_wrapper_inner .main_right{ float: left; background-image: url('../images/shadow.png'); background-position: -5px 0px; background-repeat: repeat-y;
width: 5px; }
#logo{ margin: 41px 0px 0px 26px; }
a:hover{ cursor: hand; cursor: pointer; }
.gray{ color: #a2a6a8; font-family: Arial narrow, Helvetica, sans-serif; font-size: 12px; }
a.regular_link{ text-decoration: none; color: #0097E9; }
a.regular_link:hover{ text-decoration: underline; }
#close:hover{ cursor: hand; cursor: pointer; }
.thankyou{ font-family: Arial, Helvetica, sans-serif; color: #7d7c7c; }
.actual_quote{ font-weight: bold; margin-bottom: 10px; }
/*************************************** =navigation_bar *******************************************/
ul#navigation_bar{ list-style: none; margin: 107px 0px 0px 63px; width: 750px; padding: 0px; }
ul#navigation_bar li{ display: inline; margin: 0px 0px 0px 0px; padding: 7px 0px 0px 0px; }
ul#navigation_bar li:hover{ cursor: hand; cursor: pointer; }
ul#navigation_bar li.selected{ background-image: url('../images/green_top.gif'); background-position: top; background-repeat: repeat-x; }
ul#navigation_bar li.normal{ background-image: none; background-position: top; background-repeat: repeat-x; }
ul#navigation_bar li.normal:hover{ background-image: url('../images/green_top.gif'); }
ul#navigation_bar li a{ text-decoration: none; color: #a4a0a0; font-family: Helvetica narrow, sans-serif; font-weight: bold;
font-size: 12px; border-style: solid; border-color: #a4a0a0; border-width: 0px 1px 0px 0px; padding: 0px 40px;
margin: 7px 0px 0px 0px; }
ul#navigation_bar li a:hover{ text-decoration: none; }
ul#navigation_bar li a#first_nav{ padding-left: 0px; }
ul#navigation_bar li a#last_nav{ padding-right: 0px; border-width: 0px; }
/*************************************** =header *****************************************************/
/*************************************** =home_header**************************************************/
#home_wrapper #header{ width: 100%; margin-top: 15px; }
#home_wrapper .left_image, #home_wrapper .header_banner_blue,
#home_wrapper .header_img, #home_wrapper .header_right{ background-repeat: no-repeat; height: 250px; }
#home_wrapper .left_image{ background-image: url('../images/header_banner_left_img.gif'); width: 69px; }
#home_wrapper .header_banner_blue{ background-image: url('../images/header_banner_blue.gif'); width: 450px; }
#home_wrapper .header_img{ background-image: url('../images/header_banner_img.jpg'); width: 464px; }
#home_wrapper .header_right{ background-image: url('../images/header_banner_right_img.gif'); width: 117px; }
/************************************** =team_header *****************************************************/
/************************************** =others_header ****************************************************/
.others_wrapper #header{ width: 100%; margin-top: 15px; }
.others_wrapper .left_image, .others_wrapper .header_banner_blue,
.others_wrapper .header_img, .others_wrapper .header_right{ height: 124px; background-repeat: no-repeat; }
.others_wrapper .left_image{ background-image: url('../images/header_banner_left_img2.gif'); width: 69px; }
.others_wrapper .header_banner_blue{ background-image: url('../images/header_banner_blue2.gif'); width: 450px; }
.others_wrapper .header_img{ background-image: url('../images/header_banner_img2.jpg'); width: 464px; }
.others_wrapper .header_right{ background-image: url('../images/header_banner_right_img2.gif'); width: 117px; }
/************************************** =side_nav ******************************************************/
#side_nav_wrapper{ width: 126px; margin-top: 48px; height: 210px; }
#side_nav_wrapper .top_green{ height: 18px; background-color: #91bf03; width: 100%; background-image: url('../images/side_nav_corner_tr.gif');
background-position: top right; background-repeat: no-repeat; }
#side_nav_wrapper .mid_white{ height: 1px; width: 125px; border-color: #b9bab8; border-width: 0px 1px 0px 0px; border-style: solid; }
#side_nav_wrapper .mid_blue{ height: 5px; width: 125px; border-color: #689ab0; background-color: #1da7ea; border-style: solid; border-width: 0px 1px 0px 0px;}
#side_nav_wrapper .main{ width: 100%; height: 200px; background-image: url('../images/side_nav_right.gif'); background-repeat: no-repeat; background-position: top right; }
#side_nav_wrapper ul{ list-style: none; margin: 20px 0px 0px 30px; padding: 0px; width: 90px; }
#side_nav_wrapper li{ display: inline; margin: 5px 0px; width: 90px; }
#side_nav_wrapper li a{ color: #9a9b9d; text-decoration: none; font-family: Arial narrow, sans-serif; font-size: 11px; }
#side_nav_wrapper li a:hover{ text-decoration: underline; }
/*************************************** =mid_main ******************************************************/
.blue_title{ color: #0695e5; font-family: Arial narrow, sans-serif; font-size: 16px; font-weight: bold; width: 100%; }
.normal_font{ color: #88898a; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 20px; margin-top: 15px; }
.orange_title{ color: #ba8803; font-weight: bold; }
.divider{ background-image: url('../images/line_gradient.gif'); height: 500px; background-repeat: no-repeat;
background-position: bottom; background-color: #c7c4c4; width: 1px; margin: 72px 0px 0px 15px; }
.right_wrapper{ width: 450px; margin: 33px 0px 0px 42px; }
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* =HOME */
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
#home_wrapper .mid_wrapper{ width: 319px; height: 304px; margin: 55px 0px 0px 41px; }
#home_wrapper .divider{ }
#home_wrapper .right_wrapper{ margin-top: 50px; }
#home_wrapper .orange_title{ font-family: Arial narrow, sans-serif; font-size: 12px; }
#home_wrapper .site_preview_wrapper{ float: left; width: 100%; }
#home_wrapper .site_preview_wrapper img{ float: left; border-style: solid; border-width: 1px; border-color: #1da7ea; margin: 10px 22px 10px 0px; }
#home_wrapper .site_preview_wrapper img:hover{ cursor: hand; cursor: pointer; }
#home_wrapper .dotted_blue_top{ float: left; border-color: #0695e5; border-style: dotted; border-width: 1px 0px 0px 0px; width: 290px; margin-top: 20px;
padding-top: 10px; }
#home_wrapper .mid_wrapper .gray{ margin-top: 20px; float: left; }
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* =TEAM */
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
#team_wrapper{ font-family: Arial, Helvetica, sans-serif; color: #7d7c7c; }
#team_wrapper .header_img{ background-image: url('../images/header_banner_team.jpg'); }
#team_wrapper .divider{ margin-top: 50px; }
#team_wrapper .left{ width: 324px; margin: 50px 20px 0px 65px; }
#team_wrapper .right{ float: left; margin: 50px 0px 0px 35px; width: 500px; }
#team_wrapper .member{ float: left; color: #9a9b9d; margin-bottom: 50px; }
#team_wrapper .member img{ float: left; border-width: 1px; border-style: solid; border-color: #a8daf6; }
#team_wrapper .desc{ float: left; font-size: 11px; width: 325px; margin-left: 20px; line-height: 16px; }
#team_wrapper .desc .title{ font-weight: bold; font-size: 14px; margin-bottom: 10px; }
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* =TEAM */
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
#about_wrapper{ font-family: Arial, Helvetica, sans-serif; color: #7d7c7c; }
#about_wrapper .divider{ margin-top: 50px; }
#about_wrapper .left{ float: left; width: 324px; margin: 50px 20px 0px 50px; }
#about_wrapper .right{ float: left; margin: 50px 0px 0px 35px; width: 500px; }
#about_wrapper .left a{ text-decoration: none; color: #0097E9;}
#about_wrapper .left a:hover{ text-decoration: underline; }
#about_img{ margin-bottom: 300px; }
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* =SERVICES */
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
#services_wrapper{ font-family: Arial, Helvetica, sans-serif; color: #7d7c7c; }
#services_wrapper .left{ width: 324px; margin: 50px 0px 0px 45px; }
#services_wrapper .right_box{ position: relative; width: 411px; background-color: #f8f8f8; margin: 50px 0px 0px 53px; font-size: 14px; padding: 10px 0px; }
#services_wrapper .right_box .tr,
#services_wrapper .right_box .bl,
#services_wrapper .right_box .br{ position: absolute; z-index: 1000; background-image: url('../images/service_corners.gif'); height: 9px; width: 9px; }
#services_wrapper .right_box .tr{ top: 0px; right: 0px; background-position: -9px 0px; }
#services_wrapper .right_box .bl{ bottom: 0px; left: 0px; background-position: 0px -9px; }
#services_wrapper .right_box .br{ bottom: 0px; right: 0px; background-position: -9px -9px; }
#services_wrapper .right_box ul{ list-style: none; margin: 0px; padding: 0px; }
#services_wrapper .right_box li{ width: 110px; margin: 10px 0px; background-image: url('../images/green_arrow.png');
background-repeat: no-repeat; padding-left: 15px; margin-left: 16px; }
#services_wrapper .right_box li.first{ margin-right: 13px; width: 200px; }
#services_wrapper .right_box li a{ text-decoration: none; color: #7d7c7c; }
#services_wrapper .right_box li a:hover{ text-decoration: underline; }
#services_wrapper .service_wrapper a.more_link{ color: #0f9ce7; text-decoration: none; }
#services_wrapper .service_wrapper a.more_link:hover{ text-decoration: underline; }
#services_wrapper #service_section_wrapper, #services_wrapper #service_section_one_wrapper{ margin: 50px 0px 0px 45px; width: 785px; }
#services_wrapper #service_section_one_wrapper{ }
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* =SERVICES DETAILED */
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
#services_detailed_wrapper .main_content{ float: left; width: 900px; margin: 50px 0px 0px 45px; }
#services_detailed_wrapper .left_column{ float: left; width: 400px; margin-top: 0px; margin-right: 25px; }
#services_detailed_wrapper .divider{ margin-top: 0px; }
#services_detailed_wrapper .right_column{ float: left; width: 400px; margin-left: 43px; margin-top: 0px; }
#services_detailed_wrapper h1{ font-family: Arial narrow, Helvetica, sans-serif; color: #88898a; font-size: 15px; margin-bottom: 0px; }
#services_detailed_wrapper p{ font-family: Arial, Helvetica, sans-serif; color: #88898a; font-size: 13px; line-height: 18px; margin: 10px 0px 40px 0px; }
/**************************************** service ************************************************/
.service_wrapper{ width: 100%; margin-bottom: 20px; }
.service_wrapper .main{ background-color: #F7F7F7; width: 540px; position: relative; height: 180px; }
.service_wrapper .main .tl, .service_wrapper .main .bl{ position: absolute; background-image: url('../images/service_corners.gif');
height: 9px; width: 9px; z-index: 1000; }
.service_wrapper .main .tl{ top: 0px; left: 0px; }
.service_wrapper .main .bl{ background-position: 0px -9px; bottom: 0px; left: 0px; }
.service_wrapper .main .left_column{ width: 270px; height: 160px; overflow: hidden; padding: 10px 20px; font-size: 12px; margin-top: 8px; }
.service_wrapper .main .left_column .title{ float: left; font-weight: bold; font-size: 14px; padding-bottom: 10px; font-family: Arial narrow, Helvetica, sans-serif;
width: 300px; }
.service_wrapper .main .left_column a.more_link{ }
.service_wrapper .main .mid_column{ float: left; width: 190px; height: 180px; overflow: hidden; margin-top: 10px; }
.service_wrapper .main .right_column{ width: 242px; height: 180px; }
.service_wrapper ul{ float: left; width: 190px; margin: 10px 0px 0px 0px; padding: 0px; }
.service_wrapper li{ width: 170px; padding: 0px; background-repeat: no-repeat;
font-size: 12px; line-height: 15px; margin-bottom: 10px; margin-left: 19px; }
.service_wrapper .description{ float: left; line-height: 18px; overflow: hidden; }
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* =TESTIMONIALS */
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
#testimonials_wrapper .main_content{ float: left; width: 600px; margin: 50px 0px 0px 50px; }
#testimonials_wrapper .quote{ float: left; margin-bottom: 30px; font-size: 12px; color: #8a8a8b; }
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* =PORTFOLIO */
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
#portfolio_wrapper{ }
#portfolio_left_column .blue_title{ float: left; }
#portfolio_nav .trigger{ float: left; }
#portfolio_left_column{ float :left; font-family: Arial, Helvetica, sans-serif; margin-left: 236px; margin-top: 60px; width: 125px; text-align: right; }
#portfolio_right_column{ float: left; width: 500px; margin: 60px 0px 40px 60px; height: 500px; overflow: hidden; }
#portfolio_wrapper #window_display{ float: left; height: 302px; width: 451px; border-style: solid; border-color: #cbc9c9; border-width: 1px;
position: relative; overflow: hidden; scrollbar: none; }
#portfolio_image_wrapper{ position: absolute; z-index: 1000; width: 6000px; }
div.portfolio_image{ float: left; height: 302px; width: 451px; }
div.portfolio_image img{ padding: 4px; }
.port_img:hover, .animation:hover, .video:hover, .banner:hover, .motion-graphic:hover{ cursor: pointer; cursor: hand; }
.port_nav_section{ float: left; margin-bottom: 20px; width: 100%; }
.port_nav_section div a{ color: #a6a4a0; font-size: 11px; }
.port_nav_section div a.green{ color: #85BE00; font-size: 11px; }
#portfolio_nav{ float: left; margin-top: 23px; width: 100%; }
#portfolio_nav h2.trigger{ height: 12px; width: 100%; padding: 0px; margin: 0px; line-height: 12px; margin-bottom: 12px; }
#portfolio_nav h2.trigger a:hover{ cursor: hand; cursor: pointer; }
#portfolio_nav h2.trigger a.normal, #portfolio_nav a.active{ text-decoration: none; font-size: 12px; width: 100%; display: block; }
#portfolio_nav h2.trigger a.normal{ color: #a6a4a0; }
#portfolio_nav h2.trigger a.active { color: #85BE00; }
#first_portfolio_nav_section{ height: 5px; margin-bottom: 0px; }
#port_img_nav_wrapper{ float: left; position: absolute; z-index: 3000; margin-top: 239px; }
#port_img_nav{ position: relative; float: left; height: 0px; }
#port_img_nav_wrapper .box{ float: left; background-color: #ffffff; border-style: solid; border-color: #868c88; border-width: 1px; height: 9px; width: 9px;
margin-right: 7px; position: relative; overflow: visible; margin-top: 77px; }
#port_img_nav_wrapper .box:hover{ cursor: hand; cursor: pointer; background-color: #d2ed79; }
#port_img_nav_wrapper .balloon{ background-image: url('../images/thumb_image.png'); height: 79px; width: 96px; left: 42px;
background-repeat: no-repeat; position: absolute; z-index: 4000; top: 0px; margin-top: 0px;}
#port_img_nav_wrapper .balloon:hover{ cursor: hand; cursor: pointer; }
#port_img_nav_wrapper .box_selected, #port_img_nav_wrapper .box_selected:hover{ background-color: #a8da00; }
#port_img_nav_wrapper .box_highlighted{ background-color: #d2ed79; }
#portfolio_wrapper #client_description{ float: left; color: #a3a3a1; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; padding-top: 12px;
width: 194px; margin-left: 250px; text-align: right; }
#port_img_nav_wrapper .arrows{ float: left; position: relative; margin-top: 76px; height: 13px; margin-right: 5px; }
#port_img_nav_wrapper .arrows .left, #port_img_nav_wrapper .arrows .right{ float: left; background-image: url('../images/arrows.png'); height: 13px; width: 13px; margin-right: 7px; }
#port_img_nav_wrapper .arrows .left:hover, #port_img_nav_wrapper .arrows .right:hover{ cursor: hand; cursor: pointer; }
#port_img_nav_wrapper .arrows .right{ background-position: -20px 0px; }
/*************************************** =CONTACT ************************************************/
.others_wrapper .mid_wrapper{ width: 319px; height: 304px; margin: 60px 0px 0px 42px; }
#contact_wrapper .divider{ margin-top: 98px; height: 340px; }
#contact_wrapper .right_wrapper{ width: 360px; margin-top: 60px; }
#contact_wrapper a{ text-decoration: none; color: #A7A8AA; }
#contact_wrapper a:hover{ text-decoration: underline; }
#map_canvas{ width: 379px; height: 335px; border-style: solid; border-color: #b6b4b0; border-width: 1px; margin: 20px 0px 50px 0px; }
.contact_form{ margin: 100px auto; width: 500px; height: 740px; padding: 10px; background-color: #ffffff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin-top: 30px;
border-style: solid; border-color: #c4c4c4; border-width: 1px;}
.contact_form .row{ float: left; width: 100%; margin-bottom: 10px;}
.contact_form .label{ float: left; width: 300px; }
.contact_form .content{ float: left; backround-color: red; width: 300px; }
.contact_click{ float: left; margin-top: 30px; }
.contact_click a{ color: green; }
.contact_click a:hover{ cursor: hand; cursor: pointer; }
#contact_wrapper .orange_title{ margin-bottom: 5px; }
#contact_wrapper .click_for_info{ color: #0097E9; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* =CLIENTS */
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
#clients_wrapper .main_content{ float: left; width: 900px; margin: 35px 0px 0px 50px; }
#clients_wrapper h1{ color: #0695E5; font-family: Arial narrow, Helvetica, sans-serif; font-size: 15px; }
#clients_wrapper #client_grid{ margin-top: 10px; }
#clients_wrapper #client_grid, #clients_wrapper .client_box{ float: left; border-style: solid; border-width: 1px; border-color: #dedede; }
#clients_wrapper #client_grid{ border-width: 0px; margin-bottom: 100px; }
#clients_wrapper .client_box{ border-width: 1px 0px 0px 1px; width: 200px; height: 160px; text-align: center; line-height: 200px; }
#clients_wrappre .client_box img{ border-width: 0px; }
#clients_wrapper .last_horizontal{ border-width: 1px 1px 0px 1px; }
#clients_wrapper .last_vertical{ border-width: 1px 0px 1px 1px; }
#clients_wrapper .last{ border-width: 1px; }
/****************************************** =SITE MAP ********************************************/
#site_map_links{ float: left; width: 100%; font-family: Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom: 400px; }
#site_map_links .link{ float: left; width: 100%; margin-bottom: 10px; }
#site_map_links .link a{ text-decoration: none; color: #9A9B9D; font-size: 12px; }
#site_map_links .link a:hover{ text-decoration: underline; }
/****************************************** =FOOTER **********************************************/
#footer{
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 20px;
margin-top: 10px;
font-size: 11px;
}
.footer_index{
margin-top: 80px !important;
}
#footer .site_links{
margin: 0 auto;
width: 450px;
height: 20px;
display: block;
}
#footer .company_info{
margin: 0 auto;
width: 870px;
height: 20px;
display: block;
}
#footer ul{
list-style: none;
padding: 0px;
margin: 0px;
display: block;
}
#footer ul li{
display: block;
float: left;
border-color: #b1b2b1;
border-style: solid;
border-width: 0px 1px 0px 0px;
padding: 0px 15px; color: #b1b2b1;
}
#footer ul li.last{ border-width: 0px; }
#footer ul li a{ text-decoration: none; color: #b1b2b1; display: block; }
#footer ul li a:hover{ text-decoration: underline; }
#none{ clear: both; }
/****************************************** =FLOAT **********************************************/
#logo,
#navigation_bar, #navigation_bar li,
.blue_title,
/****************************************** =header ***************************************/
#header, #header .left_image,
.left_image, .header_banner_blue, .header_img, .header_right,
/****************************************** =side_nav ***********************************/
#side_nav_wrapper, #side_nav_wrapper .mid_white, #side_nav_wrapper .mid_blue,
#side_nav_wrapper .main, #side_nav_wrapper ul, #side_nav_wrapper li,
/****************************************** =mid_main ***********************************/
.blue_title, .normal_font, .mid_wrapper, .divider, .right_wrapper,
/***************************************** =HOME **************************************/
/***************************************** =SERVICES **********************************/
#services_wrapper .left, #services_wrapper .right_box,
#services_wrapper .right_box ul, #services_wrapper .right_box li,
.service_wrapper, .service_wrapper .tl, .service_wrapper .tm, .service_wrapper .tr,
.service_wrapper .main, .service_wrapper .bl, .service_wrapper .bm, .service_wrapper .br,
#services_wrapper #service_section_wrapper, #services_wrapper #service_section_one_wrapper,
.service_wrapper .left_column, .service_wrapper .right_column, .service_wrapper .mid_column,
.service_wrapper .title, .service_wrapper .image_frame,
.service_wrapper .description,
.service_wrapper ul,
/***************************************** =TEAM **********************************/
#team_wrapper .left, #team_wrapper .right, #team_wrapper .blue_title, #team_wrapper .normal_font,
#map_canvas{
float: left;
}