@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 0; width: 100%; height: auto; background-color: #0d1f2d; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
p { margin: 0 0 10px 0; padding: 0;}
a { outline: none;}
.clear { clear: both;}

/*--------------------------------------------- HEADER BEGINS ---------------------------------------------*/
.header_wrapper { width: 100%; height: 175px; background: #0e1f2d url(images/bg-header.gif) top repeat-x;}
.header_inside { width: 1000px; height: 175px; margin: 0 auto; position: relative;}
a.logo { width: 389px; height: 81px; display: block; cursor: pointer; background: url(images/logo.png) no-repeat; top: 51px; left: 17px; position: absolute; z-index: 2;}

.header_inside div { position: absolute; z-index: 1; top: 0; left: 0; width: 1000px; height: 175px;}

.top_icons { margin: 0; padding: 0; list-style: none; position: absolute; z-index: 3; top: 77px; right: 0;}
.top_icons li { float: left; margin: 0 30px 0 0;}
.top_icons li a { text-decoration: none; text-transform: uppercase; color: #13a0d4; font-size: 12px;}
.top_icons li a:hover { color: #43c1f0;}
.top_icons li a.active { color: #43c1f0; text-decoration: underline;}
.top_icons li a img { border: none;}
/*--------------------------------------------- HEADER ENDS ---------------------------------------------*/


/*--------------------------------------------- MAIN NAVY BEGINS ---------------------------------------------*/
.main_navy_wrapper { width: 100%; height: 44px; background-color: #000000;}
.main_navy_inside { width: 1000px; height: 44px; margin: 0 auto;}

.main_navy_inside ul { margin: 0; padding: 0 10px; list-style: none; float: left; width: 980px; height: 44px; line-height: 44px; color: #1e8fb6; font-weight: bold; text-transform: uppercase; font-size: 11px;}
.main_navy_inside ul li { float: left; padding: 0 4px;}
.main_navy_inside ul li a { font-weight: bold; text-decoration: none; color: #1e8fb6;}
.main_navy_inside ul li a:hover { color: #38b1d8;}
/*--------------------------------------------- MAIN NAVY ENDS ---------------------------------------------*/


/*--------------------------------------------- TOP BANNER BEGINS ---------------------------------------------*/
.top_banner_wrapper { width: 100%; height: auto; background-color: #000000;}
.top_banner_inside { width: 980px; height: auto; margin: 0 auto; padding: 0 10px;}
.t_b_1 { width: 888px; float: left;}
.t_b_2 { width: 92px; float: right;}
/*--------------------------------------------- TOP BANNER ENDS ---------------------------------------------*/


/*--------------------------------------------- CONTENT BEGINS ---------------------------------------------*/
.content_wrapper { width: 100%; height: auto; background-color: #003245; }
.with_bg_index { background-image: url(images/bg-content.gif); background-position: top; background-repeat: repeat-x; }

.content_inside { width: 980px; height: auto; margin: 0 auto; padding: 0 10px;}
.with_bg_inner { background: url(images/bg-content-right-inner.jpg) repeat-y;}

.content_left { width: 260px; float: left; height: auto; background-color: #000000; margin: 0 0 15px 0;}

.content_right_index { width: 685px; float: right; height: auto;}
.content_right_inner { width: 670px; float: right; height: auto; background-color: #0a465d; border-top: 1px solid #003245; padding: 30px 25px;}

h1 { margin: 0; padding: 0; width: 260px; float: left; height: 76px; line-height: 76px; color: #34acd3; font-size: 14px; text-transform: uppercase; font-weight: bold;}
h1 span { float: left; width: 25px; height: 59px; padding: 17px 0 0 0; margin: 0 0 0 14px;}
h1 div { float: left; margin: 0 0 0 5px; width: 216px;}

.index_title_wrapper { margin: 0; padding: 0; width: 685px; float: left; height: 76px; line-height: 76px; color: #34acd3; font-size: 14px; text-transform: uppercase; font-weight: bold;}
.index_title_wrapper div { float: left; width: auto;}
.index_title_wrapper span { float: left; padding: 17px 0 0 5px; width: 25px; height: 59px;}

.index_about_company { width: 685px; float: left; height: auto; padding: 5px 0 0 0; color: #1297c9;}
.index_about_company_img { width: 190px; height: 120px; margin: 0 0 25px 25px; border-top: 1px solid #0d1f2d; border-left: 1px solid #0d1f2d;}

a.more { color: #1297c9; font-weight: bold; text-decoration: underline;}
a.more:hover { text-decoration: none;}
/*--------------------------------------------- CONTENT ENDS ---------------------------------------------*/


/*--------------------------------------------- SUB NAVY BEGINS ---------------------------------------------*/
ul#menu, ul#menu ul {  list-style-type: none; margin: 0; padding: 0; width: 260px; float: left;}
ul#menu a { display: block; text-decoration: none; color: #1ba6d9; font-weight: bold;}
ul#menu li { margin-bottom: 1px; width: 260px; float: left;}
ul#menu li a {  color: #1ba6d9; padding: 6px 0 6px 35px; margin: 0 0 0 10px; display: block; float: left; width: 215px; border-top: 1px solid #003245;}


 
ul#menu li a:hover { color: #61ccf3;}
ul#menu li a.menu_top {background:url(images/menu-plus.gif) 20px 10px no-repeat;}
ul#menu li.active a.menu_top:link, ul#menu li.active a.menu_top:visited, ul#menu li.active a.menu_top:active  {background:url(images/menu-plus.gif) 20px -83px no-repeat; }

ul#menu li ul li { background: none;}
ul#menu li.active ul li { background: none;}
ul#menu li.active ul li.active { background: none;}
ul#menu li a.active {color: #61ccf3;}

ul#menu li ul li a { background: none; color: #005878; font-weight: normal; width: 200px; margin: 0 0 0 30px; border-top: 1px dotted #003245; padding: 3px 15px;}
ul#menu li ul li a:hover { color: #2eaedd;}


ul#menu li ul { display: none;}
ul#menu li.active ul { display: block;}
/*--------------------------------------------- SUB NAVY BEGINS ---------------------------------------------*/


/*--------------------------------------------- FOOTER BEGINS ---------------------------------------------*/
.footer_wrapper { width: 100%; height: 120px; background-color: #0d1f2d; color: #2e83a0;}
.footer_inside { width: 1000px; height: 95px; padding: 25px 0 0 0; margin: 0 auto; background: url(images/bg-footer.jpg) no-repeat 535px 0;}
.copyright_1 { width: 400px; float: left; margin: 0 0 0 55px;}
.copyright_2 { width: 300px; float: right; text-align: right; margin: 0 55px 0 0;}
.copyright_2 a { color: #2e83a0; text-decoration: underline;}
.copyright_2 a:hover { text-decoration: none;}
/*--------------------------------------------- FOOTER ENDS ---------------------------------------------*/


/*--------------------------------------------- NOVICES BEGINS ---------------------------------------------*/
.novices_and_link_to_video_wrapper { width: 685px; float: left; height: auto;}

.novices_wrapper { margin: 0; padding: 0; list-style: none; width: 472px; float: left;}
.novices_wrapper li { width: 235px; float: left; border-top: 1px dotted #075a7a; border-right: 1px dotted #075a7a; padding: 10px 0;}
.novices_wrapper li.last { border-right: none;}

.novices_img { width: 92px; float: left; margin: 0 12px 0 12px;}
.novices_img img { width: 90px; height: 60px; border: 1px solid #000000;}

.novices_desc { width: 114px; float: right; margin: 0 5px 0 0;}
.novices_desc strong, .novices_desc span { display: block; width: 114px; float: left; color: #1297c9;}
.novices_desc strong { margin: 0 0 5px 0;}
.novices_desc span a { color: #1297c9; text-decoration: none;}
.novices_desc span a:hover { color: #2eaedd;}

.link_to_video { width: 200px; height: auto; float: right;}
/*--------------------------------------------- NOVICES ENDS ---------------------------------------------*/


/*--------------------------------------------- INNER TITLE AND PATH BEGINS ---------------------------------------------*/
.inner_title_and_path_wrapper { width: 100%; height: 81px; background-color: #000000;}
.inner_title_and_path_inside { width: 980px; height: 76px; line-height: 76px; margin: 0 auto; padding: 0; border-top: 5px solid #003245; border-right: 1px solid #003245; border-left: 1px solid #003245;}

h2 { margin: 0; padding: 0 20px; float: right; width: 680px;  height: 76px; line-height: 76px; color: #34acd3; font-size: 14px; text-transform: uppercase; font-weight: bold;}

h2 ul { margin: 0; padding: 0; list-style: none; float: left; width: 680px; height: 76px; line-height: 76px; color: #34acd3; font-weight: bold; text-transform: uppercase; font-size: 14px;}
h2 ul li { float: left; padding: 0 3px;}
h2 ul li a { font-weight: bold; text-decoration: none; color: #34acd3;}
h2 ul li a:hover { color: #61ccf3;}
/*--------------------------------------------- INNER TITLE AND PATH ENDS ---------------------------------------------*/


/*--------------------------------------------- BRANDS BEGINS ---------------------------------------------*/
.spacer { width: 100%; height: 20px; clear: both; float: left;}

.brands { width: 670px; float: left; height: auto; margin: 0 0 20px 0; padding: 0; list-style: none; position: relative; display: block;}
.brands li { width: 168px; float: left; margin: 0 35px 0 0;}

.brands li.type_1 { background: url(images/bg-brands.jpg) no-repeat; padding: 10px 0 0 0; text-align: center; width: 168px; height: 90px;}
.brands li.type_1 img { border: none; width: 150px; height: 80px;}

.brands li.type_2 a { display: block; height: auto; width: 168px; cursor: pointer; text-decoration: none;}
.brands li.type_2 a div { width: 168px; height: 120px; float: left; display: block; position: relative; background-color: #FFFFFF;}
.brands li.type_2 a div img { width: 168px; height: 120px; border: none;}
.brands li.type_2 a div span { width: 168px; height: 120px; position: absolute; top: 0; left: 0; background: url(images/round-corners.png) no-repeat;}
.brands li.type_2 a label { width: 148px; height: auto; float: left; display: block; cursor: pointer; color: #2fc4f0; font-size: 20px; font-weight: bold; padding: 5px 10px 0 10px;}
.brands li.type_2 a:hover label { color: #0b79a1;}

.brands li.type_3 { height: 120px;}
.brands li.type_3 table { height: 120px; width: 168px; color: #2fc4f0; font-size: 20px; font-weight: bold;}
.brands li.type_3 a { color: #2fc4f0; font-size: 20px; font-weight: bold; text-decoration: none; }
.brands li.type_3 a:hover { text-decoration: underline; }
/*--------------------------------------------- BRANDS ENDS ---------------------------------------------*/


/*--------------------------------------------- MODELS BEGINS ---------------------------------------------*/
.models_list, .models_list li { width: 670px; float: left; height: auto; float: left; margin: 0; padding: 0; list-style: none;}
.models_list li { padding: 10px; width: 650px;}
.models_list li.type_1 { background-color: #003245;}
.models_list li.type_2 { background-color: #0a465d;}

.models_list li a { color: #2fc4f0; text-decoration: none;}
.models_list li a:hover { color: #107fa7;}
/*--------------------------------------------- MODELS ENDS ---------------------------------------------*/


/*--------------------------------------------- POPUP BEGINS ---------------------------------------------*/
/*
.popup_wrapper { width: 410px; height: auto; padding: 20px; }
.popup_wrapper div {  width: 410px; float: left;}
.popup_title { margin: 0 0 10px 0; color: #2fc4f0; font-weight: bold;}
.popup_img { margin: 0 0 30px 0;}

.popup_desc_list { width: 410px; float: left; margin: 0; padding: 0; list-style: none; color: #2fc4f0;}
.popup_desc_list li { width: 410px; float: left; padding: 2px 0;}
.popup_desc_list li label { width: 170px; float: left; font-weight: bold;}
.popup_desc_list li span { width: 240px; float: right;}
*/
/*--------------------------------------------- POPUP ENDS ---------------------------------------------*/


/*--------------------------------------------- MOVIE BEGINS ---------------------------------------------*/
.movie_wrapper { width: 602px; height: 507px; background: url(images/bg-movie.gif) no-repeat; float: left; margin: 0 0 0 20px; display:inline; padding: 28px 0 0 28px;}
.movie_inside { width: 600px; height: 450px;}
.all_movies_wrapper { width: 642px; height: auto; float: left; margin: 0 0 20px 0; padding: 0 38px; color: #2fc4f0; text-decoration: none; font-weight: bold;}
.all_movies_wrapper a { color: #2fc4f0; text-decoration: none; font-weight: bold;}
.all_movies_wrapper a:hover { color: #61ccf3;}
/*--------------------------------------------- MOVIE ENDS ---------------------------------------------*/


/*--------------------------------------------- MOVIE LIST BEGINS ---------------------------------------------*/
.movie_list { width: 614px; float: left; height: auto; float: left; margin: 0 0 0 28px; padding: 0; list-style: none; display: inline;}
.movie_list li { padding: 10px; width: 594px; height: auto; float: left;}
.movie_list li.type_1 { background-color: #003245;}
.movie_list li.type_2 { background-color: #0a465d;}

.movie_list li a { color: #2fc4f0; text-decoration: none;}
.movie_list li a:hover { color: #107fa7;}
/*--------------------------------------------- MOVIE LIST ENDS ---------------------------------------------*/


/*--------------------------------------------- STATIC BEGINS ---------------------------------------------*/
.content_static_wrapper { width: 670px; float: left; height: auto; color: #1297c9; text-align: justify;}
.content_static_photo { width: 312px; height: 212px; float: right; margin: 0 0 10px 10px; background: url(images/bg-static-page-photo.jpg) no-repeat; padding: 10px 0 0 10px;}
.content_static_photo img { width: 300px; height: 200px; border: 1px solid #056d94;}
.content_static_wrapper strong a, .content_static_wrapper a {color: #1297c9}
.content_static_wrapper strong a:hover, .content_static_wrapper a:hover {text-decoration:none}
h3 { margin: 0 0 15px 0; padding: 0; width: 670px; float: left; font-weight: bold; color: #2fc4f0; font-size: 14px;}

.projects_photogallery_wrapper { width: 670px; float: left; height: auto; margin: 10px 0 0 0;}

a.link_button { width: 171px; height: 28px; line-height: 28px; text-align: center; color: #003245; background: url(images/bg-button.png) no-repeat; display: block; text-decoration: none;}
a.link_button:hover { color: #000000;}

a.link_button2 { width: 171px; height: 28px; line-height: 28px; text-align: center; color: #003245; background: url(images/bg-button.png) no-repeat; display: block; text-decoration: none;}
a.link_button2:hover { color: #000000;}

.projects_photo { width: 222px; height: 162px; float: right; margin: 0 0 5px 5px; background: url(images/bg-projects-photo.jpg) no-repeat; padding: 10px 0 0 10px;}
.projects_photo img { width: 210px; height: 150px; border: 1px solid #056d94;}

h4 { margin: 0 0 10px 0; padding: 0; width: 670px; float: left; font-weight: bold; color: #2fc4f0; font-size: 12px;}
/*--------------------------------------------- STATIC ENDS ---------------------------------------------*/


/*--------------------------------------------- NOVICES AND PROJECTS LIST BEGINS ---------------------------------------------*/
.n_p_list { margin: 0; padding: 0; list-style: none; float: left; width: 670px; height: auto;}
.n_p_list li { width: 650px; float: left; padding: 10px; margin: 0 0 5px 0; background-color: #003245; color: #1297c9;}

.n_p_list_photo { width: 168px; float: left; height: 120px; position: relative;}
.n_p_list_photo img { width: 168px; height: 120px; border: none;}
.n_p_list_photo span { position: absolute; top: 0; left: 0; width: 168px; height: 120px; background: url(images/round-corners-2.png) no-repeat;}

.n_p_list_desc { width: 465px; float: right; height: auto; padding: 5px 0 0 0;}
.n_p_list_desc label, .n_p_list_desc span, .n_p_list_desc div { width: 465px; float: left; }
.n_p_list_desc label {color: #1297c9; font-weight: bold; margin: 2px 0 0 0;}
.n_p_list_desc span, .n_p_list_desc div { margin: 10px 0 0 0;}
.n_p_list_desc div a { color: #1297c9; text-decoration: underline;}
.n_p_list_desc div a:hover { text-decoration: none;}

.pages { width: 670px; float: left; height: auto; margin: 20px 0 0 0; padding: 0; list-style: none;}
.pages li { float: left; margin: 0 8px 0 0;}
.pages li a { display: block; padding: 7px 12px; background-color: #003245; color: #1297c9; text-decoration: none;}
.pages li a:hover { color: #61ccf3;}
.pages li a.active { color: #61ccf3; font-weight: bold;}
/*--------------------------------------------- NOVICES AND PROJECTS LIST ENDS ---------------------------------------------*/


/*--------------------------------------------- CONTACTS BEGINS ---------------------------------------------*/
.contacts_list { margin: 0; padding: 0; list-style: none; float: left; width: 670px; height: auto;}
.contacts_list li { width: 650px; float: left; padding: 10px; margin: 0 0 5px 0; background-color: #003245; color: #1297c9;}

.contacts_list_photo { width: 168px; float: left; height: 120px; position: relative; margin: 0 10px 0 0;}
.contacts_list_photo img { width: 168px; height: 120px; border: none;}
.contacts_list_photo span { position: absolute; top: 0; left: 0; width: 168px; height: 120px; background: url(images/round-corners-2.png) no-repeat;}

.contacts_list_desc { width: 290px; float: left; height: auto; padding: 5px 0 0 0;}
.contacts_list_desc label, .contacts_list_desc span { width: 290px; float: left; }
.contacts_list_desc label {color: #1297c9; font-weight: bold; margin: 2px 0 0 0;}
.contacts_list_desc span { margin: 10px 0 0 0;}

.contacts_list_links { width: 171px; float: right; padding: 10px 0 0 0; margin: 0 5px 0 0;}
.contacts_list_links a { margin: 0 0 10px 0;}
/*--------------------------------------------- CONTACTS ENDS ---------------------------------------------*/

/*--------------------------------------------- POPUP MAP BEGINS ---------------------------------------------*/
.popup_map_wrapper { width: 600px; height: 450px; background-color: #003245; padding: 20px;}
.popup_map_wrapper div { width: 600px; float: left;}
.popup_map_title { margin: 0 0 10px 0; color: #2fc4f0; font-weight: bold;}
.popup_map_img { margin: 0; height: 400px;}
/*--------------------------------------------- POPUP MAP ENDS ---------------------------------------------*/