/* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* #Basic Styles ================================================== */ body { background: #fff; font: 14px Calibri,"Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #888; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; line-height:1.5em; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #181818; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 600; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 44px; line-height: 50px; margin-bottom: 14px;} h2 { font-size: 33px; line-height: 40px; margin-bottom: 10px; } h3 { font-size: 26px; line-height: 34px; margin-bottom: 8px; } h4 { font-size: 19px; line-height: 30px; margin-bottom: 4px; } h5 { font-size: 15px; line-height: 24px; } h6 { font-size: 12px; line-height: 21px; } .subheader { color: #777; } p { margin: 0 0 20px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: bold; color: #333; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* #Links ================================================== */ a, a:visited { color: #333; text-decoration: underline; outline: 0; } a:hover, a:focus { color: #000; } p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } /* #Buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: #eee; /* Old browsers */ background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 8px 10px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #222; background: #ddd; /* Old browsers */ background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */ border: 1px solid #888; border-top: 1px solid #aaa; border-left: 1px solid #aaa; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { border: 1px solid #666; background: #ccc; /* Old browsers */ background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */ background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */ background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */ background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */ background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* #Forms ================================================== */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #ccc; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin: 0; width: 210px; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; } select { padding: 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 60px; } label, legend { display: block; font-weight: bold; font-size: 13px; } select { width: 220px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } /* #Misc ================================================== */ .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } /* #Base 960 Grid ================================================== */ .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ /* @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .alpha.omega { margin-left: 0; margin-right: 0; } .container .one.column, .container .one.columns { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns { width: 172px; } .container .five.columns { width: 220px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px; } .container .nine.columns { width: 412px; } .container .ten.columns { width: 460px; } .container .eleven.columns { width: 508px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 604px; } .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; } .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 384px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } } */ /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ /* @media only screen and (max-width: 767px) { .container { width: 300px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 300px; } .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } } */ /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ /* @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 420px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 420px; } } */ /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container: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; } div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#eee;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0; display:none;} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} .currentTextHolder{display:none;} /* =============================================== Alphabetics class & id name ================================================== */ a{text-decoration:none;} a, .blogsmall a, .gallery-home a, #gallery-wrapper a{ color:#333; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } a:hover, .blogsmall a:hover, .gallery-home a:hover, #gallery-wrapper a:hover{ color:#CE5252; } /* body */ body{background:url(../images/bg.jpg) top center fixed no-repeat; overflow-x:hidden; margin:40px 0 40px 0;} /* blockquote */ blockquote.pos-left{ float:left; width:50%; margin:10px 20px 5px 0;} blockquote.pos-right{ float:right; width:50%; margin:10px 0 5px 20px;} /* blog */ #bloglist{ margin-top:-10px; margin:0; padding:0;} #bloglist li{margin-bottom:20px; list-style:none; background:url(../images/dotwhite50.png); line-height:1.7em; border-bottom:solid 1px #ddd; padding-bottom:40px;} .blog-header .by{display:inline-block; float:left; background:url(../images/icon-user.png) left center no-repeat; padding-left:24px;} .blog-header .cat{ display:inline-block; float:left; background:url(../images/icon-folder.png) left center no-repeat; padding-left:24px;} .blog-header .news-date{ display:inline-block; float:left; background:url(../images/icon-folder.png) left center no-repeat; padding-left:24px;} #bloglist h1 a, #blogread h1 a{font-size:24px; font-weight:500; color:#333;} #bloglist h1 a:hover, #blogread h1 a:hover{color:#777;} #bloglist li img, #blogread img{width:100%;} #bloglist li iframe{ margin:10px 0 10px 0; width:640px; height:360px;} #bloglist h1, #blogread h1{ letter-spacing:-1px; margin-bottom:5px; line-height:.5em;} .blog-header{ font-size:11px; margin:0 0 5px 0;} .blog-header span{ display:inline-block; margin:0 20px 0 0;} #bloglist .blog-content{padding-left:65px;} #bloglist .date{ font-family:'Open Sans'; width:50px; background:#CE5252; font-weight:700; text-align:center; float:left; color:#fff; height:50px; padding-top:10px; margin-top:5px; position:absolute; } #bloglist .date .day{font-family:'Open Sans'; font-size:24px; display:block; color:#fff;} .blog-header {text-transform:uppercase; font-size:11px;} .blog-header .comment-count{ background:url(../images/icon-comment.png) left center no-repeat; display:inline-block; padding-left:24px;} .pic-blog{margin:10px 0 10px 0;} /* client */ #clientlist{ margin-top:-10px; margin:0; padding:0;} #clientlist li{margin-bottom:20px; list-style:none; background:url(../images/dotwhite50.png); line-height:1.7em; border-bottom:solid 1px #ddd; padding-bottom:40px;} .client-header .by{display:inline-block; float:left; background:url(../images/icon-user.png) left center no-repeat; padding-left:24px;} .client-header .cat{ display:inline-block; float:left; background:url(../images/icon-folder.png) left center no-repeat; padding-left:24px;} .client-header .news-date{ display:inline-block; float:left; background:url(../images/icon-folder.png) left center no-repeat; padding-left:24px;} #clientlist h1 a, #clientread h1 a{font-size:24px; font-weight:500; color:#333;} #clientlist h1 a:hover, #clientread h1 a:hover{color:#777;} #clientlist li img, #clientread img{width:100%;} #clientlist li iframe{ margin:10px 0 10px 0; width:640px; height:360px;} #clientlist h1, #clientread h1{ letter-spacing:-1px; margin-bottom:5px; line-height:.5em;} .client-header{ font-size:11px; margin:0 0 5px 0;} .client-header span{ display:inline-block; margin:0 20px 0 0;} #clientlist .client-content{padding-left:65px;} #clientlist .date{ font-family:'Open Sans'; width:50px; background:#CE5252; font-weight:700; text-align:center; float:left; color:#fff; height:50px; padding-top:10px; margin-top:5px; position:absolute; } #clientlist .date .day{font-family:'Open Sans'; font-size:24px; display:block; color:#fff;} .client-header {text-transform:uppercase; font-size:11px;} .client-header .comment-count{ background:url(../images/icon-comment.png) left center no-repeat; display:inline-block; padding-left:24px;} .pic-client{margin:10px 0 10px 0;} /* blog comment */ #blog-comment h5{margin-bottom:5px;} #blog-comment ul, #blog-comment li{list-style:none; margin-left:-30px; padding-left:0;} #blog-comment li{min-height:70px; padding-bottom:10px; margin-bottom:10px; padding-bottom:20px; border-bottom: solid 1px #eee;} #blog-comment li .avatar{position:absolute; margin-top:5px;} #blog-comment .comment{ margin-left:85px; } #blog-comment li{min-height:70px; font-size:14px; line-height:1.6em; } #blog-comment li li{ margin-left:55px; padding-bottom:0px; margin-top:20px; padding-top:10px; border-top: solid 1px #eee; border-bottom:none;} #blog-comment li li .avatar{position:absolute; } #blog-comment li li .comment{ } .comment-info {margin-left:85px; margin-bottom:5px;} .comment-info span{display:inline-block;} .comment-info .c_name{font-weight:700; color:#333;} .comment-info .c_reply{ float:right; padding-left:20px; margin-left:20px; border-left:solid 1px #ddd; font-size:12px;} .comment-info .c_date{ float:right; font-size:12px;} /* blog list (homepage) */ .blogsmall .thumb{float:left; margin-right:10px; margin-top:5px; } .blogsmall .date{ font-family:'Open Sans'; width:50px; background:#CE5252; font-weight:700; text-align:center; float:left; color:#fff; height:50px; padding-top:10px; position:absolute; } .blogsmall .date .day{font-family:'Open Sans'; font-size:24px; display:block; color:#fff;} .blogsmall .thumbnail{width:60px; height:60px; margin-left:50px; float:left; position:absolute; } .blogsmall li{border-bottom:solid 1px #DDD; padding-bottom:20px; margin-bottom:15px;} .blogsmall li.first{padding-top:0px;} .blogsmall .story{float:left; margin-left:20px; padding-left:110px;} .blogsmall h5{font-family:Arial, Helvetica, sans-serif; font-size:13px;} /* client list (homepage) */ .clientsmall .thumb{float:left; margin-right:10px; margin-top:5px; } .clientsmall .date{ font-family:'Open Sans'; width:50px; background:#CE5252; font-weight:700; text-align:center; float:left; color:#fff; height:50px; padding-top:10px; position:absolute; } .clientsmall .date .day{font-family:'Open Sans'; font-size:24px; display:block; color:#fff;} .clientsmall .thumbnail{width:60px; height:60px; margin-left:50px; float:left; position:absolute; } .clientsmall li{border-bottom:solid 1px #DDD; height:95px;width:460px} .clientsmall li.first{padding-top:0px;} .clientsmall .story{float:left; margin-left:20px; padding-left:110px;} .clientsmall h5{font-family:Arial, Helvetica, sans-serif; font-size:13px;} .clientsmall .picleft{width:200px; height:60px; margin-left:0px; float:left;margin-top:15px;} .clientsmall .picright{width:200px; height:60px; margin-left:260px;margin-top:15px; float:left; position:absolute; } /* button */ a.btn{padding:5px 10px 5px 10px; background:#CE5252; color:#fff; margin-left:5px; display:inline-block; font-weight:600; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);} a.btn:hover{color:#CE5252; background:#eee;} /* -- dark color */ a.btn.dark{background:#555; color:#ddd;} a.btn.dark:hover{color:#555; background:#ddd;} /* -- light color */ a.btn.light{background:#ddd; color:#555;} a.btn.light:hover{color:#ddd; background:#555;} /* -- size */ .medium{font-size:16px;} .big{font-size:22px;} /* code */ code{ color:#646464; display:block; background:#f5f5f5; font-size:12px; padding:10px 20px 10px 20px; border:solid 1px #ddd; border-left-width:3px; margin-top:10px; margin-bottom:10px; font-family:"Courier New", Courier, monospace;} /* comment form */ #commentform label{ display:block;} #commentform input{width:290px; display:block; margin-bottom:10px; padding:5px; border:none; border:solid 1px #ddd; background:#f8f8f8; font-size:15px;} #commentform input:focus{border:solid 1px #999; background:#fff;} #commentform textarea{width:97%; padding:5px; border:solid 1px #ddd; background:#f8f8f8; height:150px; margin-bottom:10px; font-size:15px;} #commentform textarea:focus{border:solid 1px #999; background:#fff;} #commentform input.btn{ color:#FFF; background:#BD4242; padding:3px 10px 3px 10px; margin:10px 0 0 0px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; -moz-border-radius:0px; -webkit-border-radius:0px; border:none;} #commentform input.button:hover{background:#CCC; color:#333;} /* contact form */ #contact label{ display:block;} #contact input{width:290px; display:block; margin-bottom:10px; padding:5px; border:none; border:solid 1px #ddd; background:#f8f8f8; font-size:15px;} #contact input:focus{border:solid 1px #999; background:#fff;} #contact textarea{width:97%; padding:5px; border:solid 1px #ddd; background:#f8f8f8; height:150px; margin-bottom:10px; font-size:15px;} #contact textarea:focus{border:solid 1px #999; background:#fff;} #contact input.btn{ color:#FFF; background:#BD4242; padding:3px 10px 3px 10px; margin:10px 0 0 0px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; -moz-border-radius:0px; -webkit-border-radius:0px; border:none;} #contact input.button:hover{background:#CCC; color:#333;} #send {width:100px !important;font-size: 12px;border:1px solid black;cursor:pointer;cursor:hand;} #btnsubmit { text-align:right; } .error { width:280px; background:#FCD8DC; padding:2px 10px 2px 10px; display: none;color:#C03; font-size:12px;} .success { display: none; padding:2px 10px 2px 10px; background:#E5EAD4; color:#333; width:280px; font-size:12px;} .error img { vertical-align:top; } #contact #name, #contact #email{width:290px;} .map{margin-bottom:30px;} .map iframe{width:460px; height:460px;} /* container - columns */ .container .column{margin-bottom:20px;} .container .columns{margin-bottom:20px;} /* footer */ #footer a{color:#CE5252;} #footer a:hover{color:#FFF;} #footer{ margin:0 auto; color:#fff; padding:30px 10px 10px 10px; background:#3A3A3A; display:table; -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15); margin-bottom:-20px;} #footer-2{background:#303030; padding:10px; margin:0 auto; display:table; font-size:12px; text-align:center;} #footer-2 .column, #footer-2 .columns{margin-bottom:0;} #footer-2 a{color:#777;} #footer-2 a:hover{color:#FFF;} #footer{ color:#bbb; font-size:12px;} #footer h5{ color:#fff; text-transform:uppercase; font-size:12px; font-weight:800; margin-bottom:10px;} /* gallery (homepage) */ .gallery-home img{ width:100%;} .gallery-home .info{ margin-bottom:20px;} .gallery-home .pic_hover, .four-cols .pic_hover{ position:absolute; background:url(../images/hover-1.png) center no-repeat #333; width:220px; height:165px;} .three-cols .pic_hover{ position:absolute; background:url(../images/hover-1.png) center no-repeat #333; width:300px; height:225px;} .two-cols .pic_hover{ position:absolute; background:url(../images/hover-1.png) center no-repeat #333; width:460px; height:345px;} .four-cols img {width:220px; height:165px;} .three-cols img {width:300px; height:225px;} .two-cols img{width:460px; height:345px;} /* @media only screen and (min-width: 768px) and (max-width: 959px) { .gallery-home .pic_hover, .four-cols .pic_hover{ width:172px; height:129px;} .three-cols .pic_hover{width:236px; height:177px;} .two-cols .pic_hover{width:364px; height:273px;} .four-cols img{ width:172px; height:129px;} .three-cols img{width:236px; height:177px;} .two-cols img{width:364px; height:273px;} } @media only screen and (max-width: 767px) { .four-cols img, .three-cols img, .two-cols img{ width:300px; height:225px; } .gallery-home .pic_hover, .four-cols .pic_hover, .three-cols .pic_hover, .two-cols .pic_hover{ width:300px; height:225px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .four-cols img, .three-cols img, .two-cols img{ width:420px; height:315px; } .gallery-home .pic_hover, .four-cols .pic_hover, .three-cols .pic_hover, .two-cols .pic_hover{ width:420px; height:315px;} } */ #gallery-wrapper{} #gallery-wrapper img{width:100%;} .gallery-home h6, #gallery-wrapper h6{ font-family:Arial, Helvetica, sans-serif; border-bottom:solid 1px #ddd; padding-bottom:5px; margin-bottom:5px; font-size:12px;} /* header */ #header{ display:table; margin-top:18px; margin-bottom:-30px;} /* heading */ h1{letter-spacing:-2px;} h2{letter-spacing:-2px;} h3{letter-spacing:-1.5px;} h4{letter-spacing:-.5px;} /**** Isotope filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } .features img{ display:block; margin:0 auto; } .features { text-align:center;} #filters{margin-bottom:-30px; font-size:12px; text-transform:uppercase;} #filters li{display:inline-block; margin-right:20px; } #filters a{color:#333; padding:2px 5px 2px 5px;} #filters a.selected{ background:#CE5252; color:#fff;} /* list styles */ .check_list,.plus_list,.min_list,.circle_list,.square_list,.cross_list,.arrow_list{ padding-left:20px; margin-bottom:0;} .check_list{ background:url(../images/list-check.png) left center no-repeat;} .plus_list{ background:url(../images/list-plus.png) left center no-repeat;} .min_list{ background:url(../images/list-min.png) left center no-repeat;} .circle_list{ background:url(../images/list-circle.png) left center no-repeat;} .square_list{ background:url(../images/list-square.png) left center no-repeat;} .cross_list{ background:url(../images/list-cross.png) left center no-repeat;} .arrow_list{ background:url(../images/list-arrow.png) left center no-repeat;} /* logo */ #logo{ margin-bottom:20px;} /* mainmenu ================================================== */ #mainmenu {margin-top:10px;} #mainmenu ul li a:link, #mainmenu ul li a:visited{color: #555;} #mainmenu ul li ul li a:link, #mainmenu ul li ul li a:visited{color: #333;} #mainmenu ul li a:hover, #mainmenu ul li a.current{ background:#fff;color:#CE5252;} #mainmenu ul{margin: 0; padding:0; float:right; list-style-type: none;} #mainmenu ul li{position: relative;display: inline;float: left;z-index:100;font-size:13px; padding-bottom:20px; font-weight:600; text-transform:uppercase;} #mainmenu ul li a{display: block; padding: 2px 15px 4px 15px; text-decoration: none;} #mainmenu ul li.active a{padding: 2px 15px 7px 15px; } #mainmenu ul li.home a{padding-left:0px;} * html #mainmenu ul li a{display: inline-block;} #mainmenu ul li ul{ position: absolute; top:4px !important; left: 0px; display: block; visibility: hidden; padding:0px !important;margin-top:20px !important;} #mainmenu ul li ul {border-top:solid 2px #CE5252;} #mainmenu ul li ul li{display: list-item;float:none; margin-bottom:0px; border-bottom:solid 1px #ddd; padding-bottom:0; font-weight:500;} #mainmenu ul li ul li ul{left: 191px !important;top: -1px !important;padding-top:0px !important;} #mainmenu ul li ul li a{width: 150px;padding:5px 10px 5px 10px; border-bottom:none; border-top-width:0px;background:#fff;} #mainmenu ul li ul li a:hover{background:#CE5252; color:#ffffff;} .arrowDown{position: absolute;top: 7px;right: 2px;} .arrowRight{position: absolute;top: 7px;right: 2px;} /* message box */ .msgbox{ color:#555; display:block; padding:20px 20px 20px 70px;font-size:14px; margin-bottom:0px; margin-bottom:10px;} .msg-success,.msg-warning,.msg-error,.msg-info{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .msg-success{ background:url(../images/msg-icon-success.png) 20px center no-repeat #E5EAD4;} .msg-warning{ background:url(../images/msg-icon-warning.png) 20px center no-repeat #F4E8BC;} .msg-error{ background:url(../images/msg-icon-error.png) 20px center no-repeat #FCD8DC;} .msg-info{ background:url(../images/msg-icon-info.png) 20px center no-repeat #CCDFE8;} /* page description */ .page-description{ font-size:24px; font-weight:300; letter-spacing:0px; padding:20px 0 20px 0; text-align:center; border:solid 1px #ddd; border-left:none; border-right:none; line-height:32px; font-family:"Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} /* pic position */ .pic-center{ display:block; text-align:center; margin:0 auto;} /* select nav (combo menu for small screen) */ .selectnav{ display:none; font-size:14px;} /* services */ #services .one-third{ border-bottom:solid 1px #ddd; padding-bottom:20px; margin-bottom:20px;} #services h4{text-align: center; margin:10px 0 10px 0; padding:2px 0 4px 0; background: #eee; border:solid 1px #ddd;} /* slideshow */ #slider{ background:#fff; margin-bottom:30px;} #slider .text{ position:absolute; height:290px; z-index:20; margin:200px 0 0 0px;} #slider h1{font-weight:700; font-size:64px; background:#CE5252; display:inline-block; color:#fff; letter-spacing:-5px; text-align:right; padding:10px 30px 12px 30px; margin:0; font-family:} #slider .info{ padding:20px; padding-left:40px; width:320px; font-weight:600;} #slider .btn{ padding-left:40px; background:#333; color:#fff;} .list-slider{ background:url(../images/slider-list.png) repeat-x top; z-index:100; position:relative; top:7px; height:7px;} .slide-desc{position:absolute; right:0px; bottom:30px; width:430px; padding:25px 35px 40px 35px; background-image: url(../images/transparent-slide.png); } .nojs .slide-desc{visibility:hidden;} .nojs #slider-2 {overflow:hidden;} #slider-2{list-style-type:none; margin:0; padding:0; height:376px; } #slider-2 li{width:1000px;} /* -- slideshow pager */ #slider .slidenav{ position:absolute; z-index:100;} #slider .slidenav a{background: #ddd; display:block;float:left;font-size:0px;width:186px;height:6px; outline-style:none; padding:0px;outline-width:medium; margin:1px; } #slider .slidenav .activeSlide {background:#CE5252;} /* -- button arrow slideshow */ #slideArrow{width:940px; height:42px; position:absolute; top:190px; z-index:20} .nojs #slideArrow{visibility:hidden;} #prevslide{display:block; background-image:url(../images/btn-prev.png); background-repeat:no-repeat; width:42px; height:42px; position:absolute; top:10px; left:20px} #prevslide:hover{background-position:0 -42px;} #nextslide{display:block; background-image:url(../images/btn-next.png); background-repeat:no-repeat; width:42px; height:42px; position:absolute; top:10px; right:20px} #nextslide:hover{background-position:0 -42px;} #prevslide,#nextslide{top:170px;} #slider .slidenav a:hover{ background:#CE5252; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } /* special box */ .special{ font-size:20px; font-weight:600; padding:20px; background:#eee; display:block; line-height:1.4em; margin-bottom:20px; } /* social icons */ #social-icons img{margin-left:5px;} /* subheader */ #subheader .container .sixteen{ height:400px; background:url(../images/aboutus.jpg) top center no-repeat; } #subheader h1{display:inline-block; float:right; font-size:52px; background:#CE5252; padding:10px 30px 10px 30px; color:#FFF; font-weight:700; letter-spacing:-3px; margin-top:40px; margin-right:0px;} /* subheader2 */ #subheader2 .container .sixteen{ height:400px; background:url(../images/service.jpg) top center no-repeat; } #subheader2 h1{display:inline-block; float:right; font-size:52px; background:#CE5252; padding:10px 30px 10px 30px; color:#FFF; font-weight:700; letter-spacing:-3px; margin-top:40px; margin-right:0px;} /* subheader3 */ #subheader3 .container .sixteen{ height:400px; background:url(../images/jobs.jpg) top center no-repeat; } #subheader3 h1{display:inline-block; float:right; font-size:52px; background:#CE5252; padding:10px 30px 10px 30px; color:#FFF; font-weight:700; letter-spacing:-3px; margin-top:40px; margin-right:0px;} /* subheader4 */ #subheader4 .container .sixteen{ height:400px; background:url(../images/products.jpg) top center no-repeat; } #subheader4 h1{display:inline-block; float:right; font-size:52px; background:#CE5252; padding:10px 30px 10px 30px; color:#FFF; font-weight:700; letter-spacing:-3px; margin-top:300px; margin-right:0px;} /* subheader5 */ #subheader5 .container .sixteen{ height:400px; background:url(../images/contact.jpg) top center no-repeat; } #subheader5 h1{display:inline-block; float:right; font-size:52px; background:#CE5252; padding:10px 30px 10px 30px; color:#FFF; font-weight:700; letter-spacing:-3px; margin-top:300px; margin-right:0px;} /* subheader6 */ #subheader6 .container .sixteen{ height:400px; background:url(../images/knowlage.jpg) top center no-repeat; } #subheader6 h1{display:inline-block; float:right; font-size:52px; background:#CE5252; padding:10px 30px 10px 30px; color:#FFF; font-weight:700; letter-spacing:-3px; margin-top:40px; margin-right:0px;} /* subheader7 */ #subheader7 .container .sixteen{ height:400px; background:url(../images/upload.jpg) top center no-repeat; } #subheader7 h1{display:inline-block; float:right; font-size:52px; background:#CE5252; padding:10px 30px 10px 30px; color:#FFF; font-weight:700; letter-spacing:-3px; margin-top:40px; margin-right:0px;} /* table */ table{ width:100%; border-collapse:collapse; margin-top:10px;} table td{ border:solid 1px #ddd;} thead td{font-family:'Open Sans',Arial, Helvetica, sans-serif; padding:10px; background:#f5f5f5; color:#333;} tbody td{ padding:10px;} thead{font-weight:bold;} /* totop plugin */ #toTop { z-index:1000; display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px; background:url(../images/ui.totop.png) no-repeat left top;} #toTopHover {background:url(../images/ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;} #toTop:active, #toTop:focus {outline:none;} /* team member */ #team_member .four{ text-align:center; } .team_photo{border:solid 1px #ddd; text-align:center; margin-bottom:10px;} .team_desc{ font-style:italic; margin-bottom:10px;} /* twitter */ #twitter li{background:url(../images/twitter.png) top left no-repeat; padding-left:40px;} #twitter a{color:#777;} #twitter span a{color:#CE5252;} /* tabs */ #tab-content .list-wrap { border:solid 1px #ddd; } #tab-content ul { list-style: none; } #tab-content ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; } #tab-content ul li a:hover { background: #555; color: white; } #tab-content ul li:last-child a { border: none; } #tab-content .nav { overflow: hidden; margin-bottom:0px; } #tab-content .nav li { float: left; margin: 0 5px 0 0;} #tab-content .nav li.last { margin-right: 0; } #tab-content .nav li a {display: block; padding: 5px 10px 5px 10px; background: #eaeaea; color: #999; font-size: 14px; text-align: center; border: 0; } #tab-content li a.current,#tab-content li a.current:hover { background-color: #555 !important; color: #fff; font-weight:600;} #tab-content .nav li a:hover, #tab-content .nav li a:focus { background: #333;} .tab-content{display:none; background:#fff; } .tab-content .inner{padding:20px;} /* title */ .title{ background:url(../images/bg-title.png) center repeat-x; margin-bottom:20px;} /*.title span{ padding:2px 30px 2px 10px; background:url(../images/corner.png) right bottom no-repeat #555; color:#fff;}*/ .title span,.title-2 span{background:#fff; padding-right:10px;} .title-2{ background:url(../images/bg-title.png) center repeat-x; margin-bottom:0px;} /* toggle */ .toggle li{ margin-bottom:10px; border:solid 1px #ddd; } .toggle li h1{-moz-user-select: none; -html-user-select: none; user-select: none; color:#555; margin:0; font-size:14px; padding:0px 20px 0px 50px; font-weight:700; display:block; letter-spacing:normal;} .toggle li .acc_active:hover{ color:#777; background:url(../images/icon-slide-plus.png) 10px center no-repeat; padding-left:70px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .toggle li .acc_noactive:hover{ color:#777; background:url(../images/icon-slide-min.png) 10px center no-repeat; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .toggle .ac-content{display:none; background:#f5f5f5;padding:20px;} .acc_active{background:url(../images/icon-slide-plus.png) 10px center no-repeat #f5f5f5; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .acc_noactive{background:url(../images/icon-slide-min.png) 10px center no-repeat #f5f5f5;} /* widget */ .widget{margin-bottom:30px;} .widget h5.widget-title{ font-family:Arial, Helvetica, sans-serif; font-size:13px; border-bottom:solid 1px #ddd; padding-bottom:7px; margin-bottom:7px;} .widget .categories li { padding-left:20px; background:url(../images/list-arrow.png) left 2px no-repeat; border-bottom:solid 1px #eee; padding-bottom:7px; margin-bottom:5px;} .widget .comments li { padding-left:20px; background:url(../images/list-arrow.png) left 2px no-repeat; border-bottom:solid 1px #eee; padding-bottom:7px; margin-bottom:5px;} .widget .tags li{display:inline-block; margin-right:3px; margin-bottom:5px; font-size:11px; text-transform:uppercase;} .widget .tags li a{background:url(../images/corner-1.png) right center #CE5252 no-repeat; padding:2px 18px 2px 8px; color:#fff;} .widget .tags li a:hover{background:url(../images/corner-1.png) right center #555 no-repeat; } /* wrapper */ #wrapper{ margin:0 auto; padding:0 10px 0 10px; background:#fff; display:table; -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);} /* Media Queries ================================================== */ /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ /* @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } #slider-2 img,#slider-2{ width: 748px; height:307px; } #slider .slidenav a{ width:148px;} #slider .text{ position:absolute; height:290px; z-index:20; margin:70px 0 0 0px;} #bloglist li iframe{width:508px; height:286px;} .map iframe{width:460px;} } */ /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ /* @media only screen and (max-width: 767px) { .container { width: 300px; } #slider-2 img,#slider-2{ width: 300px; height:120px; } #slider h1, #slider .info, #slider .btn, #slider .slidenav{ display:none;} .selectnav{ display:block; width:100%; margin-bottom:60px; margin-top:-20px;} #nav{ display:none;} #logo{text-align:center;} #bloglist li iframe{width:300px; height:169px;} #subheader h1{ font-size:40px;} .map iframe{width:460px;} } */ /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ /* @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 420px; } #slider-2 img,#slider-2{ width: 420px; height:168px;} #slider h1, #slider .info, #slider .btn, #slider .slidenav{ display:none;} .selectnav{ display:block; width:100%; margin-bottom:60px; margin-top:-20px;} #nav{ display:none;} #logo{text-align:center;} #bloglist li iframe{width:420px; height:236px;} #subheader h1{ font-size:46px;} .map iframe{width:460px;} } */