/* ==== Scroll down to find where to put your styles :) ==== */ /* HTML5 ✰ Boilerplate */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, 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; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } body { font:13px/1.231 sans-serif; *font-size:small; } select, input, textarea, button { font:99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } html { overflow-y: scroll; } a:hover, a:active { outline: none; } ul, ol { margin-left: 2em; } ol { list-style-type: decimal; } nav ul, nav li { margin: 0; list-style:none; list-style-image: none; } small { font-size: 85%; } strong, th { font-weight: bold; } td { vertical-align: top; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } textarea { overflow: auto; } .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } button, input, select, textarea { margin: 0; } input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; } ::selection { background:#FF5E99; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #FF5E99; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } body, select, input, textarea { color: #444; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } a, a:active, a:visited { color:#CCCCCC;} a:hover { color: #036; } img, object { max-width: 100%; } /* // ========================================== \\ || || || Your styles ! || || || \\ ========================================== // */ body{ background: #e6e6e6 url(../images/mainbg.jpg) no-repeat center top } :focus{ outline:none; } #page{ margin:1.875em 0; } .center { margin:0 auto; max-width:1040px;} #wrap_bg, #wrap{ width:998px; /*max-width:72.5em;*/ float:left;} #wrap{ clear:both; } #wrap_bg{ padding:1.875em; background:#fff; -moz-box-shadow:0 0 5px #c1c5c5; -o-box-shadow:0 0 5px #c1c5c5; -webkit-box-shadow:0 0 5px #c1c5c5; box-shadow:0 0 5px #c1c5c5; margin-bottom:40px;} #wrap{ padding:1.875em; } /* =header ----------------------------- */ #header{ width:100%; float:left;} .top_head{ background:url(../images/border_2.gif) repeat-x bottom; float:left; width:100%; padding:20px 0 3px 0; margin-bottom:20px; } #logo{ float:left; width:162px; height:90px; margin-top:-30px; margin-bottom:20px} #logo h1{ text-indent:-9999999px; width:86px; margin-bottom:0; padding-bottom:0;} #logo{ display:block; width:162px; height:90px; } #nav{ float:right; width:445px; } #nav ul li{ display:inline; } /* =featured */ #featured{ float:left; width:100%; position:relative; margin-bottom:20px; } #featured .featured_desc{ width:48%; float:right; } /* =slides */ #slides { position:relative; top:15px; left:4px; z-index:100; } #slides .slides_container { width:938px; overflow:hidden; position:relative; display:none; } #slides .slides_container div.slide { width:938px; height:340px; display:block; } #slides .next,#slides .prev { position:absolute; top:79px; left:-51px; width:33px; height:145px; display:block; z-index:101; text-indent:-99999px; } #slides .next { /*left:960px;*/ left:101.8%; } #slides .next { background:url(../images/arrow-next.png) no-repeat; } #slides .prev { background:url(../images/arrow-prev.png) no-repeat; } #slides .thumbnail{ float:left; width:479px; height:324px; background:url(../images/slider_img_s_bg.png) no-repeat; margin-left:-3px; } #slides .thumbnail img{ margin:10px 0 0 10px; } #slides .desc{ float:left; width:49.9%; position:absolute; right:0; top:10px;} #slides .desc h3{ font-size:1.25em; font-weight:bold; color:#181818; } #slides .pagination { margin:26px auto 0; width:100px; } #slides .pagination li { float:left; margin:0 1px; list-style:none; } #slides .pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(../images/pagination.png); background-position:0 0; float:left; overflow:hidden; } #slides .pagination li.current a { background-position:0 -12px; } .download, .tour{ display:block; float:left; text-indent:-9999999px; } .tour1{display:block; float:right; text-indent:-9999999px;} .tour1 a{display:block; background:url(../images/tour.png) no-repeat; width:175px; height:44px; margin-top:30px;} .download a{ display:block; background:url(../images/download.png) no-repeat; width:214px; height:44px; } .tour a { display:block; background:url(../images/tour.png) no-repeat; width:175px; height:44px; } .download a:hover, .tour a:hover{ background-position:0 -44px; } .download a:active, .tour a:active{ background-position:0 -88px; } .or{ display:block; float:left; font-family:"GentiumBasicRegular", Georgia, Times, serif; font-size:1.125em; font-style:italic; padding:0 10px; margin-top:10px; } /* =main ----------------------------- */ #main{ clear:both; } /* =intro */ #main #intro{ background:url(../images/border_2.gif) repeat-x bottom left; float:left; width:100%; margin: 0 0 30px 0; } #main #intro .top{ background:url(../images/border_2.gif) repeat-x top left; padding:40px 0 20px 0; float:left; width:100%; } #main #intro h2{ font-family: Georgia, "Times New Roman", Times, serif; font-size:1.6em; font-style:italic; width:79%; margin:0 0 0 0; color:#7d7d7b;} #main #intro .logo_gray{ float:left; margin:-7px 15px 0 0; } #main #intro .intro_button{ margin-top:-18px; margin-bottom:3px; } .button_gray a { font-family:"GentiumBasicRegular"; text-decoration: none; float:left; cursor: pointer; background:url(../images/button_bg.gif) no-repeat top right; font-size:1.5em; font-style:italic; color:#858585; text-shadow: 0px 1px 0px #fff;} .button_gray a span { margin: 0 10px 0 -10px; padding: 7px 8px 7px 18px; position: relative; float:left; background:url(../images/button_bg.gif) no-repeat top left; } .button_gray a:hover, .button_gray a:focus{ color:#5b5b5b; background-position:right -38px;} .button_gray a:hover span{ margin: 0 10px 0 -10px; background-position:left -38px; } .button_gray a:active, .button_gray a:focus{ color:#5b5b5b; background-position:right -76px;} .button_gray a:active span{ margin: 0 10px 0 -10px; background-position:left -76px; } .three_columns_icon h3{ float:left; } .three_columns_icon h3, #recent_works h3{ font-family:"GentiumBasicRegular"; font-size:1.2em; text-transform:uppercase; margin-top:7px; letter-spacing:1px;} .three_columns_icon img{ margin-right:10px; } .three_columns_icon p{ clear:both; } /* =.intro */ #main .intro{width:100%; margin: 7px 0 35px 0; float:left; padding:0; } #main .intro h2{ font-size:28px; font-family:Arial, Helvetica, sans-serif; margin-bottom:7px;} #main .intro .top2{ float:left; width:100%; margin:0; padding:0;} #main .intro .top2 .sect{ width:50%; float:left; } .social_media{ width:23.5%; float:right; margin:0; } .social_media li{ float:left; list-style:none; margin-left:7px;} /* =breadcrumbs */ #breadcrumbs{ width:50%; float:left; margin-left:0; } #breadcrumbs li{ float:left; list-style:none; font-size:11px; margin-right:4px; color:#a6a6a6; font-style:italic; font-weight:bold;} #breadcrumbs li a{ color:#7fb3e8; font-style:italic; font-weight:normal;} #breadcrumbs li a:hover{ color:#a6a6a6;} /* =recent_works */ #recent_works{ clear:both; } #recent_works .recent_works_intro{ float:left; width:24.19%; margin-right:-20px; } #recent_works .jCarouselLite{ position:relative; overflow:hidden; height:162px;} #recent_works .jCarouselLite ul li{ list-style:none; margin-left:40px; float:left;} #recent_works .carousel_nav .prev1, #recent_works .carousel_nav .next1{ text-indent:-9999999px; display:block; float:left; height:27px; width:27px; } #recent_works .carousel_nav .prev1{ background:url(../images/carousel_prev.png) no-repeat; margin-right:7px; } #recent_works .carousel_nav .next1{ background:url(../images/carousel_next.png) no-repeat; } #recent_works .carousel_nav .prev1:hover, #recent_works .carousel_nav .next1:hover{ background-position:0 100%; } /* =content */ #content{ float:left; width:65%;} #content_wedding{ float:left; width:95%;} #content h3, #full_width h3{ font-size:20px; float:left; width:100%; text-transform:inherit; } #content .first, .flast{ width:30%; float:left; margin-right:29px; } #content .flast{ float:right; margin-right:0;} #content .first img, .flast img{ border:1px solid #d9d9d9; padding:4px; margin-bottom:15px;} #content .first h4, .flast h4{ font-size:12px; float:left; width:100%; padding-bottom:0; margin-bottom:0;} #content .first span, .flast span{ text-transform:none; color:#6a6a6a; margin:5px 0 10px 0; display:block;} #content .history_nav{ margin:0;} #content .history_nav li{ list-style:none; margin:0; padding:4px 0 4px 15px; background:url(../images/arrow.gif) no-repeat left;} #content .history_nav li a{ color:#9c9c9c;} #content .history_nav li a:hover{ color:#7fb3e8;} #content .half_column{ width:47.5%; float:left; margin-bottom:40px;} #content .half_column img{ float:left; margin:0 12px;} #content .half_column h4{ padding-top:7px;} /* =content pricing */ #content .first_col h4{ text-transform:uppercase;} #content .first_col{ border:1px solid #e0e0e0; width:30.4%; float:left; padding:0 0 25px 0; margin:0 25px 25px 0;} #content .first_col .title_wrap, .first_col .price{ width:100%; float:left; text-align:center; margin:0; padding:10px 0; background:#ececec; border-bottom:1px solid #e0e0e0;} #content .first_col .price{ background:#f6f6f6; border-bottom:0; border-top:1px solid #fff; font-family:Georgia, "Times New Roman", Times, serif;} #content .first_col .title_wrap h4{ margin:0;} #content .first_col ul.first{ width:90%; margin:0; float:left; padding:20px 15px 0 15px;} #content .first_col ul.first li{ list-style:none; background:url(../images/check.png) no-repeat left top; padding:0 0 0 25px; font-size:14px; margin:0 0 15px 0; line-height:18px;} #content .first_col .button{margin-top:20px; margin-left:15px; border:} #content .first_col span a{ border:1px solid #538bc5; margin:0; padding:5px 10px; background:#7fb3e8; color:#fff; text-shadow: 0px 1px 0px #538bc5; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px; font-size:10px; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif;} #content .first_col span a:hover{ background:#93c0ee;} #content .first_col p{ float:left; padding:20px 15px 0 15px;} #content .second_col{ width:47.5%; float:left;} #content .last{ float:right;} /* =blog */ #content .one-half{ width:100%; float:left; margin-bottom:10px; } #content .one-half h4{ font-size:18px;} #content .one-half img{ float:left; } #content .one-half div{ float:right; width:80%; } /* =testimony */ .testimony{ float:left; width:100%; margin:0 0 45px 0; padding:0;} .testimony blockquote{ width:96.8%; padding:10px; background:#f5f5f5; margin:0 0 0 0; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px;} .testimony blockquote p{ margin:0; padding:10px; background:url(../images/quote.png ) no-repeat left top; font-size:14px;} .testimony div{ margin-left:20px; padding-top:20px; background:url(../images/quote_author.png) top left no-repeat;} .testimony div span{ color:#999999;} .testimony div img{ border:1px solid #d9d9d9; float:left; margin-right:10px; padding:4px;} .blog .blog-single{ width:100%; float:left;} /* =news */ .news{ float:left; margin-bottom:30px; border-bottom:1px dashed #d9d9d9; padding-bottom:30px;} .news img{ float:left; margin:0 25px 25px 0; border:1px solid #d9d9d9; padding:5px;} .news div{ float:right; width:56%;} .news div h4{ font-size:24px;} .news div h4 a{ color:#444444;} .news div p.meta{ border-top:1px solid #ececec; border-bottom:1px solid #ececec; padding-left:5px;} .news div p span{ font-size:11px; color:#999999; } .news div p span.post{ background: url(../images/post.png) no-repeat left; padding:2px 8px 2px 22px; } .news div p span.date{ background: url(../images/date.png) no-repeat left; padding:2px 8px 2px 22px;} .news div p span.cat{ background: url(../images/cat.png) no-repeat left; padding:2px 8px 2px 22px;} .news div p span a{ color:#7fb3e8;} .news div span a.button{ border:1px solid #538bc5; margin:0; padding:5px 10px; background:#7fb3e8; color:#fff; text-shadow: 0px 1px 0px #538bc5; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px; font-size:10px; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif;} .news div span a.button:hover{background:#93c0ee;} /*=== blog ========*/ .blog{ width:100%;} /*=== single-blog ========*/ ul#post_comment{float:left;width:100%; margin:0 0 30px 0; } ul#post_comment li{ list-style:none; width:100%; float:left; margin-bottom:30px; border-bottom:1px dashed #d9d9d9; padding-bottom:30px;} ul#post_comment li div{ float:left; width:84%; margin-top:15px; } ul#post_comment li span{ font-size:11px; margin-bottom:20px; font-style:italic;} ul#post_comment li span strong{ font-size:14px;} ul#post_comment li div span a{ border:1px solid #538bc5; margin:0; padding:5px 10px; background:#7fb3e8; color:#fff; text-shadow: 0px 1px 0px #538bc5; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px; font-size:10px; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif;} ul#post_comment li div span a:hover{ background:#93c0ee;} /* =comment-form */ /*=== commenform ========*/ #content .comment{ float:left; width:100%; margin-bottom:45px; clear:both;} #commentform .input{ background:#f5f5f5; border:1px solid #d9d9d9; color:#9a9a9a; margin-bottom:10px; padding:7px 10px; width:200px; margin-right:10px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; } #commentform .email{ width:200px; } #commentform .textarea{ background:#f5f5f5; border:1px solid #d9d9d9; color:#9a9a9a; height:180px; padding:10px; width:400px; margin-bottom:10px;-webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; } #commentform label{ font-size:12px; color:#6a6a6a; } #commentform #name:focus, #commentform #email:focus, #commentform #website:focus,#commentform #message:focus { border:1px solid #aaaaaa; } #commentform .button{ border:1px solid #538bc5; margin:0; padding:5px 10px; background:#7fb3e8; color:#fff; text-shadow: 0px 1px 0px #538bc5; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px; font-size:10px; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif;} #commentform .button:hover{ background:#93c0ee;} /* =left_sidebar */ .left_image img{ border:1px solid #d9d9d9; float:left; margin:0 30px 20px 0; padding:4px;} .right_image img{ border:1px solid #d9d9d9; float:right; margin:0 0 20px 30px; padding:4px;} /* =full_width */ #full_width{ width:100%; float:left;} #full_width h3 { width:100%;} #full_width h4{ text-transform:uppercase;} /* =full_width pricing */ #full_width .first_col{ border:1px solid #e0e0e0; width:31.4%; float:left; padding:0 0 25px 0; margin:0 25px 25px 0;} #full_width .first_col .title_wrap, .first_col .price{ width:100%; float:left; text-align:center; margin:0; padding:10px 0; background:#ececec; border-bottom:1px solid #e0e0e0;} #full_width .first_col .price{ background:#f6f6f6; border-bottom:0; border-top:1px solid #fff; font-family:Georgia, "Times New Roman", Times, serif;} #full_width .first_col .title_wrap h4{ margin:0;} #full_width .first_col ul.first{ width:90%; margin:0; float:left; padding:20px 15px 0 15px;} #full_width .first_col ul.first li{ list-style:none; background:url(../images/check.png) no-repeat left top; padding:0 0 0 25px; font-size:14px; margin:0 0 15px 0; line-height:18px;} #full_width .first_col .button{margin-top:20px; margin-left:15px; border:} #full_width .first_col span a{ border:1px solid #538bc5; margin:0; padding:5px 10px; background:#7fb3e8; color:#fff; text-shadow: 0px 1px 0px #538bc5; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px; font-size:10px; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif;} #full_width .first_col p{ float:left; padding:20px 15px 0 15px;} #full_width .first_col span a:hover{ background:#93c0ee;} #full_width .second_col{ width:22.9%; float:left;} #full_width .third_col{ width:17.7%; float:left;} #full_width .last{ float:right;} #full_width .video_left{ float:left; width:485px; } #full_width .video_right{ float:right; width:485px; } /* =404page */ .errorpage{margin:0; float:left; width:100%; padding:0 0 20px 0;background:url(../images/404.png) no-repeat right;} .errorpage li{ background:url(../images/error.png) no-repeat left; padding:4px 0 4px 25px; list-style:none;} /* =left_sidebar */ #left_sidebar, #right_sidebar { width:20%;} #left_sidebar h3, #right_sidebar h3{ font-size:17px; color:#5a5a5a;} #left_sidebar{ float:left;} #left_sidebar ul, #right_sidebar ul{ float:left; margin:0;} #left_sidebar ul li, #right_sidebar ul li{ padding:0; list-style:none; background:url(../images/arrow.gif) no-repeat left; padding-left:20px; width:95%; float:left;} #left_sidebar ul li a, #right_sidebar ul li a{ color:#9c9c9c; border-bottom:1px solid #ececec; display:block; padding:10px 0; width:100%; } #left_sidebar ul li a:hover, #right_sidebar ul li a:hover{ color:#7fb3e8;} #right_sidebar{ float:right; margin-right:12px;} #center_content{ width:47%; float:left; margin-left:60px;} /* =related */ #sidebar .related{ width:100%; margin:0;} #sidebar .related li{ width:93%;} /* =sidebar */ #sidebar{ float:right; width:30%;} #sidebar h3{ background:url(../images/head_bg.gif) repeat-x top; padding-top:20px; text-transform:uppercase; font-size:17px; text-transform:inherit; color:#5a5a5a;} #sidebar #sponsors{ margin:0; float:left; width:100%; padding-bottom:20px;} #sidebar #sponsors li{ float:left; list-style:none; padding:6px; background:#dfdfdf;} #sidebar #sponsors li.last{ float:right;} /* =tabulation */ .tab-box { float:left; width:74.3%; padding-bottom:0; margin:0; position:relative; z-index:100; margin-bottom:-1px;} .tab-box li { float:left;list-style:none; margin:0 1px 0 0; padding:0; border-bottom:0;} .tab-box a { float:left; color:#3b3b3b; padding: 5px 20px; text-decoration:none; border-bottom:0;} .tab-box a.activeLink { border-right:0; padding: 5px 20px; background:#fff; color:#3b3b3b; border:1px solid #d9d9d9; border-bottom:0;} .tab-box a:hover{ color:inherit;} .tabcontent { float:left; width:86%; margin:0 0 45px 0; border-top: 0; padding:25px 15px 10px 15px; background:#fff; color:#a2a2a2; border-top:1px solid #d9d9d9;} .tabcontent ul.category{ width:45%; float:left; padding:0 0 20px 0; margin:0;} .tabcontent ul.category li{ list-style:none; background:url(../images/arrow.gif) left no-repeat; padding-left:20px; } .tabcontent ul.cat{ float:right;} .tabcontent ul.category li a{ padding:7px 0; display:block; border-bottom:1px solid #ececec; color:#9c9c9c;} .tabcontent ul.category li a:hover{ color:#7fb3e8; } .hide { display: none;} /* -sidebar links */ ul.category{ width:45%; float:left; padding:0 0 20px 0; margin:0;} ul.category li{ list-style:none; background:url(../images/arrow.gif) left no-repeat; padding-left:20px; } ul.cat{ float:right;} .category li a{ padding:7px 0; display:block; border-bottom:1px solid #ececec; color:#9c9c9c;} ul.category li a:hover{ color:#7fb3e8; } /* testimony */ #slides_testimony{ width:100%; float:left; position:relative; margin-bottom:40px;} #slides_testimony .next{ background:url(../images/carousel_next.png) no-repeat top;} #slides_testimony .prev{ background:url(../images/carousel_prev.png) no-repeat top;} .prev_next{ width:71px; padding:7px 0; position:absolute; top:5px; left:237px;} .prev_next a{ width:27px; height:27px; text-indent:-999999px; display:block; float:left; margin-left:5px;} #slides_testimony .slides_container{ float:left; width:100%;} #slides_testimony .slides_container img{ float:left; margin:2px 15px 2px 0;} #slides_testimony .slides_container p{ width:298px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; color:#9c9c9c;} #slides_testimony .slides_container p.author{ font-family: Arial, Helvetica, sans-serif; font-size:12px; font-style:normal;} #slides_testimony .slides_container p a{ color:#7fb3e8;} /* =footer */ #footer h3{ font-family:"GentiumBasicRegular"; font-size:14px; font-weight:bold; letter-spacing:3px; text-transform:uppercase; width:100%; float:left; margin-bottom:20px; } #footer h3 span{ display:block; float:left; padding-right:10px; color:#CCCCCC } .button{ float:left; margin-left:10px; } .button a { font-family:Arial, Helvetica, sans-serif; text-decoration: none; float:left; cursor: pointer; background:url(../images/footer_button_bg.png) no-repeat top right; font-size:.7em; font-weight:bold; color:#858585; text-shadow: 0px 1px 0px #fff; text-transform:uppercase; line-height:10px; } .button a span { margin: 0 10px 0 -10px; padding: 6px 8px 6px 18px; position: relative; float:left; background:url(../images/footer_button_bg.png) no-repeat top left;} .button a:hover, .button a:focus{ color:#5b5b5b; background-position:right -23px;} .button a:hover span{ margin: 0 10px 0 -10px; background-position:left -23px; } .button a:active, .button a:focus{ color:#5b5b5b; background-position:right -46px;} .button a:active span{ margin: 0 10px 0 -10px; background-position:left -46px; } /* =testimonial */ .testimonial{ float:left; margin-bottom:65px; position:relative;} .testimonial .first_aut{ float:left; width:13%; text-align:center; font-family: 'GentiumBookBasicBoldItalic'; font-style:italic;} .testimonial .first_aut img{ margin-bottom:15px; border:1px solid red; padding:5px; border:1px solid #d9d9d9; background:#fff;} #footer .testimonial .first_aut span{ padding:0; margin-bottom:2px; display:block; } .testimonial .quotes{ width:76%; float:right; padding:30px 30px 15px 30px; font-family: 'GentiumBookBasicBoldItalic'; font-size:16px; color:#aaaaaa; font-style:italic;background:#fff; -moz-box-shadow:0 0 5px #c1c5c5; -o-box-shadow:0 0 5px #c1c5c5; -webkit-box-shadow:0 0 5px #c1c5c5; box-shadow:0 0 5px #c1c5c5;} .testimonial .arrow{width:5%; float:left; height:50px; z-index:99999; position:absolute; left:134px; top:-4px; background:url(../images/arrow_testimonial.png) no-repeat right; } /* =recent_blog */ .recent_blog{ padding:0; margin:0; } .recent_blog li{ display:block; float:left; width:100%; margin-bottom:8px; } .recent_blog li .thumbnail{ float:left; } .recent_blog li .thumbnail a{ float:left; background:#fff; padding:4px; border:1px solid #d9d9d9; } .recent_blog li .thumbnail a img {float:left; } .recent_blog li .blog_content{ float:right; width:70%; } .recent_blog li .blog_content h4{ margin-bottom:10px; } .recent_blog li .blog_content h4 a{ font-size:13px; color:#8a8a8a; font-weight:bold; } .recent_blog li .blog_content h4 a:hover { color:#afafaf; } /*=twitter*/ .tweet_list{ padding:0; margin:0 0 0 -7px; clear:both; } .tweet_list li{ list-style:none; background:url(../images/twitter_icon.png) no-repeat left .2em; padding-left:30px; } .tweet_list li .date, .recent_blog li .blog_content .meta{ font-size:11px; text-transform:uppercase; margin-bottom:10px; display:block; color:#aaa; } /* =flickr */ #flickr_badge_wrapper{ margin-left:-14px; } #flickr_badge_wrapper .flickr_badge_image a{ float:left; background:#fff; padding:4px; border:1px solid #d9d9d9; margin:0 0 20px 14px; } #flickr_badge_wrapper .flickr_badge_image a img{ width:50px; height:50px; float:left; } /* =copyright */ #copyright{ float:left; width:100%; background:url(../images/border_2.gif) repeat-x top left; padding:20px 0;} #copyright span{ font-family: Arial, Helvetica, sans-serif; font-size:1em; } #copyright .social{ padding:0; margin:0; } #copyright .social li{ list-style:none; float:left; margin-left:5px; } /* =right */ #main .right{ float:right;} #main .left{ float:left;} /* =typography */ #content .typography { padding-bottom:25px;} #content .typography h1.one{ font-size:28px;} #content .typography h2.two{ font-size:24px;} #content .typography h3.three{ font-size:20px; text-transform:none; background:0; padding:0; letter-spacing:0;} #content .typography h4.four{ font-size:16px;} #content .typography h5.five{ font-size:12px;} #content .list{ float:left; width:100%; padding-bottom:25px;} #content .list li{ padding:4px 0;} #content .list li a{ color:#7fb3e8;} #content ol.order{ float:left; width:30%;} #content ul.unorder{ float:left; width:30%;} #content ul.imageorder{ float:right; width:30%;} #content ul.imageorder{ float:right; width:30%; margin:0;} #content ul.imageorder li{ list-style:none; background:url(../images/arrow.gif) left no-repeat; padding-left:20px;} /* =table */ .table tr th{ color:#535252; padding:10px;} .table tr td{ color:#535252; padding:10px; } table { margin-bottom:50px; width:100%; -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, .2); -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, .2); border:1px solid #cacaca; } th { font-weight:bold; font-size:13px; background:#ececec; border-bottom:1px solid #e2e2e2; border-top:1px solid #fefefe; border-left:1px solid #fefefe; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; } th, td, caption { padding:4px 10px 4px 5px; } td{ font-size:12px; border-top:1px solid #fff; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; border-left:1px solid #fefefe; } th, td, caption { padding:4px 10px 4px 5px; } /* =portfolio */ #portfolio{ margin:0; padding:0;} #portfolio img {position: relative; border:1px solid #d9d9d9; padding:5px; opacity:.9; -moz-box-shadow: 0px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px rgba(0,0,0,0.1); box-shadow: 0px 1px rgba(0,0,0,0.1);} #portfolio li:hover img{border:1px solid #bcbcbc;} #portfolio li{ float:left; list-style:none; margin-bottom:50px; padding-bottom:-10px;} #portfolio li .products_center{text-align:center;} #portfolio li.move_right{ margin-left:30px; float:left;} #portfolio li.size{ width:227px;} #portfolio li.t-size{ width:312px;} #portfolio li span{ font-size:12px;} #portfolio p{ padding-top:15px;} #portfolio li p.top_adjust{font-size:11px; padding-top:15px;} #portfolio li p a{ color:#676767; padding:5px 0 5px 0;} #portfolio li p a:hover{ color:#7fb3e8;} #portfolio li p a.visit{ padding-left:22px; margin-left:20px; border:1px solid #538bc5; margin:0; padding:5px 10px; padding-left:25px; background:#7fb3e8 url(../images/magnifier_zoom_in.png) no-repeat left; color:#fff; text-shadow: 0px 1px 0px #538bc5; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px; font-size:10px; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif;} #portfolio li p a.visit:hover{ background:#93c0ee url(../images/magnifier_zoom_in.png) no-repeat left;} #portfolio li p a.learn{ padding-left:22px; margin-left:20px; border:1px solid #538bc5; margin:0; padding:5px 10px; padding-left:25px; background:#7fb3e8 url(../images/magnifier.png) no-repeat left; color:#fff; text-shadow: 0px 1px 0px #538bc5; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px; font-size:10px; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif;} #portfolio li p a.learn:hover{ background:#93c0ee url(../images/magnifier.png) no-repeat left;} .image { position: relative; margin-bottom: 0; width: 100%; padding-bottom:0;} #portfolio h2 { position: absolute; top: 150px; left: 0px; width: 100%; background:#efefef; opacity:.9; text-align:center; z-index:999999;} #portfolio h2 span { color: #3b3b3b; font: 15px/45px Verdana, Geneva, sans-serif; padding: 10px; text-shadow:1px 1px 0px #fff;} #portfolio h2 span:hover{ color:#7fb3e8; cursor:pointer;} #portfolio h2 span.spacer { padding: 0 2px; background: none; } /* =products */ .products p.price{margin-bottom:5px; border: } #content .products p.price{ margin-top:0px;} #content .products p.price del{ color:#e64f4f;} #content .products p.price a{ color:#7fb3e8; padding:2px 0; font-weight:normal;} #portfolio li p a.add{ padding-left:22px; margin-left:10px; border:1px solid #538bc5; margin:0; padding:5px 10px; padding-left:25px; background:#7fb3e8 url(../images/cart.png) no-repeat left; color:#fff; text-shadow: 0px 1px 0px #538bc5; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px; font-size:10px; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif;} #portfolio li p a.add:hover{ background:#93c0ee url(../images/cart.png) no-repeat left;} /* =pagination*/ .pagination{ float:left; width:50%; padding-bottom:20px; margin:0;} .pagination li{ float:left; padding:8px 0; list-style:none; margin-right:4px; color:#b5b5b5;} .pagination li.page{ border:1px solid #d9d9d9; padding-left:15px; padding-right:15px; margin-top:-1px;} .pagination li a{ border:1px solid #d9d9d9; padding:8px 15px; color:#b5b5b5; font-size:14px;} .pagination li a:hover{ background:#e6e6e6;} .pagination li a.active{ background:#e6e6e6;} /* =columns */ .columns{ width:100%; float:left; margin-bottom:30px; } .one_half{ width:48%; } .one_third{ width:30.66%; } .two_third{ width:65.33%; } .one_fourth{ width:22%; } .three_fourth{ width:74%; } .one_fifth{ width:16.8%; } .one_sixth{ width:13.33%; } .two_fifth{ width:37.6%; } .three_fifth{ width:58.4%; } .four_fifth{ width:67.2%; } .five_sixth{ width:82.67%; } .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; } .last{ margin-right:0 !important; clear:right; } .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;} /* =links_onethird */ .links_onethird{ width:22%;} .links_onethird ul{ float:left; width:100%; margin:0;} .links_onethird ul li{ list-style:none; background:url(../images/arrow.gif) left no-repeat; padding:9px 0 9px 20px; border-bottom:1px solid #e8e9e9;} .links_onethird ul li a{ color:#9f9f9f; text-shadow: 1px 1px 1px #fff;} .links_onethird ul li a:hover{ color:#7fb3e8;} /* =site_map */ .site_map{ margin: 0; padding:0;} .site_map ul{ margin:0; padding:0;} .site_map li{ list-style:none; background:url(../images/accept.png) no-repeat top left; padding:0 0 10px 25px; color:#9c9c9c;} .site_map li a{ color:#9c9c9c;} .site_map li a:hover{ color:#7fb3e8;} .site_map li ul{ padding-top:10px; margin:0;} #content .site_map li.nopad{ padding-bottom:0;} /* =tabbed */ /*----------TABBED-----------*/ #content ul.tabs { margin: 0; padding: 0; float: left; list-style: none; /*--Set height of tabs--*/ width: 100%; position:relative; margin-bottom:0px; } #content ul.tabs li { float: left; margin: 0; padding:0; /*--Subtract 1px from the height of the unordered list--*/ line-height: 31px; /*--Vertically aligns the text within the tab--*/ margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; font-size:14px; } #content ul.tabs li a { text-decoration: none; color:#6a6a6a !important; display: block; padding: 5px 20px; /*--Gives the bevel look with a 1px white border inside the list item--*/} #content ul.tabs li.active{ border: 1px solid #d9d9d9; border-bottom:none; background:#fff; /*--Makes sure that the active tab does not listen to the hover properties--*/ /*--Makes the active tab look like it's connected with its content--*/} .tab_container { border-top: 1px solid #d9d9d9; overflow: hidden; clear: both; float: left; width: 100%; font-size:12px; margin-bottom:20px; padding-top:20px; } .tab_content { padding: 20px; float:left; } .tab_content h4{ font-size:14px; padding-bottom:10px; margin-bottom:0;} .tab_content h4 a{ text-decoration: none; } .tab_content h4 a:hover{ text-decoration:underline;} .tab_content h4 span{ font-size:12px; font-weight:normal; } .tab_content img{ border:1px solid #cfcfcf; float:left; padding:4px; margin-right:20px; } .tab_content ul{ float:left; margin:0;} .tab_content ul li{ float:left; margin-bottom:20px; list-style:none; } .tab_content ul li .tab-half{ width:88%; float:right;} .tab1_content{ margin-bottom:20px; } .tab1_content img{ float:left; border:1px solid #cfcfcf; padding:0; margin:0 10px 0 0; } .tab1_content h4{font-weight:bold;} .tab1_content h4 a{ color:#cf7f17; text-decoration: none; } .tab1_content h4 a:hover{ text-decoration:underline;} /* =accordion*/ .accordion{float:left; width:100%;} .accordion h3{ margin:0 0 4px 0; border:1px solid #d9d9d9; } .accordion h3 a{ display:block; color:#484849; padding: 10px 18px; font-size:20px; background:#f7f7f7;} .accordion h4{ font-size:18px;} .accordion .block{ float:left; border:1px solid #d9d9d9; padding:20px; margin-bottom:4px; width:93.9%;} .accordion .block img{ float:left; margin:0 20px 20px 0; border:1px solid #d9d9d9; padding:6px;} /* =map_canvas */ #map_canvas{ border:1px solid #d9d9d9; box-shadow: 0 0 5px rgba(210, 210, 210, 1); -webkit-box-shadow: 0 0 5px rgba(210, 210, 210, 1); -moz-box-shadow: 0 0 5px rgba(210, 210, 210, 1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } #map{ border:1px solid #d9d9d9; box-shadow: 0 0 5px rgba(210, 210, 210, 1); -webkit-box-shadow: 0 0 5px rgba(210, 210, 210, 1); -moz-box-shadow: 0 0 5px rgba(210, 210, 210, 1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } /* =contact */ #contact{ width:100%; float:left; margin-top:50px; } #contact-form { padding:0; margin:0; } #contact-form label { float:left; width:100px; font-size:14px; } #contact-form #name,#contact-form #email,#contact-form #subject,#contact-form #message { font-family:Arial, Helvetica, sans-serif; border:1px solid #d4d4d4; padding:7px 5px; color:#5e5e5e; background:#ffffff; font-size:14px; border:1px solid #dbdbdb; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px;width:200px; } #contact-form p{ float:left; width:100%; } #contact-form #name:focus, #contact-form #email:focus,#contact-form #subject:focus,#contact-form #message:focus { padding:7px 5px; border:1px solid #e0e0e0; box-shadow: 0 0 3px rgba(190, 190, 190, 1); -webkit-box-shadow: 0 0 3px rgba(190, 190, 190, 1); -moz-box-shadow: 0 0 3px rgba(190, 190, 190, 1); -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } #contact-form #name, #email, #subject { width:200px; } #contact #message { width:400px; height:200px; } #contact-form .button { border:1px solid #538bc5; margin:0; padding:5px 10px; background:#7fb3e8; color:#fff; text-shadow: 0px 1px 0px #538bc5; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px; font-size:10px; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif;} #contact-form .button:hover{ background:#93c0ee;} #contact .errorMsg li { color:red; font-size:13px; margin-bottom:8px; float:left; display:block; padding:0; margin:0 0 10px 0; width:500px;} #contact .errorMsg h3 { color:red; font-family: 'MisoLight'; } #Contact .infoMsg h3 { color:green; } /* =common */ .left, .float_left { float:left;} .right, .float_right { float:right } .clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;} .clear-left, .clear_left { clear:left; } .clear-right, .clear_right { clear:right; } .hide { display:none } .block {display:block !important;} .inline {display:inline !important;} .clearfix{ clear:both; } .align_right { text-align:right; } .align_left { text-align:left; } .align_center { text-align:center; } .align_justify { text-align:justify; } .bold {font-weight:600;} .italic {font-style:italic;} a { color:#CCCCCC; text-decoration:none; /*6fcbda*/} a:hover, a:focus { text-decoration:none; color:#dfc31c;} a:active, a:visited { } blockquote { font-family: Georgia,"Times New Roman", Times, serif; margin:5px; padding:10px; font-size:18px; color:#999; font-style:italic; width:100%; quotes:none;} figure{ margin:0;padding:0; } figure img{ float:left; } blockquote.left {border-right:1px dashed #ccc; width:35%;} /* float blockquote left, and set width */ blockquote.right {border-left:1px dashed #ccc; width:35%;} /* float blockquote right and set a width */ blockquote p{ line-height:1.4em; } h1, h2, h3, h4, h5 { line-height:1.1em; color:#484849; margin-bottom:20px; font-weight:normal; } p{ margin-bottom:20px; line-height:1.5em; } h1 { font-size:26px;} h2 { font-size:24px;} h3 { font-size:18px;} h4 { font-size:16px;} h5 { font-size:14px;} h6 { font-size:12px;} ul{ list-style:outside disc; } ul,ol{ margin:0 0 1.5em 1.5em; padding:0; } li ul,li ol{ padding:0; margin:0 0 1.5em 1.5em; } .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .hidden { display: none; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } @media all and (orientation:portrait) { } @media all and (orientation:landscape) { } @media screen and (max-device-width: 480px) { /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; max-width:100%; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /*_____________________________________additional______________________________________________________*/ .none { display:block; list-style-type:none; margin-left:-1px } .globle-footer { width:100%; height:auto; overflow:hidden; background:#666666 center; } /*......................collaps.....................................*/ .accordionWrapper { display:inline-block; background-color:#fff; overflow:hidden; } .accordionWrapper img { vertical-align:top; border:0; margin:0; padding:0 } .accordionWrapper div { display:inline; /*float:left;*/ margin:auto; } .accordionWrapper div.title { cursor:pointer; } .accordionWrapper div.content { display:none; } #i2-green, #i2-green1, #i2-green2, #i2-green3,#i2-green4,#i2-green5,#i2-green6,#i2-green7,#i2-green8,#i2-green9,#i2-green10,#i2-green11,#i2-green12,#i2-green13,#i2-green14,#i2-green15,#i2-green16,#i2-green17,#i2-green18,#i2-green19,#i2-green20,#i2-green21,#i2-green22,#i2-green23 { /*width:538px;*/ overflow:hidden; display:none; height:auto; float:left; } #slider-wrapper { /* width:538px;*/ height:auto; padding:0; overflow:hidden; float:left; } /*......................collaps end.....................................*/ .hilite { color:#FF0000 } .contact-add { height:150px; width:200px; } #q-contform { margin:0; padding:0; height:250px; width:100%; } #q-input { width:300px; float:left } #messagex { width:300px; } .seg { height:25px; width:600px; margin-top:7px; } .p-seg { float:left; width:150px;margin-top:3px; } .masej { height:auto; width:600px; margin-top:7px; } .enter { margin-left:150px } .seliction { width:200px; } .callnow p { width:215px;;font-size:18px; float:right; color:#000000;margin-top:-30px; } .callnow #support { width:215px;font-size:18px; float:right; color:#000000; margin-top:-10px; text-align:right; margin-right:11px; } .callnow # a{ color:#0099FF; } .callnow #support a:hover{ color:#CC6600; } .for-list { width:400px; height:auto; float:right; } .big-div { height:auto; width:500px; float:left; } .subsriber { width:250px; height:80px; margin-top:-35px; } #deal { height:16px; width:250px; float:left; border:none; margin-top:5px } .click { height:20px; width:60px; float:right; border:none/* background-color:#003333*/ }