/* Adventure - Main CSS Copyrights- trendywebstar.com made by: trendyWebStar June - 2011 /* 01-RESET CSS 02- BODY , HEADINGS & TABLES 03-FORMS 04-BASIC STYLES 05-GRID 06-NAVIGATION 07-SLIDERS 08-FOOTER 09-PORTFOLIO 10-BUTTONS 11-PRICING BOXES & TABLES 12-GRID HOMEPAGE 13-SIMPLE UL STYLE , TAGS, TABS /*-------------------------------------------------------*/ /*---------------01 - RESET CSS---------------*/ /*-------------------------------------------------------*/ 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; } /* HTML5 display-role reset for older browsers */ 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; } /*-------------------------------------------------------*/ /*---------------02 - BODY & HEADINGS ---------------*/ /*-------------------------------------------------------*/ body { background-color:#FFF; background-image:url(../images/body-bg-3.png); background-repeat:repeat; font: 12px/20px 'Droid Sans', arial, serif; line-height:20px; color: #666; /* Prevents Mobile Safari from bumping up font sizes in landscape */ -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgb(255,255,0); } ::selection { background:#f26c4f; /* Safari */ color:#fdfdfa; } ::-moz-selection { background:#f26c4f; /* Firefox */ color:#fdfdfa; } img::selection {background: transparent;} img::-moz-selection {background: transparent;} /*-------------------------------------------------------*/ /* ------------------HEADINGS------------------*/ /*-------------------------------------------------------*/ h1,h2,h3,h4,h5,h6 { font-family:'Crimson Text',arial,serif; font-weight:normal; font-variant:normal; white-space:normal; color:#272727; margin-bottom:10px; } h1 { font-size:34px; line-height:38px; } h2 { font-size:28px; line-height:33px; } h3 { font-size:24px; line-height:29px; } h4 { font-size:20px; line-height:25px; } h5 { font-size:16px; line-height:21px; } h6 { font-size:14px; line-height:17px; } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color:#272727; font-family:'Crimson Text',arial,serif; font-size:100%; } h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	color:#e64135;
	font-family:'Crimson Text',arial,serif;
	font-size:100%;
	text-decoration: none;
	text-align: justify;
} /*-------------------------------------------------------*/ /*------------------TABLE STYLES------------------*/ /*-------------------------------------------------------*/ table { border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:10px; border:1px solid #efefef } th { padding:10px 15px; text-transform:uppercase; font-weight:bold; background:#99cccc; color:#FFF; } td { padding:10px 15px; border-top: 1px solid #efefef } /*------------------TABLE STYLES ENDS------------------*/ /*-------------------------------------------------------*/ /*-------------------------------------------------------*/ /*------------------03 - FORM STYLE------------------*/ /*-------------------------------------------------------*/ label { font-weight:normal; display:block; color:#7f7f7f; } input[type=text],input[type=password],input.text,input.title,textarea { background-color:#FFF; border:1px solid #ebebeb; font-size:11px; } input[type=text]:focus,input[type=password]:focus,input.text:focus,input.title:focus,textarea:focus { border-color:#88bbc8; -moz-box-shadow: 0 0px 3px #88bbc8; -webkit-box-shadow: 0 0px 3px #88bbc8; box-shadow: 0 0px 3px #88bbc8; } select { background-color:#fff; border-width:1px; border-style:solid; } input[type=text],input[type=password],input.text,input.title,textarea,select { margin:5px 0; } input.text,input.title { width:200px; padding:5px; } input.title { font-size:1.5em; } textarea { width:450px; height:180px; padding:5px; } form.inline { line-height:3; } form.inline p { margin-bottom:0; } .search-input{ background:#FFF url("../images/search-bg.png") right no-repeat; padding:6px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:200px; color:#c6c6c6; } .search-place{ margin-left:25px; } .required { color:#ed1c24;color:#e64135; } .required { color:#ed1c24; } .error{color:#e64135;text-align:right;font-size:11px;} .success{color:#acd373;text-align:right;font-size:11px;} .simple-error,.simple-alert,.simple-notice,.simple-success,.simple-info { padding:0.8em; margin-bottom:1em; border:1px solid #ddd; } .simple-error,.simple-alert { background:#fbe3e4; border-color:#fbc2c4; color:#e64135; } .simple-notice { background:#fff6bf; color:#514721; border-color:#ffd324; } .simple-success { background:#e6efc2; color:#264409; border-color:#c6d880; } .simple-info { background:#d5edf8; color:#205791; border-color:#92cae4; } .simple-error a,.simple-alert a { color:#8a1f11; } .simple-notice a { color:#514721; } .simple-success a { color:#264409; } .simple-info a { color:#205791; } /*-------------------------------------------------------*/ /*-------------------------------------------------------*/ /* ------------------04 - BASIC STYLE /*-------------------------------------------------------*/ /*--------Copyrighty by trendyWebStar----------*/ /*------------------------------------------------------------*/ /*-----------------MAIN STYLES-------------------*/ /*------------------------------------------------------------*/ #wrapper { position: absolute; left: 0px; top: 0px; width: 100%; } #container {
	float:left;
	height:auto;
	width:960px;
	background:#FFF;
	-moz-box-shadow:0 0 6px #b7b7b7;
	-webkit-box-shadow:0 0 6px #b7b7b7;
	box-shadow:0 0 6px #b7b7b7;
	padding:0 30px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
} .center { height: auto; width: 1020px; margin: auto; padding: 0px; } #content { padding-bottom:0px; height:auto; float:left; } #header { padding:30px 0; /*border-bottom:1px solid #efefef;*/ height:60px; } a#logo { display:block; float:left; width:220px; height:60px; } .slideshow { border-top:1px solid #efefef; padding: 30px 0; } a { text-decoration:none; color:#88bbc8; } a:hover { text-decoration:none; color:#e64135; } a img { border:none; } strong { font-weight:bold; color:#252525; } p,ul,ol,pre,code { margin-bottom:10px; } .colored{color:#f26c4f;} ul { list-style-type:none; } ol { list-style-type:decimal; list-style-position:inside; } blockquote { padding:5px 20px 5px 45px; line-height:24px; background: url(../images/quote.png) no-repeat top left; color:#999999; } blockquote span { color:#666666; } pre,code { border:1px solid #efefef; border-left:5px solid #efefef; display:block; padding:10px; font-size:11px; font-family:monospace; background-color:#f5f5f5; } /*------------------05 - GRID STYLE-------- Copyrighty by trendyWebStar----------*/ /*-------------------------------------------------------*/ .horizontal-line { width:100%; margin:30px auto; float:left; border-top:1px solid #efefef; } .clear-line { width:100%; margin:10px auto auto auto; } .left { float:left; } .right { float:right; } .one, .one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth ,.inner-content, .one-third-big {
	float:left;
} .one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth, .inner-content,.one-third-big { margin-right: 30px; } .one { width:960px; } .one-half { width:465px; } .two-third { width:630px; } .one-third {
	width:300px;
	font-family: "Crimson Text", arial, serif;
	font-size: large;
} .inner-content { width:712px; } .one-third-big{ width:340px;} .one-fourth { width:217px; } .one-fifth { width:168px; } .one-sixth { width:135px; } .last { margin-right: 0px!important; } .img-align-left { margin:5px 10px 0 0; float:left; } .img-align-right { margin:5px 0 0 10px; float: right; } .img-align-center { margin:5px 0; text-align:center; } .text-align-left {
	float:left;
	width:300px;
} /*-------------------------------------------------------------------------------------------------*/ /*--------------------------------06 - MAIN NAVIGATION---------------------------------------------*/ /*-------------------------------------------------------------------------------------------------*/ #main_navigation { top:10px; font-size:11px; height:50px; float:right; } .main-menu { position:relative; z-index:22; font-family:'Droid Sans', arial, serif; } .main-menu ul { margin:0; padding:0; list-style-type:none; } .main-menu ul li { position:relative; display:inline; float:left; font-size:14px; } .main-menu ul li a,.main-menu ul li a:link,.main-menu ul li a:visited { line-height:40px; color:#3d4753; font-size:11px; } .main-menu ul li a:hover { color:#e64135; } .main-menu ul li a { display:block; text-decoration:none; overflow:hidden; padding:0px 15px; } * html .main-menu ul li a { display:inline-block; } .main-menu ul li ul { position:absolute; left:0px; display:block; visibility:hidden; } .main-menu ul li ul li { display:list-item; float:none; } .main-menu ul li ul li a { width:160px; padding:5px 10px; } .main-menu ul ul { background:#FFF; border:1px solid #e0e0e0; -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1); box-shadow:0px 3px 3px rgba(0,0,0,0.1); } .main-menu ul ul li a,.main-menu ul ul li a:link,.main-menu ul ul li a:visited { height:100%; line-height:20px; margin-right:-2px!important; border-bottom:dotted 1px #e1e1e1; padding:5px 10px!important; } .main-menuz ul li ul li a:hover,.main-menu ul ul li a:hover { background:#fbfbfb; text-decoration:none!important; margin:0 0px; color:#e64135; } .main-menuz ul ul li ul li a:hover,.main-menu ul ul ul li a:hover { text-decoration:none!important; width:160px; } /*-------------------------------------------------------------------------------------------------*/ /*INTRO PAGES*/ /*-------------------------------------------------------------------------------------------------*/ .intro-pages span { color:#e64135; } .intro-pages { padding:30px 0px 50px 0; height:auto; margin-bottom:30px; background:transparent url("../images/intro-pages-bg.png") no-repeat bottom; border-top:1px solid #efefef; } .intro-pages h1,.intro-pages h2,.intro-pages h3,.intro-pages h4{
	text-align:center;
	margin-bottom:0;
	font-style:italic;
	font-family: "Crimson Text", arial, serif;
} .intro-pages a { color:#e64135; } /*------------------------07 - SLIDERS-------------------------------*/ /*-------------------------------------------------------------------------*/ #piecemaker{width:960px;height:430px;float:left;margin-bottom:30px;} /*VIDEO BLOCK */ #video-block { width:1020px; height:570px; float:left; margin-left:-30px; border-top:5px solid #f7f7f7; } /*NIVO SLIDERS*/ .nivoSlider { width:1020px; height:550px; float:left; margin-left:-30px; border-top:5px solid #f7f7f7; border-bottom:1px solid #f7f7f7; } .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .nivoSlider a { border:0; display:block; } #slider3 .nivo-controlNav {position:absolute;right:10px;bottom:10px;z-index:99;} #slider3 .nivo-controlNav a {display:block; float:left; margin:0 0px 0 0; background:url(../images/nivo-pag.png) top no-repeat; width:22px; height:22px; outline:none; text-indent:-9999px;} #slider3 .nivo-controlNav a.active { background:url(../images/nivo-pag.png) bottom no-repeat;} .nivo-directionNav a {display:block;width:50px;height:50px;background:url(../images/slideshow-nav.png) no-repeat;text-indent:-9999px;border:0;} a.nivo-nextNav {background:url(../images/slide-next-prev.png) right no-repeat;right:5px;} a.nivo-prevNav {background:url(../images/slide-next-prev.png) left no-repeat;left:5px;} .nivo-caption {text-shadow:none;font-size:12px;} .nivo-caption a {color:#efe9d1;text-decoration:underline;} .nivo-caption {text-shadow:none;font-family: Helvetica, Arial, sans-serif;} .nivo-caption a { color:#efe9d1; text-decoration:underline; } #slider3 { margin-bottom:30px; } /*-------------------------------------------------------*/ /*NIVO THUMB SLIDER*/ /*-------------------------------------------------------*/ #slider4 { margin-bottom:110px; } #slider4 .nivo-controlNav { position:absolute; left:30px; bottom:-85px; } #slider4 .nivo-controlNav a { display:inline; } #slider4 .nivo-controlNav img { display:inline; position:relative; margin-right:10px; -moz-box-shadow:0px 0px 5px #acacac; -webkit-box-shadow:0px 0px 5px #acacac; box-shadow:0px 0px 5px #acacac; } #slider4 .nivo-controlNav a.active img { border:1px solid #556074; } /*-------------------------------------------------------------------------------------------------*/ /*----------------------SLLIDERS JS----------------------------*/ /*-------------------------------------------------------------------------------------------------*/ /*SLIDER FULL WIDTH STARTS*/ .caption { z-index:500; position:absolute; bottom:0px; left:0; height:30px; padding:10px 20px 5px 20px; background: url("../images/thumb-hover-bg.png") repeat; margin-bottom:5px; width:910px; font-size:12px; color:#fff; border-top:1px solid #000; text-shadow:none; } .caption p{margin-bottom:0;font-style:italic;} .slides_container { background:#FFF; overflow:hidden; position:relative; z-index:1; } .slides_container a img { display:block; z-index:99; } .small-slider{ padding:4px; background:#FFF; height:350px; width:620px; border:1px solid #ebebeb; } .big-slider{ height:350px; width:950px; background-color:#f8f8f8; background:-moz-linear-gradient(center bottom , #f8f8f8 0px, #FFF 100%) repeat scroll 0 0 transparent; background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f8f8f8),color-stop(1, #FFF)); border:1px solid #ebebeb !important; padding:4px; } .portfolio-details-slider{ height:350px; width:711px; } #simple-slider{margin-top:0px;} /*SLIDER TWO THIRD WIDTH ENDS*/ .pagination { position:relative; float:right; z-index:501; margin:-30px 10px 0 0px; } .pagination li { float:left; margin:0 5px 0 0; } .pagination li a { display:block; background:url(../images/slideshow-nav.png) left no-repeat; width:12px; float:left; height:12px; outline:none; text-indent:-9999px; } .slides-nav { position: relative; z-index: 100; display: none; } .slides-nav a { position: absolute; display: block; text-indent: -9999px; width: 50px; height: 50px; cursor: pointer; background-image: url(../images/slide-next-prev.png); z-index: 10; } .slides-nav a.prev { background-position: left; margin: -195px 0 0 20px; -webkit-transition:all 0.3s ease, top 0ms linear; -moz-transition:all 0.3s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.3s ease; } .slides-nav a.prev:hover{ background-position: left; margin: -195px 0 0 15px; } .slides-nav a.next { background-position: right; margin: -195px 0 0 880px; -webkit-transition:all 0.3s ease, top 0ms linear; -moz-transition:all 0.3s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.3s ease; } .slides-nav a.next:hover { background-position: right; margin: -195px 0 0 885px; } .pagination li.current a {background:url(../images/slideshow-nav.png) right no-repeat;} .kwicks-container {width: 1020px; height:550px; margin: 0 auto 30px auto; overflow:hidden; position:relative; background: #FFF; } .kwicks { /* recommended styles for kwicks ul container */ list-style: none; position: relative; margin: 0; padding: 0; background:#FFF;overflow:hidden; } .kwicks li{ /* these are required, but the values are up to you (must be pixel) */ width: 220px; height: 550px; /*do not change these */ display: block; overflow: hidden; padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */ } .kwicks.horizontal li { /* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */ margin-right: 0px; /*Set to same as spacing option. */ float: left; background: #FFF; } .kwicks.vertical li{ /* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */ margin-bottom: 5px; /*Set to same as spacing option. */ } .accordian-slider-image {float:left;padding:0;margin:0;} .slide-minicaption { bottom:0; right:0; position:absolute; color:#fff; text-shadow: 2px 2px #111; padding:10px; font-size:12px; line-height:18px; width: 195px; background:#111; } .slide-minicaptiontitle { font-size:13px; text-align:center; letter-spacing:0.5px; color:#fff; display:block; line-height:20px; } .accordian-slider-caption { top:60px; left:550px; position:absolute; color:#D1D1D1; padding:10px 20px; font-size:12px; line-height:22px; background:#111; -moz-border-radius: 5px; -webkit-border: 5px; border-radius: 5px; width: 300px; -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1); box-shadow:0px 3px 3px rgba(0,0,0,0.1); } .accordian-slider-caption a {color:#D1D1D1; } .accordian-slider-caption a:hover {text-decoration:none;} .accordian-slider-captiontitle { font-size:20px; color:#fff; display:block; line-height:26px; margin: 0 0 5px 0; } .accordian-slider-captiontitle a { color:#fff;} .accordian-slider-captiontitle a:hover {color:#fff; text-decoration:none; } .kiwcks-container { height: 550px;overflow:hidden; } .kiwcks-container { width: 1020px;margin-left:-30px;border-top:5px solid #f7f7f7;margin-bottom:30px;overflow:hidden; } .kwicks li { width: 255px; } .kwicks li { height: 550px; } .kwickshadow { height: 550px; } .slideshowgallery { height: 550px; } .slide-minicaption { width: 255px; } /*-------------------------------------------------------------------------------------------------*/ /*08 -FOOTER*/ /*-------------------------------------------------------------------------------------------------*/ #footer-wrapper { width:1020px; float:left; background:#363636; line-height:20px; color:#FFF; margin-top:30px; border-top:5px solid #2b2b2b; border-bottom:1px solid #464646; margin-left:-30px; text-shadow: 0px 1px 0px #292929; } #footer-container { width:100%; float:left; padding:30px 0; } #footer { width:960px; margin:0 auto; } #footer ul { margin:0px; list-style-type:none; padding:0px; float:left; } #footer ul li { display:block; margin-bottom:10px; } #footer ul li a:hover { color:#e64135; } #footer ul li span,#footer ul li span a { display:block; text-transform:none; } #footer ul li span a { display: inline; } #footer h1,#footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {color:#FFF;} /********** SOCIAL-LINK UL***************/ ul.social-links { float:left; margin:0px; padding:0px; } ul.social-links li { display:block; margin-bottom:0px; } ul.social-links li img { margin-right:7px; float:left; margin-top:2px; } #footer .tweet { width:auto; } #footer .tweet ul { list-style-type:none; padding:0px; margin:0px; float:left; } #footer .tweet li,.block .tweet li { margin-bottom:20px; } #footer .tweet li .tweet_text,.block .tweet li .tweet_text { list-style-type:none; font-style:normal; font-size:12px; } #footer .tweet a,.block .tweet a { text-transform:none; display:inline; margin:0px; padding:0px; font-style:italic; font-size:12px; } #footer .tweet .tweet_time a,.block .tweet .tweet_time a { text-transform:none; display:block; font-style:italic; font-size:12px; margin-top: 10px; } /**** COPYRIGHT***********/ #copyright-wrapper { width:1020px; padding:30px 0 25px 0; float:left; background:#313131; line-height:20px; color:#636363; margin-left:-30px; font-family:'Crimson Text',arial,serif; border-top:1px solid #252525; text-shadow: 0px 1px 0px #262626; } a#copyright-logo { display:block; float:left; margin-top:-5px; width:185px; height:50px; } #copyright a { color:#636363; font-size:13px; } #copyright a:hover { color:#e64135; } #copyright { width:960px; margin:0 auto; } #copyright p,#copyright span { margin-bottom:0px; } #copyright span { font-size:12px; } /*-------------------------------------------------------------------------------------------------*/ /*FOOTER ENDS*/ /*-------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------*/ /*09 - PORTFOLIO*/ /*-------------------------------------------------------------------------------------------------*/ .portfolio-item-preview { display:block; background:url(../images/bg-fade.png) no-repeat center center; } .portfolio-img{} .bordered-img { border:5px solid #f8f8f8; } .pretty-box{ background-color:#f8f8f8; background:-moz-linear-gradient(center bottom , #f8f8f8 0px, #FFF 100%) repeat scroll 0 0 transparent; background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f8f8f8),color-stop(1, #FFF)); border:1px solid #ebebeb !important; padding:4px; } .pretty-box:hover { border:1px solid #556074 !important; -moz-box-shadow:0 0px 3px #e7e7e7; box-shadow: 0 0px 3px #e7e7e7; -webkit-box-shadow: 0 0px 3px #e7e7e7; -o-box-shadow: 0 1px 3px #e7e7e7; } #portfolio { width: 960px; float: left; } .portfolio-container ul li a.hide { display: none; } .portfolio-container { padding: 0px; display: block; width: 990px; float: left; height:auto; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: -30px; } .portfolio-container ul { list-style-type: none; margin: 0px; padding-left: 0px; padding-top:10px; } /*************************************************** FILTERABLE PORTFOLIO ***************************************************/ #filterable { display: inline; float: right; margin-bottom: 20px; margin-right:20px; } #filterable li { float: left; margin-left: 25px; } #filterable li a { display: block; color: #aaa; font: bold 11px arial; text-decoration: none; text-align: center; width: 100%; height: auto; padding:2px 5px; margin:5px; background: #fafafa; -moz-border-radius: 4px; border-radius: 4px; border-top: 1px solid #f0f0f0; -webkit-box-shadow: inset 0 0 25px #fafafa, 0 1px 0 #cecece, 0 2px 0 #c9c9c9, 0 2px 3px #4a4a4a; -moz-box-shadow: inset 0 0 25px #fafafa, 0 1px 0 #cecece, 0 2px 0 #c9c9c9, 0 2px 3px #4a4a4a; box-shadow: inset 0 0 25px #fafafa, 0 1px 0 #cecece, 0 2px 0 #c9c9c9, 0 2px 3px #4a4a4a; text-shadow: 0px 1px 0px #f5f5f5; } #filterable li.current a { color: #e64135; background: #fafafa; margin: 7px 5px 3px; -webkit-box-shadow: inset 0 0 25px #e4e4e4, 0 0 3px #333; -moz-box-shadow: inset 0 0 25px #e4e4e4, 0 0 3px #333; box-shadow: inset 0 0 25px #e4e4e4, 0 0 3px #333; border-top: 1px solid #eee; } #filterable li h5{ float: left; margin-top: 5px; } /*-------------------------------------------------------------------------------------------------*/ /*PORTFOLIO DETAILS NAVIGATION*/ /*-------------------------------------------------------------------------------------------------*/ .portfolio-details-nav{float:right;width:100%;margin-bottom:15px;} #prev,#next { display:block; float:right; padding:4px 9px; margin-right:5px; border:1px solid #d7d7d7; background-color:#ffffff; } #prev:hover,#next:hover { background-color:#F7F7F7; } #prev a:hover,#next a:hover { text-decoration:none!important; } /*-------------------------------------------------------------------------------------------------*/ /*10 - BUTTONS*/ /*-------------------------------------------------------------------------------------------------*/ .button{ cursor:pointer; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 0px 0px rgba(255,255,255,0); -webkit-transition:all 0.3s ease, top 0ms linear; -moz-transition:all 0.3s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.3s ease; border-radius: 99px; -moz-border-radius: 99px; -webkit-border-radius: 99px; } .button.round{ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .button.small{ padding: 4px 10px; } .button.big{ padding: 8px 20px; } .button.huge{ padding: 12px 24px; } /*-----------BUTTON COLORS ---------------*/ ul.buttons li {display:list;margin:25px 0;} /*BLUE*/ .button.blue{ background-color:#1e6fca; background: -moz-linear-gradient( top, #65b1f0 0%, #246eab); background: -webkit-gradient( linear, left top, left bottom, from(#65b1f0), to(#246eab)); border: 1px solid #275682; -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.6); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.6); } .button.blue:hover { color:#FFF; -webkit-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1); } .button.blue:active{ background: -webkit-gradient( linear, left top, left bottom, from(#246eab), to(#65b1f0)); } /*ORANGE*/ .button.orange{ background-color:#d74b23; background: -moz-linear-gradient( top, #f27a2a 0%, #c13a05); background: -webkit-gradient( linear, left top, left bottom, from(#f27a2a), to(#c13a05)); border: 1px solid #9f2f03; background-clip: padding-box; -moz-background-clip: padding; -webkit-background-clip: padding; } .button.orange:hover { color:#FFF; -webkit-box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1); } .button.orange:active{ background: -webkit-gradient( linear, left top, left bottom, from(#c13a05), to(#f27a2a)); } /*GREEN*/ .button.green{ background-color:#85cd4d; background: -moz-linear-gradient( top, #a6df57 0%, #6ca314); background: -webkit-gradient( linear, left top, left bottom, from(#a6df57), to(#6ca314)); border: 1px solid #71af1e; background-clip: padding-box; -moz-background-clip: padding; -webkit-background-clip: padding; } .button.green:hover { color:#FFF; -webkit-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1); } .button.green:active{ background: -webkit-gradient( linear, left top, left bottom, from(#6ca314), to(#a6df57)); } /*PINK*/ .button.pink{ background-color:#d82f4e; background: -moz-linear-gradient( top, #f3546e 0%, #c92644); background: -webkit-gradient( linear, left top, left bottom, from(#f3546e), to(#c92644)); border: 1px solid #841e31; background-clip: padding-box; -moz-background-clip: padding; -webkit-background-clip: padding; } .button.pink:hover { color:#FFF; -webkit-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1); } .button.pink:active{ background: -webkit-gradient( linear, left top, left bottom, from(#c92644), to(#f3546e)); } /*BLACK*/ .button.black{ background-color:#323232; background: -moz-linear-gradient( top, #545557 0%, #1e1e1e); background: -webkit-gradient( linear, left top, left bottom, from(#545557), to(#1e1e1e)); -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4); border: 1px solid #030303; background-clip: padding-box; -moz-background-clip: padding; -webkit-background-clip: padding; } .button.black:hover { color:#FFF; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1); } .button.black:active{ background: -webkit-gradient( linear, left top, left bottom, from(#1e1e1e), to(#545557)); } /*YELLOW*/ .button.yellow{ background-color:#f5eb34; background: -moz-linear-gradient( top, #f8c100 0%, #b68e00); background: -webkit-gradient( linear, left top, left bottom, from(#f8c100), to(#b68e00)); -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4); border: 1px solid #b68e00; background-clip: padding-box; -moz-background-clip: padding; -webkit-background-clip: padding; } .button.yellow:hover { color:#FFF; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1); } .button.yellow:active{ background: -webkit-gradient( linear, left top, left bottom, from(#b68e00), to(#f8c100)); } /*RED*/ .button.red{ background-color:#f5eb34; background: -moz-linear-gradient( top, #f26c4f 0%, #d81f27); background: -webkit-gradient( linear, left top, left bottom, from(#f26c4f), to(#d81f27)); -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4); border: 1px solid #bf0101; background-clip: padding-box; -moz-background-clip: padding; -webkit-background-clip: padding; } .button.red:hover { color:#FFF; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1); } .button.red:active{ background: -webkit-gradient( linear, left top, left bottom, from(#d81f27), to(#f26c4f)); } /*PURPLE*/ .button.purple{ background-color:#b576ad; background: -moz-linear-gradient( top, #b576ad 0%, #9a4d90); background: -webkit-gradient( linear, left top, left bottom, from(#b576ad), to(#9a4d90)); -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4); border: 1px solid #954eae; background-clip: padding-box; -moz-background-clip: padding; -webkit-background-clip: padding; } .button.purple:hover { color:#FFF; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1); } .button.purple:active{ background: -webkit-gradient( linear, left top, left bottom, from(#9a4d90), to(#b576ad)); } /*DARK BLUE*/ .button.dark-blue{ background-color:#b576ad; background: -moz-linear-gradient( top, #748095 0%, #3d4753); background: -webkit-gradient( linear, left top, left bottom, from(#748095), to(#3d4753)); -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4); border: 1px solid #3d4753; background-clip: padding-box; -moz-background-clip: padding; -webkit-background-clip: padding; } .button.dark-blue:hover { color:#FFF; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1),; } .button.dark-blue:active{ background: -webkit-gradient( linear, left top, left bottom, from(#3d4753), to(#748095)); } /*LIGHT BLUE*/ .button.light-blue{ background-color:#7ccce5; background: -moz-linear-gradient( top, #7ccce5 0%, #64bcd7); background: -webkit-gradient( linear, left top, left bottom, from(#7ccce5), to(#64bcd7)); -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4); border: 1px solid #52adc9; background-clip: padding-box; -moz-background-clip: padding; -webkit-background-clip: padding; } .button.light-blue:hover { color:#FFF; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1); } .button.light-blue:active{ background: -webkit-gradient( linear, left top, left bottom, from(#64bcd7), to(#7ccce5)); } /*BUTTON ENDS*/ /*-------------------------------------------------------------------------------------------------*/ /*11 - PRICING BOXES ANDTABLES*/ /*-------------------------------------------------------------------------------------------------*/ /*----------------------PRICING BOXES------------------------------*/ /*PRICING BOX STYLE*/ ul.list-box{margin:0; padding:0; list-style-type:none;} ul.list-box > li{ background:#eeecec; float:left; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1); box-shadow:0px 3px 3px rgba(0,0,0,0.1);} ul.list-box li:hover{ position: relative; z-index: 100; top: -15px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); cursor:pointer; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease;} .title-box {text-align:center;} .box-header{ padding-top:5px; border-radius: 6px 6px 0px 0px; -webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px; } .box-header h3{color:#FFF;text-shadow: 0px 1px 0px #005826;} .box-des{text-align:left;} .pricing-box-container{background:#fafafa;text-align:left; } .list-box-content{ margin:0px 0px;padding:10px 25px 25px 25px;text-align:center} .list-box-content ul{margin:0px auto; padding:0; list-style-type:none;} .list-box-content ul li{margin:0; padding:5px 0 5px 30px; list-style-type:none; background:url(../images/check-box.png) no-repeat 0 5px; text-align:left} .list-box-content ul li:hover{ box-shadow:none!important; -moz-box-shadow:none!important; webkit-box-shadow:none!important; left:0px!important; top: 0px!important;} .text-price{ text-align:center; padding:10px 0 5px 0;} .text-price h3{color:#FFF;text-shadow: 0px 1px 0px #005826;} /*RICING BOX COLORS*/ /*GREEN*/ .text-price.green{ background-color: #468928; background-image: linear-gradient(top, #5dab35, #468928); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dab35', endColorstr='#468928'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dab35', endColorstr='#468928'); background: -ms-linear-gradient(top, #5dab35, #468928); background: -moz-linear-gradient(top, #5dab35, #468928); background: -o-linear-gradient(top, #5dab35, #468928); background: -webkit-linear-gradient(top, #5dab35, #468928); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5dab35), color-stop(1, #468928)); } .box-header.green{ border-bottom: 1px solid #275c17; background-color: #34791f; background-image: linear-gradient(top, #449e28, #31741d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#449e28', endColorstr='#31741d'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#449e28', endColorstr='#31741d'); background: -ms-linear-gradient(top, #449e28, #31741d); background: -moz-linear-gradient(top, #449e28, #31741d); background: -o-linear-gradient(top, #449e28, #31741d); background: -webkit-linear-gradient(top, #449e28, #31741d); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #449e28), color-stop(1, #31741d)); } /*ORANGE*/ .text-price.orange{ background-color: #f27a2a; background-image: linear-gradient(top, #f27a2a, #c13a05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f27a2a', endColorstr='#c13a05'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f27a2a', endColorstr='#c13a05'); background: -ms-linear-gradient(top, #f27a2a, #c13a05); background: -moz-linear-gradient(top, #f27a2a, #c13a05); background: -o-linear-gradient(top, #f27a2a, #c13a05); background: -webkit-linear-gradient(top, #f27a2a, #c13a05); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f27a2a), color-stop(1, #c13a05)); } .box-header.orange{ border-bottom: 1px solid #9f2f03; background-color: #c13a05; background-image: linear-gradient(top, #f27a2a, #c13a05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f27a2a', endColorstr='#c13a05'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f27a2a', endColorstr='#c13a05'); background: -ms-linear-gradient(top, #f27a2a, #c13a05); background: -moz-linear-gradient(top, #f27a2a, #c13a05); background: -o-linear-gradient(top, #f27a2a, #c13a05); background: -webkit-linear-gradient(top, #f27a2a, #c13a05); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f27a2a), color-stop(1, #c13a05)); } /*BLUE*/ .text-price.blue{ background-color: #65b1f0; background-image: linear-gradient(top, #65b1f0, #246eab); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65b1f0', endColorstr='#246eab'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65b1f0', endColorstr='#246eab'); background: -ms-linear-gradient(top, #65b1f0, #246eab); background: -moz-linear-gradient(top, #65b1f0, #246eab); background: -o-linear-gradient(top, #65b1f0, #246eab); background: -webkit-linear-gradient(top, #65b1f0, #246eab); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #65b1f0), color-stop(1, #246eab)); } .box-header.blue{ border-bottom: 1px solid #275682; background-color: #246eab; background-image: linear-gradient(top, #65b1f0, #246eab); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65b1f0', endColorstr='#246eab'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65b1f0', endColorstr='#246eab'); background: -ms-linear-gradient(top, #65b1f0, #246eab); background: -moz-linear-gradient(top, #65b1f0, #246eab); background: -o-linear-gradient(top, #65b1f0, #246eab); background: -webkit-linear-gradient(top, #65b1f0, #246eab); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #65b1f0), color-stop(1, #246eab)); } /*RED*/ .text-price.red{ background-color: #f26c4f; background-image: linear-gradient(top, #f26c4f, #d81f27); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f26c4f', endColorstr='#d81f27'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f26c4f', endColorstr='#d81f27'); background: -ms-linear-gradient(top, #f26c4f, #d81f27); background: -moz-linear-gradient(top, #f26c4f, #d81f27); background: -o-linear-gradient(top, #f26c4f, #d81f27); background: -webkit-linear-gradient(top, #f26c4f, #d81f27); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f26c4f), color-stop(1, #d81f27)); } .box-header.red{ border-bottom: 1px solid #bf0101; background-color: #d81f27; background-image: linear-gradient(top, #f26c4f, #d81f27); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f26c4f', endColorstr='#d81f27'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f26c4f', endColorstr='#d81f27'); background: -ms-linear-gradient(top, #f26c4f, #d81f27); background: -moz-linear-gradient(top, #f26c4f, #d81f27); background: -o-linear-gradient(top, #f26c4f, #d81f27); background: -webkit-linear-gradient(top, #f26c4f, #d81f27); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f26c4f), color-stop(1, #d81f27)); } /*PURPLE*/ .text-price.purple{ background-color: #b576ad; background-image: linear-gradient(top, #b576ad, #9a4d90); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b576ad', endColorstr='#9a4d90'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b576ad', endColorstr='#9a4d90'); background: -ms-linear-gradient(top, #b576ad, #9a4d90); background: -moz-linear-gradient(top, #b576ad, #9a4d90); background: -o-linear-gradient(top, #b576ad, #9a4d90); background: -webkit-linear-gradient(top, #b576ad, #9a4d90); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b576ad), color-stop(1, #9a4d90)); } .box-header.purple{ border-bottom: 1px solid #82497a; background-color: #9a4d90; background-image: linear-gradient(top, #b576ad, #9a4d90); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b576ad', endColorstr='#9a4d90'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b576ad', endColorstr='#9a4d90'); background: -ms-linear-gradient(top, #b576ad, #9a4d90); background: -moz-linear-gradient(top, #b576ad, #9a4d90); background: -o-linear-gradient(top, #b576ad, #9a4d90); background: -webkit-linear-gradient(top, #b576ad, #9a4d90); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b576ad), color-stop(1, #9a4d90)); } /*-----------------------*/ /* PRICING TABLE */ /*-----------------------*/ .pricing-pricing-table-box-container{ width:960px;} .pricing-table-box-container ul{ margin:0px; border-bottom:1px solid #dcdcdc; float:left; } .pricing-table-box-container ul li{ float:left; list-style-type:none; padding:15px 0px 10px 0px ; line-height:normal; color:#707070 !important; min-height:22px; } .pricing-table-box-container ul li h4{ margin:0px; font-size:14px;} .pricing-table-box-container ul li.one{ width:465px; padding-left:20px; } .pricing-table-box-container ul li.one:hover{ background:#e3f7ba;cursor:pointer; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; transition: all 0.25s ease; } .pricing-table-box-container ul li.two{ width:155px; text-align:center; border-left:1px solid #dcdcdc; } .pricing-table-box-container ul li.three{ width:155px; text-align:center; border-left:1px solid #dcdcdc; } .pricing-table-box-container ul li.four{ width:155px; text-align:center; border-left:1px solid #dcdcdc; } ul.pricing-table-header li{ } ul.pricing-table-white{ background-color:#FFF; float:left;} ul.pricing-table-white li.one{ width:475px; padding-left:10px; } ul.pricing-table-grey{ background-color:#fafafa} ul.pricing-table-grey li.one{ width:475px; padding-left:10px; } ul.tbl-price{ border:0px; font-size:18px;} .icontable{width:25px; margin-right:10px;} .icontable img{vertical-align:middle;} /*------------------------------------------------------------*/ /*12- GRID HOMEPAGE*/ /*------------------------------------------------------------*/ #grid {width:960px;padding-bottom:30px;height:auto;} .item-hover{ margin:0!important; padding:0!important; height:150px; } #grid .portfolio-thumbnail{ position:absolute; left: 0px; top: 0px; display:none; height:100%; background:url("../images/thumb-hover-bg.png") repeat; text-align: left; cursor:pointer; } #grid .thumb-text{ padding:10px; } #grid .portfolio-thumbnail h4{color:#f26c4f;} #grid .portfolio-thumbnail p{color:#FFF;} #grid .one-half,#grid .one-third,#grid .one-fourth,#grid .one-fifth { margin-right:2px; margin-top:2px; margin-bottom:0!important; margin-left:0!important; } #grid .one-half { width:478px; float:left; position: relative; } #grid .one-third { width:318px; float:left; position: relative; } #grid .one-fourth { width:238px; float:left; position: relative; } #grid .one-fifth { width:118px; float:left; position: relative; } #grid .last-grid{margin-right:0px;} /*--------------------------------------13 - SIMPLE UL STYLE , TAGS, TABS-----------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ .simple-nav{ list-style-type:none; list-style-position:outside; width:200px; } .simple-nav li{ color:#999999;display:block; padding:5px 0; border-bottom:1px dotted #e1e1e1;} .simple-nav li a { color:#999999;padding-left:15px;background: url(../images/simple-nav-arrow.png) no-repeat 0px 2px;} .simple-nav li a:hover { color:#e64135;} .simple-nav li a.current { color:#272727;} .round-list{ list-style-type:none; list-style-position:outside; border-top:1px dotted #efefef; width:200px; } .round-list li{ border-bottom:1px dotted #efefef;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/check-box.png) no-repeat 5px 7px; } .check-list{ list-style-type:none; list-style-position:outside; border-top:1px dotted #efefef; width:200px; } .check-list li{ border-bottom:1px dotted #efefef;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/check.png) no-repeat 5px 7px; } .cancel-list{ list-style-type:none; list-style-position:outside; border-top:1px dotted #efefef; width:200px; } .cancel-list li{ border-bottom:1px dotted #efefef;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/cancel.png) no-repeat 5px 7px; } .checklist-list{ list-style-type:none; list-style-position:outside; border-top:1px dotted #efefef; width:200px; } .checklist-list li{ border-bottom:1px dotted #efefef;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/checklist-icon.png) no-repeat 5px 9px; } /*-------------------------------SIMPLE BLOG NAVIGATION------------------------------------------------------------------*/ .blog-pagination{ list-style:none; } .blog-pagination li{ display:inline; } .blog-pagination li a{ display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; } .blog-pagination li.active a{ background-color:#f5f5f5; } .blog-tags{font-size:12px;} /*************************************************** TAGS ***************************************************/ .tags a{ color: #666666; background-image: url(../images/tag-bg.jpg); } .tags a:hover{ color: #f26c4f; } .tags a{ color: #999999; margin-top: 5px; margin-right: 5px; margin-bottom: 0px; margin-left: 0; font-weight: normal; border:1px solid #f9f9f9; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius:4px; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; float: left; background-repeat: repeat; } .tags, .block div { float: left; width: 100%; } .tags a:hover{ text-decoration: none; -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.2); box-shadow:0px 0px 2px rgba(0,0,0,0.2); } /************************************************** BLOG COMMENTS ***************************************************/ .inner-comment{padding-left:75px;} /****************************************************/ .team-social-icons ul{list-style-type:none;} .team-social-icons li{list-style-type:none;min-height:1%} .team-social-icons li img{display:block;float:left;margin-right:5px;} .team-social-icons li a{display:block;float:left;margin-right:7px;line-height:18px;} .pdf{background:url(../images/icons/pdf-icon.png) no-repeat 5px 12px;padding:15px 10px 10px 65px;width:125px;min-height:48px} .menu { padding: 0; clear: both; } .menu li { display: inline; } .menu li a { background: #3d4753; padding:5px 10px; float:left; border-right: 1px solid #f5f5f5; border-bottom: none; text-decoration: none; color: #FFF; font-weight: normal;} .menu li.active a { background: #f5f5f5;color:#272727; } .content { float: left; clear: both; border-top: none; border-left: none; background: #f5f5f5; padding: 10px 20px 20px; width: 400px; }
.sd {
	font-size: 19px;
}