/*reset.css*/ a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top}ul{list-style:none}blockquote,q{quotes:none}table,table td{padding:0;border:none;border-collapse:collapse}img{vertical-align:top}embed{vertical-align:top}article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline} /*skeleton.css*/ /* * Skeleton V1.1 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 8/17/2011 */ /* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 960 Grid ================================================== */ .container_24{ position: relative; width: 960px; margin: 0 auto; padding: 0; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24{ float: left; display: inline; margin-left:5px; margin-right:5px; } /* Nested Column Classes */ .container_24 .alpha { margin-left: 0; } .container_24 .omega { margin-right: 0; } /* Base Grid */ .container_24 .grid_1 { width: 30px; } .container_24 .grid_2 { width: 70px; } .container_24 .grid_3 { width: 110px; } .container_24 .grid_4 { width: 150px; } .container_24 .grid_5 { width: 190px; } .container_24 .grid_6 { width: 230px; } .container_24 .grid_7 { width: 270px; } .container_24 .grid_8 { width: 310px; } .container_24 .grid_9 { width: 350px; } .container_24 .grid_10 { width: 390px; } .container_24 .grid_11 { width: 430px; } .container_24 .grid_12 { width: 470px; } .container_24 .grid_13 { width: 510px; } .container_24 .grid_14 { width: 550px; } .container_24 .grid_15 { width: 590px; } .container_24 .grid_16 { width: 630px; } .container_24 .grid_17 { width: 670px; } .container_24 .grid_18 { width: 710px; } .container_24 .grid_19 { width: 750px; } .container_24 .grid_20 { width: 790px; } .container_24 .grid_21 { width: 830px; } .container_24 .grid_22 { width: 870px; } .container_24 .grid_23 { width: 910px; } .container_24 .grid_24 { width: 950px; } /* Prefix Extra Space >> 24 Columns */ .container_24 .prefix_1 {padding-left:40px;} .container_24 .prefix_2 {padding-left:80px;} .container_24 .prefix_3 {padding-left:120px;} .container_24 .prefix_4 {padding-left:160px;} .container_24 .prefix_5 {padding-left:200px;} .container_24 .prefix_6 {padding-left:240px;} .container_24 .prefix_7 {padding-left:280px;} .container_24 .prefix_8 {padding-left:320px;} .container_24 .prefix_9 {padding-left:360px;} .container_24 .prefix_10 {padding-left:400px;} .container_24 .prefix_11 {padding-left:440px;} .container_24 .prefix_12 {padding-left:480px;} .container_24 .prefix_13 {padding-left:520px;} .container_24 .prefix_14 {padding-left:560px;} .container_24 .prefix_15 {padding-left:600px;} .container_24 .prefix_16 {padding-left:640px;} .container_24 .prefix_17 {padding-left:680px;} .container_24 .prefix_18 {padding-left:720px;} .container_24 .prefix_19 {padding-left:760px;} .container_24 .prefix_20 {padding-left:800px;} .container_24 .prefix_21 {padding-left:840px;} .container_24 .prefix_22 {padding-left:880px;} .container_24 .prefix_23 {padding-left:920px;} /* Suffix Extra Space >> 24 Columns */ .container_24 .suffix_1 {padding-right:40px;} .container_24 .suffix_2 {padding-right:80px;} .container_24 .suffix_3 {padding-right:120px;} .container_24 .suffix_4 {padding-right:160px;} .container_24 .suffix_5 {padding-right:200px;} .container_24 .suffix_6 {padding-right:240px;} .container_24 .suffix_7 {padding-right:280px;} .container_24 .suffix_8 {padding-right:320px;} .container_24 .suffix_9 {padding-right:360px;} .container_24 .suffix_10 {padding-right:400px;} .container_24 .suffix_11 {padding-right:440px;} .container_24 .suffix_12 {padding-right:480px;} .container_24 .suffix_13 {padding-right:520px;} .container_24 .suffix_14 {padding-right:560px;} .container_24 .suffix_15 {padding-right:600px;} .container_24 .suffix_16 {padding-right:640px;} .container_24 .suffix_17 {padding-right:680px;} .container_24 .suffix_18 {padding-right:720px;} .container_24 .suffix_19 {padding-right:760px;} .container_24 .suffix_20 {padding-right:800px;} .container_24 .suffix_21 {padding-right:840px;} .container_24 .suffix_22 {padding-right:880px;} .container_24 .suffix_23 {padding-right:920px;} /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 995px) { .container_24 { width: 768px; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24{ margin-left: 5px; margin-right: 5px;} .container_24 .alpha { margin-left: 0;} .container_24 .omega { margin-right: 0;} .container_24 .grid_1 { width: 22px; } .container_24 .grid_2 { width: 54px; } .container_24 .grid_3 { width: 86px; } .container_24 .grid_4 { width: 118px; } .container_24 .grid_5 { width: 150px; } .container_24 .grid_6 { width: 182px; } .container_24 .grid_7 { width: 214px; } .container_24 .grid_8 { width: 246px; } .container_24 .grid_9 { width: 278px; } .container_24 .grid_10 { width: 310px; } .container_24 .grid_11 { width: 342px; } .container_24 .grid_12 { width: 374px; } .container_24 .grid_13 { width: 406px; } .container_24 .grid_14 { width: 438px; } .container_24 .grid_15 { width: 470px; } .container_24 .grid_16 { width: 502px; } .container_24 .grid_17 { width: 534px; } .container_24 .grid_18 { width: 566px; } .container_24 .grid_19 { width: 598px; } .container_24 .grid_20 { width: 630px; } .container_24 .grid_21 { width: 662px; } .container_24 .grid_22 { width: 694px; } .container_24 .grid_23 { width: 726px; } .container_24 .grid_24 { width: 758px; } /* Prefix Extra Space >> 24 Columns */ .container_24 .prefix_1 {padding-left:32px;} .container_24 .prefix_2 {padding-left:64px;} .container_24 .prefix_3 {padding-left:96px;} .container_24 .prefix_4 {padding-left:128px;} .container_24 .prefix_5 {padding-left:160px;} .container_24 .prefix_6 {padding-left:192px;} .container_24 .prefix_7 {padding-left:224px;} .container_24 .prefix_8 {padding-left:256px;} .container_24 .prefix_9 {padding-left:288px;} .container_24 .prefix_10 {padding-left:320px;} .container_24 .prefix_11 {padding-left:352px;} .container_24 .prefix_12 {padding-left:384px;} .container_24 .prefix_13 {padding-left:416px;} .container_24 .prefix_14 {padding-left:448px;} .container_24 .prefix_15 {padding-left:480px;} .container_24 .prefix_16 {padding-left:512px;} .container_24 .prefix_17 {padding-left:544px;} .container_24 .prefix_18 {padding-left:576px;} .container_24 .prefix_19 {padding-left:608px;} .container_24 .prefix_20 {padding-left:640px;} .container_24 .prefix_21 {padding-left:672px;} .container_24 .prefix_22 {padding-left:704px;} .container_24 .prefix_23 {padding-left:736px;} /* Suffix Extra Space >> 24 Columns */ .container_24 .suffix_1 {padding-right:32px;} .container_24 .suffix_2 {padding-right:64px;} .container_24 .suffix_3 {padding-right:96px;} .container_24 .suffix_4 {padding-right:128px;} .container_24 .suffix_5 {padding-right:160px;} .container_24 .suffix_6 {padding-right:192px;} .container_24 .suffix_7 {padding-right:224px;} .container_24 .suffix_8 {padding-right:256px;} .container_24 .suffix_9 {padding-right:288px;} .container_24 .suffix_10 {padding-right:320px;} .container_24 .suffix_11 {padding-right:352px;} .container_24 .suffix_12 {padding-right:384px;} .container_24 .suffix_13 {padding-right:416px;} .container_24 .suffix_14 {padding-right:448px;} .container_24 .suffix_15 {padding-right:480px;} .container_24 .suffix_16 {padding-right:512px;} .container_24 .suffix_17 {padding-right:544px;} .container_24 .suffix_18 {padding-right:576px;} .container_24 .suffix_19 {padding-right:608px;} .container_24 .suffix_20 {padding-right:640px;} .container_24 .suffix_21 {padding-right:672px;} .container_24 .suffix_22 {padding-right:704px;} .container_24 .suffix_23 {padding-right:736px;} } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container_24 { width: 300px; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24{ margin: 0; } .container_24 .grid_1, .container_24 .grid_2, .container_24 .grid_3, .container_24 .grid_4, .container_24 .grid_5, .container_24 .grid_6, .container_24 .grid_7, .container_24 .grid_8, .container_24 .grid_9, .container_24 .grid_10, .container_24 .grid_11, .container_24 .grid_12, .container_24 .grid_13, .container_24 .grid_14, .container_24 .grid_15, .container_24 .grid_16, .container_24 .grid_17, .container_24 .grid_18, .container_24 .grid_19, .container_24 .grid_20, .container_24 .grid_21, .container_24 .grid_22, .container_24 .grid_23, .container_24 .grid_24{ width: 300px;} /* Prefix Extra Space >> 12 Columns */ .container_24 .prefix_1, .container_24 .prefix_2, .container_24 .prefix_3, .container_24 .prefix_4, .container_24 .prefix_5, .container_24 .prefix_6, .container_24 .prefix_7, .container_24 .prefix_8, .container_24 .prefix_9, .container_24 .prefix_10, .container_24 .prefix_11, .container_24 .prefix_12, .container_24 .prefix_13, .container_24 .prefix_14, .container_24 .prefix_15, .container_24 .prefix_16, .container_24 .prefix_17, .container_24 .prefix_18, .container_24 .prefix_19, .container_24 .prefix_20, .container_24 .prefix_21, .container_24 .prefix_22, .container_24 .prefix_23{padding-left:0;} /* Suffix Extra Space >> 12 Columns */ .container_24 .suffix_1, .container_24 .suffix_2, .container_24 .suffix_3, .container_24 .suffix_4, .container_24 .suffix_5, .container_24 .suffix_6, .container_24 .suffix_7, .container_24 .suffix_8, .container_24 .suffix_9, .container_24 .suffix_10, .container_24 .suffix_11, .container_24 .suffix_12, .container_24 .suffix_13, .container_24 .suffix_14, .container_24 .suffix_15, .container_24 .suffix_16, .container_24 .suffix_17, .container_24 .suffix_18, .container_24 .suffix_19, .container_24 .suffix_20, .container_24 .suffix_21, .container_24 .suffix_22, .container_24 .suffix_23{padding-right:0;} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container_24 { width: 420px; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24{ margin: 0; } .container_24 .grid_1, .container_24 .grid_2, .container_24 .grid_3, .container_24 .grid_4, .container_24 .grid_5, .container_24 .grid_6, .container_24 .grid_7, .container_24 .grid_8, .container_24 .grid_9, .container_24 .grid_10, .container_24 .grid_11, .container_24 .grid_12, .container_24 .grid_13, .container_24 .grid_14, .container_24 .grid_15, .container_24 .grid_16, .container_24 .grid_17, .container_24 .grid_18, .container_24 .grid_19, .container_24 .grid_20, .container_24 .grid_21, .container_24 .grid_22, .container_24 .grid_23, .container_24 .grid_24{ width: 420px; } /* Prefix Extra Space >> 12 Columns */ .container_24 .prefix_1, .container_24 .prefix_2, .container_24 .prefix_3, .container_24 .prefix_4, .container_24 .prefix_5, .container_24 .prefix_6, .container_24 .prefix_7, .container_24 .prefix_8, .container_24 .prefix_9, .container_24 .prefix_10, .container_24 .prefix_11, .container_24 .prefix_12, .container_24 .prefix_13, .container_24 .prefix_14, .container_24 .prefix_15, .container_24 .prefix_16, .container_24 .prefix_17, .container_24 .prefix_18, .container_24 .prefix_19, .container_24 .prefix_20, .container_24 .prefix_21, .container_24 .prefix_22, .container_24 .prefix_23{padding-left:0;} /* Suffix Extra Space >> 12 Columns */ .container_24 .suffix_1, .container_24 .suffix_2, .container_24 .suffix_3, .container_24 .suffix_4, .container_24 .suffix_5, .container_24 .suffix_6, .container_24 .suffix_7, .container_24 .suffix_8, .container_24 .suffix_9, .container_24 .suffix_10, .container_24 .suffix_11, .container_24 .suffix_12, .container_24 .suffix_13, .container_24 .suffix_14, .container_24 .suffix_15, .container_24 .suffix_16, .container_24 .suffix_17, .container_24 .suffix_18, .container_24 .suffix_19, .container_24 .suffix_20, .container_24 .suffix_21, .container_24 .suffix_22, .container_24 .suffix_23{padding-right:0;} } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container_24:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /*superfish.css*/ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** STYLIZATION ***/ .sf-menu { margin-right:40px; padding-top:34px; } nav .sf-menu { float:right; } .sf-menu > li { margin-left:13px; } .sf-menu > li > a { font-size:18px; line-height:24px; color: #4c4f52; padding: 3px 17px; letter-spacing:-0.3pt; font-weight:700; } .sf-menu > li > a:hover, .sf-menu > li.active > a, .sf-menu > li.sfHover > a { color: #0097de; background-color:#fff; } .sf-menu ul { position: absolute; top: -999em; width: auto; padding: 10px 0; background-color:#e7e6e9; } .sf-menu li li a { font-size:16px; line-height:34px; color: #4c4f52; padding-left: 14px; padding-right: 14px; } .sf-menu li li a:hover, .sf-menu > li li.active a, .sf-menu > li li.sfHover > a { color: #0097de; background-color:#FFF; } .sf-menu .sf-sub-indicator { display:none; } #menu-icon{ display:none;} @media only screen and (min-width: 768px) and (max-width: 995px) { .sf-menu { margin-right:10px; } .sf-menu > li { margin-left:10px; } .sf-menu > li > a { padding: 3px 5px; } } @media only screen and (max-width: 767px) { #menu-icon { color: #0097de; cursor: pointer; display: inline-block; padding: 5px 11px 5px 11px; background-color:#fff; font-size:18px; line-height:30px; position:absolute; right:0; -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px rgba(0,0,0,0.3); } .sf-menu { clear: both; position: absolute; top: 10px; right:0; margin-right:0; margin-top:36px; padding:10px 0; width: auto; z-index: 10000; display: none; /* visibility will be toggled with jquery */ background-color:#fff; } .sf-menu li { clear: both; float: none; margin-bottom:5px; margin-left:0; } .sf-menu a, .sf-menu ul a { font: inherit; } .sf-menu ul { width: auto; position: static; display: block !important; background-color:#fff; } .sf-menu li li a { padding-left:40px; padding-right:40px; } .sf-menu .sf-sub-indicator { text-indent: -999em; width: 9px; height: 5px; display:inline-block; background: url('../images/sf-sub-indicator.png') no-repeat; position:relative; left:10px; top:19px; } .sf-menu > li li > a > .sf-sub-indicator { left:8px; top:13px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { } @media only screen and (min-width: 768px) {.sf-menu { display:block !important;}} /*forms.css*/ /* CONTACT FORM ========================================================================= */ #confirm { position: relative; height: auto; padding-bottom: 30px; } #confirm label { display: block; position: relative; min-height: 39px; width: 200px; } #confirm label.message { min-height: 286px; } #confirm input { display: block; margin: 0; outline: none; box-shadow: none !important; padding: 0 5px; width: 300px; height: 22px; font: 13px/18px Arial, sans-serif; color: #8a8d91; background: transparent; border: 1px solid #8f9194; } #confirm textarea { resize: none; overflow: auto; display: block; margin: 0; outline: none; box-shadow: none !important; padding: 5px 5px; width: 300px; height: 238px; font: 13px/18px Arial, sans-serif; color: #8a8d91; background: transparent; border: 1px solid #8f9194; } #confirm label > span { color: #009ee0; position:relative; left: 10px; } #confirm .success { display:none; margin-bottom:10px; font: bold 10px/12px Arial, sans-serif; color:#009ee0; } #confirm .empty, #confirm .error { font: 11px/14px Arial, sans-serif; display:none; color:#009ee0; } #confirm .btns { position: absolute; right: 0; } #confirm .btns a { margin-left: 10px; } /* MAP ========================================================================= */ dl.adress { display: block; margin-bottom:16px; } dl.adress.last-col {margin-bottom:0;} dl.adress dd span { float: right; } /* MEDIA */ /*==========================================*/ @media only screen and (min-width: 768px) and (max-width: 995px) { #confirm input { width: 232px; } #confirm textarea { width: 232px; } } @media only screen and (max-width: 767px) { #confirm input { width: 288px; } #confirm textarea { width: 288px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { #confirm input { width: 408px; } #confirm textarea { width: 408px; } } /*elastislide.css*/ .es-carousel-wrapper { margin: 0; margin-left:8px; padding: 19px 92px 0 78px; position: relative; z-index: 99; background: url('../images/banners-bg.png') no-repeat; height:76px; } .es-carousel { overflow: hidden; } .es-carousel ul { display: none; } .es-carousel ul li { display: block; float: left; height: 100%; } .es-nav span.es-nav-next, .es-nav span.es-nav-prev { cursor: pointer; display: block !important; font-size: 0; width: 33px; height: 34px; line-height: 0; position: absolute; text-indent: -5000px; top: 35px; z-index: 99; } .es-nav span.es-nav-next { background-image: url("../images/marker_right.png"); right: 40px; display:none !important; } .es-nav span.es-nav-prev { background-image: url("../images/marker_left.png"); left: 20px; display:none !important; } .es-nav span:hover { background-position: 0 -100%; } /* MEDIA */ /*==========================================*/ @media only screen and (min-width: 768px) and (max-width: 995px) { .es-carousel-wrapper { padding: 15px 65px 0 65px; margin-left:0; } .es-nav span.es-nav-next { right: 20px; } .es-carousel ul li { margin-right:26px !important; } } @media only screen and (max-width: 767px) { .es-carousel-wrapper { padding: 15px 65px 0 65px; margin-left:0; } .es-nav span.es-nav-next { right: 20px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .es-carousel ul li { margin-right:22px !important; } .es-carousel-wrapper { padding: 15px 60px 0 60px; } } /*camera.css*/ /************************** * * GENERAL * **************************/ .camera_wrap a, .camera_wrap img, .camera_wrap ol, .camera_wrap ul, .camera_wrap li, .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td .camera_thumbs_wrap a, .camera_thumbs_wrap img, .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td { background: none; border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; list-style: none } .camera_wrap { display: none; float: left; position: relative; z-index: 0; } .camera_wrap img { max-width: none!important; } .camera_fakehover { height: 100%; min-height: 60px; position: relative; width: 100%; z-index: 1; } .camera_wrap { width: 978px; margin-left:8px; margin-bottom:0 !important; } .camera_src { display: none; } .cameraCont, .cameraContents { height: 100%; position: relative; width: 100%; z-index: 1; } .cameraSlide { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .cameraContent { bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .camera_target { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; text-align: left; top: 0; width: 100%; z-index: 0; } .camera_overlayer { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; } .camera_target_content { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 2; } .camera_target_content .camera_link { background: url(../images/blank.gif); display: block; height: 100%; text-decoration: none; } .camera_loader { background: #fff url(../images/camera-loader.gif) no-repeat center; background: rgba(255, 255, 255, 0.9) url(../images/camera-loader.gif) no-repeat center; border: 1px solid #ffffff; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; height: 36px; left: 50%; overflow: hidden; position: absolute; margin: -18px 0 0 -18px; top: 50%; width: 36px; z-index: 3; } .camera_bar { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 3; } .camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar { height: 100%; position: absolute; width: auto; } .camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar { height: auto; position: absolute; width: 100%; } .camera_nav_cont { height: 65px; overflow: hidden; position: absolute; right: 9px; top: 15px; width: 120px; z-index: 4; } .camera_caption { bottom: 0; display: block; position: absolute; width: 100%; } .camera_caption > div { padding: 10px 20px; } .camerarelative { overflow: hidden; position: relative; } .imgFake { cursor: pointer; } .camera_prevThumbs { bottom: 4px; cursor: pointer; left: 0; position: absolute; top: 4px; visibility: hidden; width: 30px; z-index: 10; } .camera_prevThumbs div { background: url(../images/camera_skins.png) no-repeat -160px 0; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px; } .camera_nextThumbs { bottom: 4px; cursor: pointer; position: absolute; right: 0; top: 4px; visibility: hidden; width: 30px; z-index: 10; } .camera_nextThumbs div { background: url(../images/camera_skins.png) no-repeat -190px 0; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px; } .camera_command_wrap .hideNav { display: none; } .camera_command_wrap { left: 0; position: relative; right:0; z-index: 4; } .camera_wrap .camera_pag .camera_pag_ul { list-style: none; margin: 0; padding: 0; text-align: right; } .camera_wrap .camera_pag .camera_pag_ul li { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; display: inline-block; height: 16px; margin: 20px 5px; position: relative; text-align: left; text-indent: -9999px; width: 16px; } .camera_commands_emboss .camera_pag .camera_pag_ul li { -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); } .camera_wrap .camera_pag .camera_pag_ul li > span { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 8px; left: 4px; overflow: hidden; position: absolute; top: 4px; width: 8px; } .camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span { -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); } .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { -moz-box-shadow: 0; -webkit-box-shadow: 0; box-shadow: 0; } .camera_pag_ul li img { display: none; position: absolute; } .camera_pag_ul .thumb_arrow { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; top: 0; left: 50%; margin-left: -4px; position: absolute; } .camera_prev, .camera_next, .camera_commands { cursor: pointer; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 2; } .camera_prev { left: 0; } .camera_prev > span { background: url(../images/camera_skins.png) no-repeat 0 0; display: block; height: 40px; width: 40px; } .camera_next { right: 0; } .camera_next > span { background: url(../images/camera_skins.png) no-repeat -40px 0; display: block; height: 40px; width: 40px; } .camera_commands { right: 41px; } .camera_commands > .camera_play { background: url(../images/camera_skins.png) no-repeat -80px 0; height: 40px; width: 40px; } .camera_commands > .camera_stop { background: url(../images/camera_skins.png) no-repeat -120px 0; display: block; height: 40px; width: 40px; } .camera_wrap .camera_pag .camera_pag_ul li { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; display: inline-block; height: 16px; margin: 20px 5px; position: relative; text-indent: -9999px; width: 16px; } .camera_thumbs_cont { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; overflow: hidden; position: relative; width: 100%; } .camera_commands_emboss .camera_thumbs_cont { -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); } .camera_thumbs_cont > div { float: left; width: 100%; } .camera_thumbs_cont ul { overflow: hidden; padding: 3px 4px 8px; position: relative; text-align: center; } .camera_thumbs_cont ul li { display: inline; padding: 0 4px; } .camera_thumbs_cont ul li > img { border: 1px solid; cursor: pointer; margin-top: 5px; vertical-align:bottom; } .camera_clear { display: block; clear: both; } .showIt { display: none; } .camera_clear { clear: both; display: block; height: 1px; margin: -1px 0 25px; position: relative; } /************************** * * COLORS & SKINS * **************************/ .pattern_1 .camera_overlayer { background: url(../images/patterns/overlay1.png) repeat; } .pattern_2 .camera_overlayer { background: url(../images/patterns/overlay2.png) repeat; } .pattern_3 .camera_overlayer { background: url(../images/patterns/overlay3.png) repeat; } .pattern_4 .camera_overlayer { background: url(../images/patterns/overlay4.png) repeat; } .pattern_5 .camera_overlayer { background: url(../images/patterns/overlay5.png) repeat; } .pattern_6 .camera_overlayer { background: url(../images/patterns/overlay6.png) repeat; } .pattern_7 .camera_overlayer { background: url(../images/patterns/overlay7.png) repeat; } .pattern_8 .camera_overlayer { background: url(../images/patterns/overlay8.png) repeat; } .pattern_9 .camera_overlayer { background: url(../images/patterns/overlay9.png) repeat; } .pattern_10 .camera_overlayer { background: url(../images/patterns/overlay10.png) repeat; } .camera_wrap .camera_pag .camera_pag_ul li { background: #b7b7b7; } .camera_pag_ul li img { border: 4px solid #e6e6e6; -moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5); -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5); box-shadow: 0px 3px 6px rgba(0,0,0,.5); } .camera_pag_ul .thumb_arrow { border-top-color: #e6e6e6; } .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont { background: #d8d8d8; background: rgba(216, 216, 216, 0.85); } .camera_wrap .camera_pag .camera_pag_ul li { background: #b7b7b7; } .camera_thumbs_cont ul li > img { border-color: 1px solid #000; } /*AMBER SKIN*/ .camera_amber_skin .camera_prevThumbs div { background-position: -160px -160px; } .camera_amber_skin .camera_nextThumbs div { background-position: -190px -160px; } .camera_amber_skin .camera_prev > span { background-position: 0 -160px; } .camera_amber_skin .camera_next > span { background-position: -40px -160px; } .camera_amber_skin .camera_commands > .camera_play { background-position: -80px -160px; } .camera_amber_skin .camera_commands > .camera_stop { background-position: -120px -160px; } /*ASH SKIN*/ .camera_ash_skin .camera_prevThumbs div { background-position: -160px -200px; } .camera_ash_skin .camera_nextThumbs div { background-position: -190px -200px; } .camera_ash_skin .camera_prev > span { background-position: 0 -200px; } .camera_ash_skin .camera_next > span { background-position: -40px -200px; } .camera_ash_skin .camera_commands > .camera_play { background-position: -80px -200px; } .camera_ash_skin .camera_commands > .camera_stop { background-position: -120px -200px; } /*AZURE SKIN*/ .camera_azure_skin .camera_prevThumbs div { background-position: -160px -240px; } .camera_azure_skin .camera_nextThumbs div { background-position: -190px -240px; } .camera_azure_skin .camera_prev > span { background-position: 0 -240px; } .camera_azure_skin .camera_next > span { background-position: -40px -240px; } .camera_azure_skin .camera_commands > .camera_play { background-position: -80px -240px; } .camera_azure_skin .camera_commands > .camera_stop { background-position: -120px -240px; } /*BEIGE SKIN*/ .camera_beige_skin .camera_prevThumbs div { background-position: -160px -120px; } .camera_beige_skin .camera_nextThumbs div { background-position: -190px -120px; } .camera_beige_skin .camera_prev > span { background-position: 0 -120px; } .camera_beige_skin .camera_next > span { background-position: -40px -120px; } .camera_beige_skin .camera_commands > .camera_play { background-position: -80px -120px; } .camera_beige_skin .camera_commands > .camera_stop { background-position: -120px -120px; } /*BLACK SKIN*/ .camera_black_skin .camera_prevThumbs div { background-position: -160px -40px; } .camera_black_skin .camera_nextThumbs div { background-position: -190px -40px; } .camera_black_skin .camera_prev > span { background-position: 0 -40px; } .camera_black_skin .camera_next > span { background-position: -40px -40px; } .camera_black_skin .camera_commands > .camera_play { background-position: -80px -40px; } .camera_black_skin .camera_commands > .camera_stop { background-position: -120px -40px; } /*BLUE SKIN*/ .camera_blue_skin .camera_prevThumbs div { background-position: -160px -280px; } .camera_blue_skin .camera_nextThumbs div { background-position: -190px -280px; } .camera_blue_skin .camera_prev > span { background-position: 0 -280px; } .camera_blue_skin .camera_next > span { background-position: -40px -280px; } .camera_blue_skin .camera_commands > .camera_play { background-position: -80px -280px; } .camera_blue_skin .camera_commands > .camera_stop { background-position: -120px -280px; } /*BROWN SKIN*/ .camera_brown_skin .camera_prevThumbs div { background-position: -160px -320px; } .camera_brown_skin .camera_nextThumbs div { background-position: -190px -320px; } .camera_brown_skin .camera_prev > span { background-position: 0 -320px; } .camera_brown_skin .camera_next > span { background-position: -40px -320px; } .camera_brown_skin .camera_commands > .camera_play { background-position: -80px -320px; } .camera_brown_skin .camera_commands > .camera_stop { background-position: -120px -320px; } /*BURGUNDY SKIN*/ .camera_burgundy_skin .camera_prevThumbs div { background-position: -160px -360px; } .camera_burgundy_skin .camera_nextThumbs div { background-position: -190px -360px; } .camera_burgundy_skin .camera_prev > span { background-position: 0 -360px; } .camera_burgundy_skin .camera_next > span { background-position: -40px -360px; } .camera_burgundy_skin .camera_commands > .camera_play { background-position: -80px -360px; } .camera_burgundy_skin .camera_commands > .camera_stop { background-position: -120px -360px; } /*CHARCOAL SKIN*/ .camera_charcoal_skin .camera_prevThumbs div { background-position: -160px -400px; } .camera_charcoal_skin .camera_nextThumbs div { background-position: -190px -400px; } .camera_charcoal_skin .camera_prev > span { background-position: 0 -400px; } .camera_charcoal_skin .camera_next > span { background-position: -40px -400px; } .camera_charcoal_skin .camera_commands > .camera_play { background-position: -80px -400px; } .camera_charcoal_skin .camera_commands > .camera_stop { background-position: -120px -400px; } /*CHOCOLATE SKIN*/ .camera_chocolate_skin .camera_prevThumbs div { background-position: -160px -440px; } .camera_chocolate_skin .camera_nextThumbs div { background-position: -190px -440px; } .camera_chocolate_skin .camera_prev > span { background-position: 0 -440px; } .camera_chocolate_skin .camera_next > span { background-position: -40px -440px; } .camera_chocolate_skin .camera_commands > .camera_play { background-position: -80px -440px; } .camera_chocolate_skin .camera_commands > .camera_stop { background-position: -120px -440px ; } /*COFFEE SKIN*/ .camera_coffee_skin .camera_prevThumbs div { background-position: -160px -480px; } .camera_coffee_skin .camera_nextThumbs div { background-position: -190px -480px; } .camera_coffee_skin .camera_prev > span { background-position: 0 -480px; } .camera_coffee_skin .camera_next > span { background-position: -40px -480px; } .camera_coffee_skin .camera_commands > .camera_play { background-position: -80px -480px; } .camera_coffee_skin .camera_commands > .camera_stop { background-position: -120px -480px ; } /*CYAN SKIN*/ .camera_cyan_skin .camera_prevThumbs div { background-position: -160px -520px; } .camera_cyan_skin .camera_nextThumbs div { background-position: -190px -520px; } .camera_cyan_skin .camera_prev > span { background-position: 0 -520px; } .camera_cyan_skin .camera_next > span { background-position: -40px -520px; } .camera_cyan_skin .camera_commands > .camera_play { background-position: -80px -520px; } .camera_cyan_skin .camera_commands > .camera_stop { background-position: -120px -520px ; } /*FUCHSIA SKIN*/ .camera_fuchsia_skin .camera_prevThumbs div { background-position: -160px -560px; } .camera_fuchsia_skin .camera_nextThumbs div { background-position: -190px -560px; } .camera_fuchsia_skin .camera_prev > span { background-position: 0 -560px; } .camera_fuchsia_skin .camera_next > span { background-position: -40px -560px; } .camera_fuchsia_skin .camera_commands > .camera_play { background-position: -80px -560px; } .camera_fuchsia_skin .camera_commands > .camera_stop { background-position: -120px -560px ; } /*GOLD SKIN*/ .camera_gold_skin .camera_prevThumbs div { background-position: -160px -600px; } .camera_gold_skin .camera_nextThumbs div { background-position: -190px -600px; } .camera_gold_skin .camera_prev > span { background-position: 0 -600px; } .camera_gold_skin .camera_next > span { background-position: -40px -600px; } .camera_gold_skin .camera_commands > .camera_play { background-position: -80px -600px; } .camera_gold_skin .camera_commands > .camera_stop { background-position: -120px -600px ; } /*GREEN SKIN*/ .camera_green_skin .camera_prevThumbs div { background-position: -160px -640px; } .camera_green_skin .camera_nextThumbs div { background-position: -190px -640px; } .camera_green_skin .camera_prev > span { background-position: 0 -640px; } .camera_green_skin .camera_next > span { background-position: -40px -640px; } .camera_green_skin .camera_commands > .camera_play { background-position: -80px -640px; } .camera_green_skin .camera_commands > .camera_stop { background-position: -120px -640px ; } /*GREY SKIN*/ .camera_grey_skin .camera_prevThumbs div { background-position: -160px -680px; } .camera_grey_skin .camera_nextThumbs div { background-position: -190px -680px; } .camera_grey_skin .camera_prev > span { background-position: 0 -680px; } .camera_grey_skin .camera_next > span { background-position: -40px -680px; } .camera_grey_skin .camera_commands > .camera_play { background-position: -80px -680px; } .camera_grey_skin .camera_commands > .camera_stop { background-position: -120px -680px ; } /*INDIGO SKIN*/ .camera_indigo_skin .camera_prevThumbs div { background-position: -160px -720px; } .camera_indigo_skin .camera_nextThumbs div { background-position: -190px -720px; } .camera_indigo_skin .camera_prev > span { background-position: 0 -720px; } .camera_indigo_skin .camera_next > span { background-position: -40px -720px; } .camera_indigo_skin .camera_commands > .camera_play { background-position: -80px -720px; } .camera_indigo_skin .camera_commands > .camera_stop { background-position: -120px -720px ; } /*KHAKI SKIN*/ .camera_khaki_skin .camera_prevThumbs div { background-position: -160px -760px; } .camera_khaki_skin .camera_nextThumbs div { background-position: -190px -760px; } .camera_khaki_skin .camera_prev > span { background-position: 0 -760px; } .camera_khaki_skin .camera_next > span { background-position: -40px -760px; } .camera_khaki_skin .camera_commands > .camera_play { background-position: -80px -760px; } .camera_khaki_skin .camera_commands > .camera_stop { background-position: -120px -760px ; } /*LIME SKIN*/ .camera_lime_skin .camera_prevThumbs div { background-position: -160px -800px; } .camera_lime_skin .camera_nextThumbs div { background-position: -190px -800px; } .camera_lime_skin .camera_prev > span { background-position: 0 -800px; } .camera_lime_skin .camera_next > span { background-position: -40px -800px; } .camera_lime_skin .camera_commands > .camera_play { background-position: -80px -800px; } .camera_lime_skin .camera_commands > .camera_stop { background-position: -120px -800px ; } /*MAGENTA SKIN*/ .camera_magenta_skin .camera_prevThumbs div { background-position: -160px -840px; } .camera_magenta_skin .camera_nextThumbs div { background-position: -190px -840px; } .camera_magenta_skin .camera_prev > span { background-position: 0 -840px; } .camera_magenta_skin .camera_next > span { background-position: -40px -840px; } .camera_magenta_skin .camera_commands > .camera_play { background-position: -80px -840px; } .camera_magenta_skin .camera_commands > .camera_stop { background-position: -120px -840px ; } /*MAROON SKIN*/ .camera_maroon_skin .camera_prevThumbs div { background-position: -160px -880px; } .camera_maroon_skin .camera_nextThumbs div { background-position: -190px -880px; } .camera_maroon_skin .camera_prev > span { background-position: 0 -880px; } .camera_maroon_skin .camera_next > span { background-position: -40px -880px; } .camera_maroon_skin .camera_commands > .camera_play { background-position: -80px -880px; } .camera_maroon_skin .camera_commands > .camera_stop { background-position: -120px -880px ; } /*ORANGE SKIN*/ .camera_orange_skin .camera_prevThumbs div { background-position: -160px -920px; } .camera_orange_skin .camera_nextThumbs div { background-position: -190px -920px; } .camera_orange_skin .camera_prev > span { background-position: 0 -920px; } .camera_orange_skin .camera_next > span { background-position: -40px -920px; } .camera_orange_skin .camera_commands > .camera_play { background-position: -80px -920px; } .camera_orange_skin .camera_commands > .camera_stop { background-position: -120px -920px ; } /*OLIVE SKIN*/ .camera_olive_skin .camera_prevThumbs div { background-position: -160px -1080px; } .camera_olive_skin .camera_nextThumbs div { background-position: -190px -1080px; } .camera_olive_skin .camera_prev > span { background-position: 0 -1080px; } .camera_olive_skin .camera_next > span { background-position: -40px -1080px; } .camera_olive_skin .camera_commands > .camera_play { background-position: -80px -1080px; } .camera_olive_skin .camera_commands > .camera_stop { background-position: -120px -1080px ; } /*PINK SKIN*/ .camera_pink_skin .camera_prevThumbs div { background-position: -160px -960px; } .camera_pink_skin .camera_nextThumbs div { background-position: -190px -960px; } .camera_pink_skin .camera_prev > span { background-position: 0 -960px; } .camera_pink_skin .camera_next > span { background-position: -40px -960px; } .camera_pink_skin .camera_commands > .camera_play { background-position: -80px -960px; } .camera_pink_skin .camera_commands > .camera_stop { background-position: -120px -960px ; } /*PISTACHIO SKIN*/ .camera_pistachio_skin .camera_prevThumbs div { background-position: -160px -1040px; } .camera_pistachio_skin .camera_nextThumbs div { background-position: -190px -1040px; } .camera_pistachio_skin .camera_prev > span { background-position: 0 -1040px; } .camera_pistachio_skin .camera_next > span { background-position: -40px -1040px; } .camera_pistachio_skin .camera_commands > .camera_play { background-position: -80px -1040px; } .camera_pistachio_skin .camera_commands > .camera_stop { background-position: -120px -1040px ; } /*PINK SKIN*/ .camera_pink_skin .camera_prevThumbs div { background-position: -160px -80px; } .camera_pink_skin .camera_nextThumbs div { background-position: -190px -80px; } .camera_pink_skin .camera_prev > span { background-position: 0 -80px; } .camera_pink_skin .camera_next > span { background-position: -40px -80px; } .camera_pink_skin .camera_commands > .camera_play { background-position: -80px -80px; } .camera_pink_skin .camera_commands > .camera_stop { background-position: -120px -80px; } /*RED SKIN*/ .camera_red_skin .camera_prevThumbs div { background-position: -160px -1000px; } .camera_red_skin .camera_nextThumbs div { background-position: -190px -1000px; } .camera_red_skin .camera_prev > span { background-position: 0 -1000px; } .camera_red_skin .camera_next > span { background-position: -40px -1000px; } .camera_red_skin .camera_commands > .camera_play { background-position: -80px -1000px; } .camera_red_skin .camera_commands > .camera_stop { background-position: -120px -1000px ; } /*TANGERINE SKIN*/ .camera_tangerine_skin .camera_prevThumbs div { background-position: -160px -1120px; } .camera_tangerine_skin .camera_nextThumbs div { background-position: -190px -1120px; } .camera_tangerine_skin .camera_prev > span { background-position: 0 -1120px; } .camera_tangerine_skin .camera_next > span { background-position: -40px -1120px; } .camera_tangerine_skin .camera_commands > .camera_play { background-position: -80px -1120px; } .camera_tangerine_skin .camera_commands > .camera_stop { background-position: -120px -1120px ; } /*TURQUOISE SKIN*/ .camera_turquoise_skin .camera_prevThumbs div { background-position: -160px -1160px; } .camera_turquoise_skin .camera_nextThumbs div { background-position: -190px -1160px; } .camera_turquoise_skin .camera_prev > span { background-position: 0 -1160px; } .camera_turquoise_skin .camera_next > span { background-position: -40px -1160px; } .camera_turquoise_skin .camera_commands > .camera_play { background-position: -80px -1160px; } .camera_turquoise_skin .camera_commands > .camera_stop { background-position: -120px -1160px ; } /*VIOLET SKIN*/ .camera_violet_skin .camera_prevThumbs div { background-position: -160px -1200px; } .camera_violet_skin .camera_nextThumbs div { background-position: -190px -1200px; } .camera_violet_skin .camera_prev > span { background-position: 0 -1200px; } .camera_violet_skin .camera_next > span { background-position: -40px -1200px; } .camera_violet_skin .camera_commands > .camera_play { background-position: -80px -1200px; } .camera_violet_skin .camera_commands > .camera_stop { background-position: -120px -1200px ; } /*WHITE SKIN*/ .camera_white_skin .camera_prevThumbs div { background-position: -160px -80px; } .camera_white_skin .camera_nextThumbs div { background-position: -190px -80px; } .camera_white_skin .camera_prev > span { background-position: 0 -80px; } .camera_white_skin .camera_next > span { background-position: -40px -80px; } .camera_white_skin .camera_commands > .camera_play { background-position: -80px -80px; } .camera_white_skin .camera_commands > .camera_stop { background-position: -120px -80px; } /*YELLOW SKIN*/ .camera_yellow_skin .camera_prevThumbs div { background-position: -160px -1240px; } .camera_yellow_skin .camera_nextThumbs div { background-position: -190px -1240px; } .camera_yellow_skin .camera_prev > span { background-position: 0 -1240px; } .camera_yellow_skin .camera_next > span { background-position: -40px -1240px; } .camera_yellow_skin .camera_commands > .camera_play { background-position: -80px -1240px; } .camera_yellow_skin .camera_commands > .camera_stop { background-position: -120px -1240px ; } .slide-text-1 { font-weight:400; font-size:47px; line-height:56px; letter-spacing:-2px; margin-bottom:22px; } .slide-text-1 .mar-top { margin-top:-16px; } .slide-text-3 { font-size:14px; line-height:18px; font-weight:bold; color:#9ea1a4; text-transform: uppercase; letter-spacing:-0.3pt; } .camera_caption { width:445px; bottom:auto; top:65px; left:16px; } .camera_pag { position:absolute; bottom:23px; left:36px; } .camera_wrap .camera_pag .camera_pag_ul li { float:left; display:block; text-indent:-999em; width:15px; height:15px; background: url('../images/pagination.png') no-repeat 100% 0; margin:0; margin-right:3px; } .camera_wrap .camera_pag .camera_pag_ul li:hover, .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent { background-position:0 0; } @media only screen and (min-width: 768px) and (max-width: 995px) { .camera_wrap { width:768px; margin:0; } .camera_caption { top:35px; } } @media only screen and (max-width: 767px) { .camera_wrap { width:300px; margin:0; } .camera_caption {display:none !important;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .camera_wrap { width:420px; } } /*style.css*/ html {overflow-y:scroll;} body { background: url('../images/body.jpg'); font:13px/18px Arial, sans-serif; color:#8a8d91; position:relative; min-width:320px; } html,body { height:100%; } a { color:#03F; outline:none; cursor:pointer; text-decoration:none; font-family: Arial, sans-serif; } img { max-width:100%; height:auto; } h2, h3, .sf-menu > li > a, #menu-icon, .sf-menu li li a, slide-text-2, .button, #newsletter-form .submit, .foot-1, .policy, .unsub, .slide-text-1 {font-family:Arial, Helvetica, sans-serif;} .bold {font-weight:bold;} /* GLOBAL STRUCTURE ========================================================================= */ .clear { clear:both; line-height:0; font-size:0; overflow:hidden; height:0; width:100%; } .wrapper { width:100%; overflow:hidden; position:relative; } .extra-wrap { overflow:hidden; display:block; } .fleft {float:left;} .fright {float:right;} .body-glow { background: url('../images/body-glow.jpg') no-repeat 50% 0; } .main { width:1000px; margin:0 auto; } /* TYPOGRAPHY ========================================================================= */ h1 { margin-left:40px; position:absolute; } h1 a { display: block; text-indent: -999em; width: 283px; height: 115px; background: url('../images/logo.png') no-repeat; } h2 { font-size:26px; line-height:36px; font-weight:700; color:#8f9194; letter-spacing:-1px; border-bottom: 3px solid #d5d7da; padding-bottom:3px; text-transform:capitalize; } h3 { font-size:36px; line-height:44px; letter-spacing:-1px; font-weight:normal; } strong { font: normal 14px/20px Arial, sans-serif; color:#8a8d91; } strong.green { color:#4cad99; font-weight:bold; } strong.blue { color:#207cbc; } strong.l-blue { color:#009ee0; } /* IDENTS ========================================================================= */ .indent-bot-1 {margin-bottom: 18px;} .indent-bot-2 {margin-bottom: 38px;} .indent-bot-3 {margin-bottom: 12px;} .indent-bot-4 {margin-bottom: 5px;} .indent-bot-5 {margin-bottom: 3px;} .indent-bot-6 {margin-bottom: 22px;} .indent-bot-7 {margin-bottom: 17px;} .indent-bot-8 {margin-bottom: 40px;} .indent-bot-9 {margin-bottom: 39px;} .indent-bot-10 {margin-bottom: 56px;} .indent-bot-11 {margin-bottom: 24px;} .indent-bot-12 {margin-bottom: 34px;} .indent-bot-13 {margin-bottom: 15px;} .indent-bot-14 {margin-bottom: 19px;} .indent-bot-15 {margin-bottom: 23px;} .indent-bot-16 {margin-bottom: 46px;} .indent-bot-17 {margin-bottom: 43px;} .indent-bot-18 {margin-bottom: 54px;} .indent-bot-19 {margin-bottom: 51px;} .indent-bot-20 {margin-bottom: 11px;} .indent-bot-21 {margin-bottom: 9px;} .indent-bot-22 {margin-bottom: 45px;} /* HEADER ========================================================================= */ .list-soc { padding:11px 0 4px 0; float:right; margin-right:50px; } .list-soc li { float:left; margin-left:17px; } .list-soc li a { display:inline-block; width:36px; height:30px; } .list-soc li.soc-1 a { background: url('../images/twitter-hover.png') no-repeat; } .list-soc li.soc-2 a { background: url('../images/facebook-hover.png') no-repeat; } .list-soc li.soc-3 a { background: url('../images/stumbleupon-hover.png') no-repeat; } .list-soc li.soc-4 a { background: url('../images/google+.png') no-repeat; } .list-soc li.soc-1 a:hover, .list-soc li.soc-2 a:hover, .list-soc li.soc-3 a:hover, .list-soc li.soc-4 a:hover {background-position:0 100%;} nav { background: url('../images/page1-menu-bg.png') no-repeat; min-height:98px; margin-left:8px; } #page1 nav { background: url('../images/page1-menu-bg.png') no-repeat; min-height:95px; margin-left:8px; } div.col-green, div.col-blue, div.col-light-blue { float:left; margin-left:10px; color:#ffffff; } div.col-green a, div.col-blue a, div.col-light-blue a { color:#fff; text-decoration:underline; } div.col-green a:hover, div.col-blue a:hover, div.col-light-blue a:hover { text-decoration:none; } div.col-green { width:320px; background: #67bdb0; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3YmRiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjNWNiN2E4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjNTdiMmEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjNTdhZjlmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjNTBhNzk2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjMlIiBzdG9wLWNvbG9yPSIjNGNhMzkyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjNGJhMjhmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjNDlhMDhkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU0YTU5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #67bdb0 0%, #5cb7a8 5%, #57b2a3 21%, #57af9f 24%, #50a796 44%, #4ca392 63%, #4ba28f 65%, #49a08d 96%, #54a594 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67bdb0), color-stop(5%,#5cb7a8), color-stop(21%,#57b2a3), color-stop(24%,#57af9f), color-stop(44%,#50a796), color-stop(63%,#4ca392), color-stop(65%,#4ba28f), color-stop(96%,#49a08d), color-stop(100%,#54a594)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #67bdb0 0%,#5cb7a8 5%,#57b2a3 21%,#57af9f 24%,#50a796 44%,#4ca392 63%,#4ba28f 65%,#49a08d 96%,#54a594 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #67bdb0 0%,#5cb7a8 5%,#57b2a3 21%,#57af9f 24%,#50a796 44%,#4ca392 63%,#4ba28f 65%,#49a08d 96%,#54a594 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #67bdb0 0%,#5cb7a8 5%,#57b2a3 21%,#57af9f 24%,#50a796 44%,#4ca392 63%,#4ba28f 65%,#49a08d 96%,#54a594 100%); /* IE10+ */ background: linear-gradient(to bottom, #67bdb0 0%,#5cb7a8 5%,#57b2a3 21%,#57af9f 24%,#50a796 44%,#4ca392 63%,#4ba28f 65%,#49a08d 96%,#54a594 100%); /* W3C */ -pie-background: linear-gradient(#67bdb0 0%, #5cb7a8 5%, #57b2a3 21%, #57af9f 24%, #50a796 44%, #4ca392 63%, #4ba28f 65%, #49a08d 96%, #54a594 100%); filter: none; } div.col-blue { width:314px; background: #2f6f9d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmNmY5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjMjk2OTk3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiMyNTY3OTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3JSIgc3RvcC1jb2xvcj0iIzI0Njc5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzI2NjY5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iIzIyNjE4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iIzIzNWU4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iIzIwNWI4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzFmNTY3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzFkNTM3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzIwNTQ3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYzVlODEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #2f6f9d 0%, #296997 2%, #256797 4%, #246794 7%, #266694 10%, #22618c 22%, #235e8a 31%, #205b83 38%, #1f567d 55%, #1d5377 95%, #205479 97%, #2c5e81 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f6f9d), color-stop(2%,#296997), color-stop(4%,#256797), color-stop(7%,#246794), color-stop(10%,#266694), color-stop(22%,#22618c), color-stop(31%,#235e8a), color-stop(38%,#205b83), color-stop(55%,#1f567d), color-stop(95%,#1d5377), color-stop(97%,#205479), color-stop(100%,#2c5e81)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2f6f9d 0%,#296997 2%,#256797 4%,#246794 7%,#266694 10%,#22618c 22%,#235e8a 31%,#205b83 38%,#1f567d 55%,#1d5377 95%,#205479 97%,#2c5e81 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2f6f9d 0%,#296997 2%,#256797 4%,#246794 7%,#266694 10%,#22618c 22%,#235e8a 31%,#205b83 38%,#1f567d 55%,#1d5377 95%,#205479 97%,#2c5e81 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2f6f9d 0%,#296997 2%,#256797 4%,#246794 7%,#266694 10%,#22618c 22%,#235e8a 31%,#205b83 38%,#1f567d 55%,#1d5377 95%,#205479 97%,#2c5e81 100%); /* IE10+ */ background: linear-gradient(to bottom, #2f6f9d 0%,#296997 2%,#256797 4%,#246794 7%,#266694 10%,#22618c 22%,#235e8a 31%,#205b83 38%,#1f567d 55%,#1d5377 95%,#205479 97%,#2c5e81 100%); /* W3C */ -pie-background: linear-gradient(#2f6f9d 0%, #296997 2%, #256797 4%, #246794 7%, #266694 10%, #22618c 22%, #235e8a 31%, #205b83 38%, #1f567d 55%, #1d5377 95%, #205479 97%, #2c5e81 100%); filter: none; } div.col-light-blue { width:312px; background: #07b2e6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3YjJlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjMDBhZGU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjMDBhNmU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjclIiBzdG9wLWNvbG9yPSIjMDBhMmUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjMDA5YmRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjQlIiBzdG9wLWNvbG9yPSIjMDA5NGRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjMDA5MmRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjMDM5MmRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjMDY5NmRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBkOTdkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #07b2e6 0%, #00ade5 3%, #00a6e4 22%, #00a2e0 27%, #009bde 41%, #0094dc 64%, #0092dd 96%, #0392de 97%, #0696dd 98%, #0d97df 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07b2e6), color-stop(3%,#00ade5), color-stop(22%,#00a6e4), color-stop(27%,#00a2e0), color-stop(41%,#009bde), color-stop(64%,#0094dc), color-stop(96%,#0092dd), color-stop(97%,#0392de), color-stop(98%,#0696dd), color-stop(100%,#0d97df)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #07b2e6 0%,#00ade5 3%,#00a6e4 22%,#00a2e0 27%,#009bde 41%,#0094dc 64%,#0092dd 96%,#0392de 97%,#0696dd 98%,#0d97df 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #07b2e6 0%,#00ade5 3%,#00a6e4 22%,#00a2e0 27%,#009bde 41%,#0094dc 64%,#0092dd 96%,#0392de 97%,#0696dd 98%,#0d97df 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #07b2e6 0%,#00ade5 3%,#00a6e4 22%,#00a2e0 27%,#009bde 41%,#0094dc 64%,#0092dd 96%,#0392de 97%,#0696dd 98%,#0d97df 100%); /* IE10+ */ background: linear-gradient(to bottom, #07b2e6 0%,#00ade5 3%,#00a6e4 22%,#00a2e0 27%,#009bde 41%,#0094dc 64%,#0092dd 96%,#0392de 97%,#0696dd 98%,#0d97df 100%); /* W3C */ -pie-background: linear-gradient(#07b2e6 0%, #00ade5 3%, #00a6e4 22%, #00a2e0 27%, #009bde 41%, #0094dc 64%, #0092dd 96%, #0392de 97%, #0696dd 98%, #0d97df 100%); filter: none; } /* CONTENT ========================================================================= */ #content { padding:40px 0 48px 0; } #page1 #content { padding:56px 0 40px 0; } .line { background: url('../images/border-bg.png') repeat-x; height: 1px; overflow:hidden; } div.col-green .inner-indernt { } div.col-blue .inner-indernt { } .img-1 { float:left; margin-right:20px; margin-top:5px; } .rt-wrap { overflow:hidden; } .inner-indernt { padding: 24px 33px 38px; } .rt-indent-1 {padding-right: 40px;} .br {display:none;} .right {text-align:right;} .center {text-align:center;} h3.blue {color:#0195dd; font-size:20px; line-height:26px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; letter-spacing:0; margin-bottom:10px;} h3 a.no-border {text-decoration:none; display:block; background: url('../images/icon2.png') no-repeat 100% 2px;} h3 a.item2 {background: url('../images/icon1.png') no-repeat 100% 2px;} .banner {position:relative; height:auto;} .banner.homepage{padding-top: 40px;} .caption {position:absolute; left:10%; top:20%; width:40%; font-size:14px; line-height:20px;} .caption h2 {font-size:36px; line-height:40px; border-bottom:0 none; margin-bottom:20px;} table.timing {color:#000; font-size:13px; line-height:19px; font-family:Arial, Helvetica, sans-serif;} table.timing th { font-weight:bold; padding:10px 0; text-align:center; border:1px solid #a0a0a0; background:#cccccc;} table.timing tr th.no-color {background:none;} table.timing td {padding:10px 5px; text-align:center; border:1px solid #a0a0a0; box-shadow:-1px 1px 0px #f0f0f0 inset; } table.common th {font-weight:bold; padding:10px 5px; text-align:center; border:1px solid #000;} table.common td {padding:10px 5px; text-align:center; border:1px solid #000; vertical-align:middle;} table.pron {color:#000; font-size:13px; line-height:19px; font-family:Arial, Helvetica, sans-serif; margin-bottom:30px;} table.pron th {background:#ccc;} table.timezone {color:#000; font-size:13px; line-height:19px; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px;} table.timezone th {background:#d8d8d8;} table.timezone tr td.capital {color:#176db3; text-transform:uppercase; font-weight:bold;} table.us-rank-enlisted th {background:#d8d8d8;} table.us-rank-enlisted td,table.us-rank-officers td { vertical-align:middle;} table.us-rank-officers th {background:#d8d8d8;} ul.dw-center {overflow: hidden; list-style:none;} ul.dw-center li {float:left; margin-right:14px;} .thanks h2 {border-bottom:3px solid #4CAD99;} .time-converter {margin-bottom:20px; overflow:hidden;} .time-converter .cal {background:#c1c2c6; margin-bottom:10px; padding-bottom:14px; color:#fff; line-height:28px; overflow:hidden; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; float:left; width:220px;} .time-converter .cal-1 {margin-right:20px;} .time-converter .cal h4 {color:#fff; font-size:15px; line-height:20px; font-weight:normal; background:#0092dd; padding:5px 30px 6px; margin-bottom:14px; text-align:center;} .time-converter form {padding:0 26px;} .time-converter .cal input.input {width:46px; padding:4px 8px; border:0 none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; margin:0 4px 12px;} .time-converter .cal input.timing {width:25px;} .time-converter .cal input.output {background:#dadbdd; box-shadow:1px 1px 2px #838488; padding:5px 8px 6px;} .time-converter .cal select {padding:3px 4px; border:0 none; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px;} .time-converter .cal select option {border:0 none; outline:0 none;} .time-converter .cal span.colon {font-size:26px; line-height:26px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;} .time-converter .cal input.button {background:#616264; padding:5px 20px; border:0 none; cursor:pointer; font-weight:bold; margin:0 4px; box-shadow:none; margin-bottom:10px;} .time-converter .cal input.button:hover {background:#777;} .add-fix {overflow:hidden;} .rt-add {text-align:right;} /* BUTTONS, LINKS ========================================================================= */ .button { display:inline-block; font-size:14px; line-height:20px; font-style:italic; color:#ffffff; padding: 4px 20px; -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px rgba(0,0,0,0.25); } .button.green { background: #53a492; } .button.green:hover { background:#18715d; } .button.blue { background: #346f99; } .button.blue:hover { background:#0f9de0; } .button.light-blue { background: #0f9de0; } .button.light-blue:hover { background:#346f99; } .link-1 { color:#8a8d91; text-decoration:underline; } .link-1:hover { color:#009ee0; } .link-2 { color:#009ee0; border-bottom: 1px solid #009ee0; } .link-2:hover { border-bottom: 1px solid transparent; } a.color-green { color:#4daa69; text-decoration:underline; font-style:italic; } a.color-green:hover { text-decoration:none; } a.color-light-blue { color:#0195dd; text-decoration:underline; font-style:italic; } a.color-light-blue:hover { text-decoration:none; } .list-1 li { padding-left: 30px; background: url('../images/marker.png') no-repeat 0 7px; line-height:27px; } .list-1 li a { color: #8a8d91; line-height:27px; text-decoration:underline; } .list-1 li a:hover { text-decoration:none; } /* FOOTER ========================================================================= */ footer { color:#8a8e94; font-size:13px; line-height:18px; padding-bottom:34px; } .policy a { color: #8a8e94; border-bottom: 1px solid #8a8e94; } .policy a:hover { color:#009ee0; border-bottom: 1px solid transparent; } .foot-adress { float:left; padding-top:8px; } #newsletter-form { float:right; margin-right:36px; padding-top:5px; } #newsletter-form > input { margin: 0; outline: none; box-shadow: none !important; border: 1px solid #d1d1d2; height: 26px; padding: 0 5px; color: #8a8d91; width: 173px; background-color:#fefdfc; } #newsletter-form .submit { background:#a6abb2 url(../images/icon_search.png) no-repeat 5px 6px; color:#fff; font-size:14px; line-height:20px; font-style:italic; padding:4px 13px 4px 25px; display:inline-block; margin-left:8px; } #newsletter-form .submit:hover { background-color:#7f8690; } .unsub { display:inline-block; color:#8a8d91; font-style:italic; padding-top:7px; padding-left:12px; overflow:hidden; } .unsub:hover { color:#009ee0; } .foot-1 {overflow:hidden;} /* MEDIA */ /*==========================================*/ @media only screen and (min-width: 768px) and (max-width: 995px) { .hide-pl {display:none;} .main { width:768px; } nav {margin-left:0; background-position:-20px 0;} #page1 nav { margin-left:0; background-position:-20px 0;} .sf-menu > li > a {font-size:17px;} .caption h2 {font-size:20px; line-height:24px; margin-bottom:15px;} div.col-light-blue { margin-left:0; } div.col-green, div.col-blue, div.col-light-blue { width:249px; } .inner-indernt { padding: 14px 28px 28px 28px; } #newsletter-form { margin-right:18px; } h1 {margin-left:20px;} h3 { font-size:30px; } .list-soc {margin-right:20px;} .rt-indent-1 {padding-right: 20px;} } @media only screen and (max-width: 767px) { .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_18, .grid_20, .grid_21, .grid_22 {margin-bottom:30px;} .last-col {margin-bottom:0 !important;} .main { width:300px; } h1 {margin-left:0;} .list-soc {margin-right:0px;} nav, #page1 nav {margin-left:0; background:none; position:relative; min-height:40px;} #page1 nav {min-height:70px;} .caption p {display:none;} .caption h2 {font-size:15px; line-height:20px; margin-bottom:0px;} div.col-green, div.col-blue, div.col-light-blue { width:100%; margin-left:0; margin-bottom:15px; } #newsletter-form { margin-right:0px; float:none; padding-bottom:30px; } .foot-adress { float:none; text-align:center; } .br {display:block;} h1 { position:relative; float:left; } h1 a { width: 204px; height: 82px; background: url('../images/logo-rt.png') no-repeat; } .list-soc {display:none;} .list-soc {float:left;} .hide-ip{display:none;} .img-100 {width:100%;} .rt-indent-1 {padding: 0;} .rt-wrap {overflow:visible;} .img-1 {float:none; margin-bottom:20px;} .no-add {display:none;} .rt-add {text-align:left;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .hide-iw{display:none;} .list-soc {display:block;} .main { width:420px; } .br {display:none;} .caption {top:26%; width:50%; font-size:12px; line-height:18px;} .caption h2 {font-size:18px; line-height:24px; margin-bottom:0px;} } @media (max-width: 480px) { } /* Project specifics =========================================================== */ /* Pour some CSS below ========================================================= */