Template:BGIC-Union/collection-css

Style


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

@font-face { 

   font-family: 'BebasNeueRegular';
   src: url('bebas/bebasneue-webfont.eot');
   src: url('bebas/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
        url('bebas/bebasneue-webfont.woff') format('woff'),
        url('bebas/bebasneue-webfont.ttf') format('truetype'),
        url('bebas/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
   font-weight: normal;
   font-style: normal;

}

@font-face { 

   font-family: 'PT Sans';
   src: url('ptsans/pts55f-webfont.eot');
   src: url('ptsans/pts55f-webfont.eot?#iefix') format('embedded-opentype'),
        url('ptsans/pts55f-webfont.woff') format('woff'),
        url('ptsans/pts55f-webfont.ttf') format('truetype'),
        url('ptsans/pts55f-webfont.svg#PTSansRegular') format('svg');
   font-weight: normal;
   font-style: normal;

}


/* default styling */ body {margin:0; word-wrap:break-word; color:#807f7f; font:14px "PT Sans", sans-serif; background:url(images/background.png) repeat;} a {text-decoration:none; color: #1886a9;border:0;} img{border:0; max-width:100%;} h1,h2,h3,h4,h5,h6 {font-family:'BebasNeueRegular'; font-weight: normal; color:#353535; margin:10px 0px;} ul{list-style:none; padding:0; margin:0;} h1 {font-size: 45px;} h2 {font-size: 30px;} h3 {font-size: 22px;} h4 {font-size: 20px;} h5 {font-size: 19px;} h6 {font-size: 17px;}


/* global classes */ .clear {clear:both;} .left {float:left !important;} .right {float:right !important; } .hide {display:none;} .border_none {border:0 !important;} .con_border{ border-bottom:1px dashed #000; width:100%; height:0px;} .con_borderGray {border-right:1px solid #cdcdcd;} .con_borderImage {border-bottom:5px solid #1a86ac;} .text-center{text-align:center;} .text-right{text-align:right;} .drop-cap {font-size:56px; line-height:56px; float:left; font-weight:bold; color:#353535; width:48px; text-align:center; height:50px} .color{color:#1a86ac;} .colorBlack{color:#353535;} .bold {font-weight:bold;} .no-spacing{line-height:160%;} .inner_copyright{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;} /* Paddings and margins */ .padd-top{padding-top:20px;} .padd-bott{padding-bottom:20px;} .padd-right{padding-right:20px;} .padd-left{padding-left:20px;} .padd-top15{padding-top:15px !important;} .padd-right15{padding-right:15px !important;} .padd-bott15{padding-bottom:15px !important;} .padd-left15{padding-left:15px !important;} .padd-top5{padding-top:5px !important;} .padd-right5{padding-right:5px !important;} .padd-bott5{padding-bottom:5px !important;} .padd-left5{padding-left:5px !important;}

.marg-top{margin-top:20px;} .marg-top40{margin-top:40px;} .marg-bott{margin-bottom:20px;} .marg-bott40{margin-bottom:40px;}

.padd-top1{padding-top:10px;} .marg-left{margin-left:10px;}

.no-marg-top {margin-top:0 !important;} .no-marg-right {margin-right:0 !important;} .no-marg-bott {margin-bottom:0 !important;} .no-marg-left {margin-left:0 !important;}

/* header */

.header_silverbackground{ background:url('images/background-gray.png'); height:80px; width:100%; }

/* logo */ a.logo { float:left; }


/* middle */

.middle_silver_background{ background:url('images/background-gray.png') repeat; width:100%; }

.middle_container { width:960px; top:18px; position:relative; margin:0 auto; background:url('images/background-gray.png') repeat; }

.middle_button_title { font-size:15px; font-family:'BebasNeueRegular'; font-weight: normal; color:#fff; width:135px; text-align:center; position:absolute; top:200px; left:0; margin:0; }


.container { width:100%; position:relative; z-index:100; margin:0 auto; }

.content { width:1000px; margin:0 auto; }

.more ul{ text-transform:uppercase; font-size:13px; padding:50px 0px 30px 20px; height:30px; clear:both; font-family:'BebasNeueRegular'; font-weight: normal; width:830px; margin:0 auto; } .more ul li{ float:left; margin:0px 2px; } .more ul li.selected a, .more ul li.selected a:hover{ background:#000; color:#fff; text-shadow:none; } .more ul li a{ color:#555; background:#f7f7f7; padding:3px 6px; } .more ul li a:hover{ background:#000; color:#fff; text-shadow:none; } .content{ width:100%; position:relative; }


/* content */

  1. content {

width:960px; padding:30px 0; margin:0 auto; }


/* href_path */

.href_path { padding:0 0 80px 0; width:100%; margin:0 auto 10px; } .href_path a h2 { font-family:'BebasNeueRegular'; color:#353535; margin:0 20px 0 20px; } .href_path a:hover h2 { color: #1F85AA; }

/* left path */

.href_path_left { background:url(images/path_left.png) no-repeat center bottom; }

.href_path_left.href_path2 { background:url(images/about_left.png) no-repeat center bottom; }

.href_path_left a, .href_no_path_left a { float:left;

} .href_path_left div, .href_no_path_left div { padding:45px 0 0 150px;

}

.href_path_left.href_path2 div, .href_no_path_left.href_path2 div { padding:0 0 0 262px !important; }


.href_path_left img.content_icon, .href_no_path_left img.content_icon { float:left; }

/* right path */

.href_path_right { background:url(images/path_right.png) no-repeat center bottom; }

.href_path_right.href_path2 { background:url(images/path_right.png) no-repeat center bottom; }

.href_path_right a, .href_no_path_right a { float:right; } .href_path_right div, .href_no_path_right div { padding:45px 150px 0 0; text-align: right;

} .href_path_right.href_path2 div .href_no_path_right.href_path2 div { padding:0 262px 0 0 !important; }

.href_path_right img.content_icon, .href_no_path_right img.content_icon { float:right; }

/* no path */ .href_path.href_no_path_left, .href_path.href_no_path_right { padding-bottom:0; }

/* left path about */ .href_path_about{ line-height: 2em; border-bottom:1px dashed #000; margin-bottom:20px;}


.href_path_about h2{ font-family:'BebasNeueRegular'; font-size:30px; padding:0 40px 5px 0; margin:0; font-weight:normal; } .href_path_about img{ float:right; margin-top:-31px;

}


/* right path_about */ .href_path_link{ text-align:right; margin-top:-45px; }

.href_path_link h6{ font-family:'BebasNeueRegular'; font-size:17px; font-weight:300; margin:40px 0px; }

.href_path_link a{ color:#1F85AA; }



/*----- BEGIN FOOTER -----*/

  1. footer { padding: 10px 0px; width: 100%; background:url('images/background-gray.png') repeat;}
  1. footer-wrapper { margin:0 auto;padding: 20px 0px 20px 0px; width: 960px;}

.footer-column { width:288px; margin:0 24px 0 0; padding:0 23px 0 0; border-right:1px dashed #fff; float:left; } .footer-column.last {margin:0;padding:0;border:0;}

  1. footer .widget h3 { text-align: left; margin:0 0 15px 0; color:#fff;}
  2. footer .widget h5 { text-align: left; margin:0 0 15px 0; color:#fff;}
  3. footer .widget p { text-align: left; color:#FFF; }
  1. footer .widget ul { color:#fff; margin: 0 auto; }
  2. footer .widget p { color:#fff; margin: 0 0 15px 0; padding: 0; line-height:135%;}
  3. footer .widget li { line-height: 135%; margin-left: 0 !important; padding:0;}
  1. footer .widget li a { text-decoration:none; color:#FFF;}

.footer-border {width:100%;height:1px; border-bottom:1px dashed #fff;} .footer-info h3 {margin:0 0 10px 0; color:#fff;} .footer-info h5 {margin:0 0 10px 0; color:#fff;}

.footer-info-text {float:left; width:251px; padding-left:20px;color:#fff;} .footer-info-text p{margin:0;}

.footer-info-picks {float:left; width:298px; margin-left:14px;} .footer-info-picks h3 {margin:0 0 10px 10px;} .footer-info-picks h5 {margin:0 0 10px 10px;} .footer-info-picks img {width: 139px;} .footer-info-picks .image_rollover_bottom, .footer-info-picks .image_rollover_right, .footer-info-picks .image_rollover_top, .footer-info-picks .image_rollover_left {margin-left:10px; margin-bottom:10px; float:left; width: 139px;}

.footer-menu {margin:15px 0 0 0;} .footer-menu li {float:left; padding:0 15px 0 0;} .footer-menu li a {color:#fff;} .footer-menu li a:hover {color:#1a86ac;}

.footer-copyright {float:right; color:#fff; margin:0;}

/*----- END FOOTER -----*/



/*----- BEGIN index3 -----*/ .carousel-container { 

 position:relative;
 width:1050px;
 margin:0 auto;
 height:294px;

}

  1. carousel {
 font-size:0;

} .carousel-image { 

 border:0;
 display:block;

} .carousel-feature { 

 position:absolute;
 top:-1000px;
 left:-1000px;
 cursor:pointer;

} /*----- END index3 -----*/



/* BEGIN MEET OUR TEAM */

/* BEGIN full width block */ .team{height:180px;width:960px;background:url('images/background-gray.png') repeat;margin-bottom:10px;border-bottom:#1a86ac 10px solid;padding:15px 0; float:left;} .team_content{float:left;width:710px;} .team h2 {display:block;color:#fff;padding:0 35px;font-size:30px} .team_contact{display:block;width:180px;padding-left:35px;padding-right:20px;color:#fff;float:left;} .team_contact a{color:#fff;} .team_about{float:left;width:435px;padding-right:20px;color:#fff;} .img_team{margin:45px 35px 38px 35px;float:left;} .team_border{border-left:#fff 1px dashed;width:0px;height:100%;float:left;} .social_icon {float:left; width:70px;} .social_icon .fadehover {margin-left:15px;} /* END full width block */

/* BEGIN half-width block */ .team.team1-2{width:475px;margin-right:10px;} .team_content1-2{float:left; width:295px;} .team_content1-2 .team_contact{width:225px;padding-left:35px;padding-right:35px;} .team.team_last{margin-right:0px !important;} .team.team_right {text-align:right;} .team1-2 .img_team.img_team2 {margin:40px 15px 10px 15px;} .team_content1-2.team_content1-2b {width:263px;} .team_content1-2.team_content1-2b .team_contact{width:190px;} /* END half-width block */

/* BEGIN 1/3-width block */ .team_border2{border-bottom:#fff 1px dashed;width:100%;height:0px;float:left;} .team.team1-3{width:284px;margin-right:9px;height:400px;padding:0 15px;} .team1-3 .img_team{margin:20px 89px 20px 89px;} .team_content1-3, .team_content1-4{height:200px;width:100%;float:left;text-align:center;} .team_content1-3 h2, .team_content1-4 h2 {margin-top:30px;} .team_content1-3 .team_contact, .team_content1-4 .team_contact {display:inline-block; padding:0; text-align:center; width:100%;} .team1-3 .social_icon .fadehover, .team1-4 .social_icon .fadehover {margin:10px 0 10px 0;display:inline-block; float:none;} .team1-3 .social_icon, .team1-4 .social_icon {text-align:center;width:100%; clear:both; font-size:0; } /* END 1/3-width block */


/* BEGIN 1/4-width block */ .team.team1-4{width:204px;margin-right:8px;height:400px;padding:0 15px;} .team1-4 .img_team{margin:20px 49px 20px 49px;}

/* END 1/4-width block */

/* END MEET OUR TEAM */



/* BEGIN BLOG */


.blog_left{float:left; width:671px; border-right:1px dashed #000; margin-bottom:30px; padding-right:24px;} .blog_left_content{width:671px; border-bottom:1px dashed #000; padding:0 0 20px; margin-bottom:20px; } .blog_content_image { overflow:hidden; height:135px; }

.blog_content_image .blog_content_slider { margin-top:-40px; }

.blog_content_inner {width: 560px; float:left;} .blog_content_info {float:left; width:101px; padding:0; margin-right:10px;}

.blog_content_date {font-size:32px; line-height:24px; color:#fff; text-align:center; background:url(images/blog/date.png) no-repeat center center; font-family:'BebasNeueRegular'; width:73px; height:53px; padding:10px 0 10px; margin:0 auto;} .blog_content_date span {font-size:20px} .blog_content_info a.comment_number { font-family:'BebasNeueRegular'; font-size:24px; text-align:center; line-height:26px; margin:10px auto; padding:11px 0px 19px 1px; display:block; width:46px; height:24px; color:#fff; background: url(images/blog/comments.png) no-repeat left center;} .blog_content_info a.comment_number:hover {background: url(images/blog/comments.png) no-repeat -54px center;} .blog_content_author, .blog_content_category {text-align:right; font-family:'PT Sans'; margin-bottom:5px; color:#807f7f; padding-right:5px;} .blog_content_author span, .blog_content_category span {color:#000000; } .blog_content_excerpt { height: 160px; overflow:hidden;}


.blog_right{float:right; width:240px;} .blog_right p{ margin-top:0px;}

.move_left{float:left; padding-bottom:4px;} .move_right{float:right;}

ul.filterOptionsblog {width:615px; text-align:center; float:left; height: 27px;overflow: hidden; padding:0; margin:10px auto 0;} ul.filterOptionsblog li {display:inline-block;} ul.filterOptionsblog li a {padding: 0 10px; margin-right:1px; background:url('images/background-gray.png') repeat; color: #fff;font-weight: bold;line-height: 24px;display: block;font-family:'BebasNeueRegular';font-weight:100;font-size:14px;}


/* END BLOG */


/* BEGIN BLOG POST */ .padd_bott{padding-bottom:15px;} .social_icon_blog{height:48px;} .bott_post img {width:195px;} .bott_post{float:left; width:195px; border-left:1px dashed #000; margin-left:21px; padding-left:21px;} .bott_post.bott_post_first{border-left:0; padding-left:0; margin-left:0;} .bott_post h2{font-family:'BebasNeueRegular'; font-size:18px; font-weight:100;} .bott_post p{ font-weight:normal;} .blog_content_quote {margin:10px 0 0 0; padding:50px 10px 10px 10px; background: #f5f5f5 url(images/elements/quote.png) no-repeat center 10px; font-size:12px; font-style:italic; text-align:right;}


/* BEGIN POST COMMENT .*/ .comment_cont{float:left; width:671px; border-bottom:1px dashed #000; margin-top:17px; } .comment_cont h2{font-size:18px; padding-bottom:10px;} .informa{float:left;} .com_image{float:left; width:50px; margin:0px 0px 0 0;} .com_inf{overflow:hidden; } ul#filterOptionsComm {height: 24px; overflow: hidden; padding:0; font-size:18px; margin-bottom:10px;} .bebas{font-family:'BebasNeueRegular';font-size:18px;color:#353535;} .comment_cont_reply1{float:left; width:601px; margin-top:17px; margin-left:70px;} .comment_cont_reply2{float:left; width:531px; margin-top:17px; margin-left:140px;} .comment_cont_reply3{float:left; width:461px; margin-top:17px; margin-left:210px;}

.border{border-bottom:1px dashed #000; width:671px; height:1px; float:left;}

  1. commentform {display:block; padding:20px 0;}
  2. commentform div {float:left;}
  3. commentform input {background:url('images/background-gray.png') repeat; color:#fff; padding:8px; border:0; font-size:15px; width:200px; margin-bottom:5px;}
  4. commentform textarea {height:142px; width:427px; padding:4px; margin:0 0 5px 0; background:url('images/background-gray.png') repeat; border:0; resize:none; color:#fff;font-family:'PT sans'; font-size:15px;}

.tab_font{font-size:17px; color:#353535; font-family:'BebasNeueRegular';}

/* END POST COMMENT .*/

/* END BLOG POST */



/* BEGIN SERVICES/GALLERY .*/ .services_container { width:960px; }

ul#filterOptions, ul#filterOptionsGallery {overflow: hidden;padding:0;font-size:19px; margin-bottom:18px;} ul#filterOptions li, ul#filterOptionsComm li, ul#filterOptionsGallery li {margin-bottom:2px; height: 25px; margin-right: 0px; display: inline-block; float: left; } ul#filterOptions li a, ul#filterOptionsComm a, ul#filterOptionsGallery a {height: 25px;padding: 0 15px;margin-right:2px;background:url('images/background-gray.png') repeat; color: #fff;line-height: 24px;text-decoration: none;display: block;float:left;font-family:'BebasNeueRegular';font-weight:100;}

ul#filterOptions li a:hover, ul.filterOptionsblog li a:hover, ul#filterOptionsComm li a:hover , ul#filterOptionsGallery a:hover{ background: #1886a9; } ul#filterOptions li.active a, ul.filterOptionsblog li.active a, ul#filterOptionsComm li.active a, ul#filterOptionsGallery li.active a { background: #1886a9; }

ul.ourHolder {width: 1020px;overflow: hidden;} ul.ourHolder li.item {float: left; text-align: left; overflow: hidden; width:468px; margin:0 24px 0 0; padding:0 0 15px 0;} ul.ourHolder li.item.border_top {padding-top:20px;} ul.ourHolder li.item h3 { margin-top: 10px; line-height: 20px; } ul.ourHolder li.item p { text-align:left; width:468px; }

.bott{ padding-bottom:15px;} .border_top{ border-top:1px dashed #000;} .pad_right{ padding-right:40px;}


.gallery_shortcode_wrapper { margin:20px 0; } .gallery_shortcode_wrapper_full { width: 1020px;overflow: hidden; } .gallery_shortcode {float:left; width:208px; padding-left:30px; } .gallery_shortcode.gallery_shortcode_first{ padding-left:0; padding-right:20px; width:685px; border-right:1px #000 dashed; } .gallery_shortcode_wrapper a.gallery_shortcode_image {display:block; float:left; margin-right:10px; margin-bottom:10px; } .gallery_shortcode_wrapper_full a.gallery_shortcode_image { margin-right:15px; margin-bottom:15px; } /* END SERVICES */



/* BEGIN Gallery .*/

ul.ourHolderGallery { width:968px; margin-top:-8px; } ul.ourHolderGallery li.item { margin:8px 8px 0 0 !important; } ul.ourHolderGallery li.item a { display:block; }

/* END Gallery */




/* BEGIN CONTACT */


.arrow_inf{position:absolute; top:-12px; left:20px;}

.three_inf{position:relative; width:320px; float:left;} .four_inf{position:relative; width:240px; float:left;} .three_inf ul,.four_inf ul {margin: 0 auto;}

.sub_inf{position:relative; background:url('images/background-gray.png'); color:#fff; padding:10px 20px; } .three_inf ul.num_inf, .four_inf ul.num_inf{padding:10px 20px 20px 20px;}

.contact_title h3{margin:5px 0 10px; padding:0; color:#fff;} .four_inf.last {width:195px;}

.border_right{ border-right:1px #FFF dashed;}


  1. contactform {display:block; padding:20px 0 10px; }
  2. contactform div {float:left; }
  3. contactform input {background:url('images/background-gray.png') repeat; color:#fff; padding:8px; border:0; font-size:14px; width:608px; margin-bottom:5px;}
  4. contactform textarea {height:138px; padding:8px; border:0; font-size:14px; width:608px; margin:0 0 5px 0; background:url('images/background-gray.png') repeat; resize:none; color:#fff;}

.contact_text{width:288px; float:left; margin-left:24px; padding-left:23px; border-left:1px dashed #000; margin-bottom:20px; }

/* END CONTACT */

/* BEGIN index_layout_v1 */


/* END index_layout_v1 */


/* BEGIN Elemenets */

/* tabs */ .tabs-nav {margin-left:1px;} .tabs-nav li {float:left;} .tabs-nav li a {color:#353535; padding:10px; border:1px solid #cbcbcb; margin-left:-1px; background:#f6f7f9; display:block;} .tabs-nav li a.active {color:#1a86ac; border-top:4px solid #1a86ac; border-bottom:0; padding-bottom:8px; background:#fff;} .tabs-nav li a.hover {color:#1a86ac;} .tabs-container {border:1px solid #cbcbcb; padding:20px; background:#fff; margin-top:-1px;}

/* alert */ .alert-error, .alert-success, .alert-info, .alert-notice{position:relative; padding:12px 12px 12px 60px; background:#fff; border:1px solid #cbcbcb; margin-bottom:10px;} .alert-icon {position:absolute; height:100%; width:50px; top:0; left:0;} .alert-error {color:#ce2127; border:1px solid #ce2127;} .alert-error .alert-icon {background:#ce2127 url(images/elements/alert-error.png) no-repeat center center;} .alert-success {color:#1f823f; border:1px solid #1f823f;} .alert-success .alert-icon {background:#1f823f url(images/elements/alert-success.png) no-repeat center center;} .alert-info {color:#3853a4; border:1px solid #3853a4;} .alert-info .alert-icon {background:#3853a4 url(images/elements/alert-info.png) no-repeat center center;} .alert-notice {color:#aa9834; border:1px solid #aa9834;} .alert-notice .alert-icon {background:#aa9834 url(images/elements/alert-notice.png) no-repeat center center;}

/* blockquote */ blockquote {margin:0; padding:20px 20px 20px 60px; font-style:italic; font-size:16px; background: #fff url(images/elements/quote.png) no-repeat 10px 10px; font-family:times new roman, sans-serif; border:1px solid #cbcbcb;}

/* lists */ ul.list-1 li {padding-left:18px; background: url(images/elements/list-1.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-2 li {padding-left:18px; background: url(images/elements/list-2.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-3 li {padding-left:18px; background: url(images/elements/list-3.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-4 li {padding-left:18px; background: url(images/elements/list-4.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-5 li {padding-left:18px; background: url(images/elements/list-5.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-6 li {padding-left:18px; background: url(images/elements/list-6.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-7 li {padding-left:18px; background: url(images/elements/list-7.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-8 li {padding-left:18px; background: url(images/elements/list-8.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-9 li {padding-left:18px; background: url(images/elements/list-9.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-10 li {padding-left:18px; background: url(images/elements/list-10.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-11 li {padding-left:18px; background: url(images/elements/list-11.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-12 li {padding-left:18px; background: url(images/elements/list-12.png) no-repeat 1px 3px; margin-bottom:2px;}

/* accordion */ a.acc-trigger {display:block; padding:25px 20px 25px 55px; background:url(images/elements/accordion-arrow.png) no-repeat 10px 23px; color:#353535; border-top:1px #000 dashed; margin:0;} a.acc-trigger.active {background:#f6f7f9 url(images/elements/accordion-arrow.png) no-repeat 10px -23px; color:#1a86ac;} .acc-content { margin:-15px 0 0 0; overflow:hidden; padding:0px 20px 25px 55px; background:#f6f7f9;} /* END Elements*/


BUTTONS

a.con_button { display:block; background:url('../images/background-gray.png') repeat; float:left; position:relative; padding-right:20px; overflow:hidden; }

a.con_button .con_button_text { font-family:'BebasNeueRegular'; font-weight:normal; font-size:17px; display:block; color:#fff; z-index:10; padding:3px 10px; text-shadow:0 1px 1px #000000; position:relative; }

a.con_button .con_button_arrow { display:block; position:absolute; z-index:5; right:0; top:0; left:100%; height:100%; background:#1a86ac url(../images/arrow.png) no-repeat right center; overflow:hidden; color:#fff; } a.con_button1 .con_button_arrow { left:auto; width:20px; right:0; }

a.con_button.con_button2 .con_button_arrow { background:#1a86ac url(../images/arrow.png) no-repeat left center; } a.con_button2 .con_button_arrow span { display:block; font-family:'BebasNeueRegular'; font-weight:normal; font-size:17px; padding:3px 0px 3px 20px; width:0; white-space:nowrap; text-shadow:0 1px 1px #000000; }

COLUMNS

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


.column.column-last, .column36.column-last, .column48.column-last, .column60.column-last { margin-right:0; }

/* margin 24px */

.column {float:left; margin-right:24px;} .column-1-2 {width:468px;} .column-1-3 {width:304px;} .column-2-3 {width:632px;} .column-1-4 {width:222px;} .column-3-4 {width:714px;} .column-1-2 img {max-width:468px;} .column-1-3 img {max-width:304px;} .column-2-3 img {max-width:632px;} .column-1-4 img {max-width:222px;} .column-3-4 img {max-width:714px;}

/* margin 36px */

.column36 {float:left; margin-right:36px;} .column-1-2.column36 {width:462px;} .column-1-3.column36 {width:296px;} .column-2-3.column36 {width:628px;} .column-1-4.column36 {width:213px;} .column-3-4.column36 {width:711px;} .column-1-2.column36 img {max-width:462px;} .column-1-3.column36 img {max-width:296px;} .column-2-3.column36 img {max-width:628px;} .column-1-4.column36 img {max-width:213px;} .column-3-4.column36 img {max-width:711px;}

/* margin 48px */

.column48 {float:left; margin-right:48px;} .column-1-2.column48 {width:456px;} .column-1-3.column48 {width:288px;} .column-2-3.column48 {width:624px;} .column-1-4.column48 {width:204px;} .column-3-4.column48 {width:708px;} .column-1-2.column48 img {max-width:456px;} .column-1-3.column48 img {max-width:288px;} .column-2-3.column48 img {max-width:624px;} .column-1-4.column48 img {max-width:204px;} .column-3-4.column48 img {max-width:708px;}

/* margin 60px */

.column60 {float:left; margin-right:60px;} .column-1-2.column60 {width:450px;} .column-1-3.column60 {width:280px;} .column-2-3.column60 {width:620px;} .column-1-4.column60 {width:195px;} .column-3-4.column60 {width:705px;} .column-1-2.column60 img {max-width:450px;} .column-1-3.column60 img {max-width:280px;} .column-2-3.column60 img {max-width:620px;} .column-1-4.column60 img {max-width:195px;} .column-3-4.column60 img {max-width:705px;}


HOVER

div.fadehover { margin:0 auto; position:relative; float:left; width:160px; height:160px;

}


div.hoverfooter { width:69px; height:70px;

}

div.hoverfooter1 { width:42px; height:43px;

}

div.hoverfooter2 { width:48px; height:48px;

}

div.fadehover1 { padding-right:95px; background: url(../images/line.png) no-repeat 125px 100px; }

div.fadehover2 { padding-right:95px; margin-top:0px; background: url(../images/line1.png) no-repeat 125px 80px; }


div.fadehover .a img { position: absolute; left: 0; top: 0; }

div.fadehover .b img{ opacity:0; filter:alpha(opacity = 0); z-index: 10; } div.fadehover .b img { position: absolute; left: 0; top: 0; }


HOVER_IMAGE

.image_rollover, .image_rollover_bottom, .image_rollover_right, .image_rollover_top, .image_rollover_left { position:relative; overflow:hidden; display:block; } .image_rollover img, .image_rollover_bottom img, .image_rollover_right img, .image_rollover_top img, .image_rollover_left img { 

	display:block;
}

.image_roll_info { position:absolute; left:0; bottom:-100%; width:100%; background:#1a86ac; color:#fff; display:block; }

.image_roll_arrow { position:absolute; display:block; bottom:0; right:0; width:30px; height:100%; background:#53a4c1 url(../images/arrow.png) no-repeat center center;

}

h3.image_roll_name { font-family:'BebasNeueRegular'; font-weight:100; color:#fff; line-height:30px; margin:0; padding:5px 30px 15px 15px; font-size:30px; }

.image_roll_cat { color:#222222; display:block; margin:0; padding:10px 30px 0 15px; }

.image_roll_cat span{ font-family: "PT Sans",sans-serif; font-size: 15px; font-style: italic; color:#fff; }

.image_roll_zoom { display:block; width:100%; height:100%; position:absolute; top:100%; left:0; background:#000; z-index:2; opacity:0.7; filter:alpha(opacity = 70); }

.image_roll_text { font-family:'BebasNeueRegular'; font-weight: normal; color:#fff; width:100%; text-align:center; }

.image_roll_glass { display:none; width:100%; height:100%; opacity:0.4; filter:alpha(opacity = 40); position:absolute; top:0; left:0; background:#fff; z-index:1; } .image_rollover_right .image_roll_zoom { left:100%; top:0; } .image_rollover_left .image_roll_zoom { left:-100%; top:0; } .image_rollover_top .image_roll_zoom { left:0; top:-100%; } .image_roll_shadow{ display:none; width:100%; height:100%; opacity:0.6; filter:alpha(opacity = 60); position:fixed; background:black; top:0; left:0; z-index:100; }


LIGHT

/* fixed line holder */ .timelineLight .timeline_line { margin-top:10px; margin-bottom:10px; width:900px; }

/* full (including months that are not shown) line holder */ .timelineLight .t_line_holder { height:80px; background:url('../images/timeline/light/line.jpg') repeat-x 0px 39px; }

/* 2 months are stored in one view */ .timelineLight .t_line_view { height:20px; width:900px; }

/* holder for year number */ .timelineLight h3.t_line_year { margin:0; color:#545454; }

/* holder for 1 month (constist of nodes and month caption) - we use borders to separate months thats why it has width 2px less then 50% */ .timelineLight .t_line_m { margin-top:35px; height:10px; border-left:1px solid #545454; border-right:1px solid #545454; width:448px; }

/* month on the right side - has left set at 459 so border would overlap border from first element (to evade duplicated borders) */ .timelineLight .t_line_m.right { left:449px; width:449px; }

/* month caption */ .timelineLight h4.t_line_month { margin:-30px 0 0; color:#545454; }

/* used in responsive layout when only one month is shown (it is span containing year) */ .t_line_month_year { display:none; }

/* node on the timeline */ .timelineLight a.t_line_node { text-decoration:none; padding:38px 0 4px; height:10px; font-size:12px; top:-25px; background:url('../images/timeline/light/dot.png') no-repeat center 24px; color:#141817; } .timelineLight a.t_line_node:hover { background:url('../images/timeline/light/dot-rollover.png') no-repeat center 24px; } .timelineLight a.t_line_node.active { background:url('../images/timeline/light/dot-selected.png') no-repeat center 24px; }

/* node description */ .timelineLight .t_node_desc { background: rgba(26,134,172,0.9); top:0; color:#fff; padding:1px 5px; }

/* descriptions on right side go from right to left */ .timelineLight .t_node_desc.pos_right { right:0; }

/* line arrow left */ .timelineLight #t_line_left { cursor:pointer; left:-30px; top:30px; width:14px; height:19px; background:url('../images/timeline/light/arrow.png') no-repeat left top; }

.timelineLight #t_line_left:hover { background:url('../images/timeline/light/arrow.png') no-repeat left bottom; }

/* line arrow right */ .timelineLight #t_line_right { cursor:pointer; right:-30px; top:30px; width:14px; height:19px; background:url('../images/timeline/light/arrow.png') no-repeat right top; }

.timelineLight #t_line_right:hover { background:url('../images/timeline/light/arrow.png') no-repeat right bottom; } .timelineLight { display:none; }

/* items container */ .timelineLight .timeline_items { padding:10px 0; }

/* single item (margines set from javascript) */ .timelineLight .item { height:380px; text-align:center; background:url('../images/timeline/light/background-white.jpg') repeat; color:#545454; -moz-box-shadow: -3px 1px 6px rgba(0,0,0,0.4); -webkit-box-shadow: -3px 1px 6px rgba(0,0,0,0.4); box-shadow: -3px 1px 6px rgba(0,0,0,0.4); width:200px; }

/* ----- content - non-plugin elements ----- */ .timelineLight .item img { margin-top:0; width:200px; }

.timelineLight .item span{ display:block; margin:0px 20px 10px; height:150px; } .timelineLight .item .read_more { padding:2px 8px 2px 10px; font-family: 'BebasNeueRegular'; font-size:20px; float:right; color:#ffffff; background: rgba(0,0,0,0.35); cursor:pointer; } .timelineLight .item .read_more:hover { background:rgb(26,134,172); } /* ----------------------------------------- */

/* item details (margines set from javascript) */ .timelineLight .item_open { height:380px; background:url('../images/timeline/light/background.jpg') repeat; position:relative; color:#545454; z-index:2; -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.4); box-shadow: 0px 0px 6px rgba(0,0,0,0.4); width:490px;

}

/* item details content wrapper (used for animation - shuld have same width as .item_open) */ .timelineLight .item_open_cwrapper { width:490px; }

/* ----- content - non-plugin elements ----- */ .timelineLight .timeline_open_content { padding:20px; }

.timelineLight .item_open h2 { margin-top:10px; padding-top:0; font-size:28px; } .timelineLight .item_open .t_close { position:absolute; top:10px; right:10px; padding:2px 8px 2px 10px; font-family: 'BebasNeueRegular'; font-size:20px; color:#ffffff; background: rgba(0,0,0,0.25); cursor:pointer; } .timelineLight .item_open .t_close:hover { background:rgb(26,134,172); } /* ----------------------------------------- */

/* left/right controles */ .timelineLight .t_controles { margin:10px auto; text-align:center; } .timelineLight .t_left, .timelineLight .t_right { display:inline-block; height:50px; width:29px; margin:10px; cursor:pointer; } .timelineLight .t_left, .timelineLight .t_left:hover:active { background: url('../images/timeline/light/big-arrow.png') no-repeat left top; } .timelineLight .t_left:hover { background: url('../images/timeline/light/big-arrow.png') no-repeat left bottom; }

.timelineLight .t_right, .timelineLight .t_right:hover:active{ background: url('../images/timeline/light/big-arrow.png') no-repeat right top; }

.timelineLight .t_right:hover { background: url('../images/timeline/light/big-arrow.png') no-repeat right bottom; }

/* -----------------------------------------------------------------------*/ /* ------------------------------ RESPONSIVE -----------------------------*/ /* -----------------------------------------------------------------------*/


/* --- 768px --- */ @media screen and (max-width:980px) {

.timelineLight .timeline_line { width:680px; }

.timelineLight .t_line_view { width:680px; }

.timelineLight .t_line_m { width: 338px; } .timelineLight .t_line_m.right { left: 339px; width: 339px; } }


/* --- 610px --- */ @media screen and (max-width:767px) {

.timelineLight .timeline_line { width:530px; }

.timelineLight .t_line_view { width:1060px; }

.timelineLight .t_line_m { width: 528px; } .timelineLight .t_line_m.right { left: 530px; width: 528px; } .timelineLight .t_line_year { opacity:0; filter:alpha(opacity=0) } .timelineLight .t_line_month_year { display:inline; }

.timelineLight .t_line_node span {

} .timelineLight .t_node_desc { font-size:8px; } .timelineLight .t_node_desc.pos_right { right:auto; left:0; } }


/* --- 300px --- */ @media screen and (max-width:609px) { .timelineLight .timeline_line { width:240px; }

.timelineLight .t_line_view { width:480px; }

.timelineLight .t_line_m { width: 238px; } .timelineLight .t_line_m.right { left: 240px; width: 238px; }

.timelineLight .item_open { width:280px; height:390px; } .timelineLight .item_open_cwrapper { width:280px; } }



LIGHTBOX

/* line 6, ../sass/lightbox.sass */

  1. lightboxOverlay {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 9999;
 background-color: black;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
 opacity: 0.85;
 display: none;

}

/* line 15, ../sass/lightbox.sass */

  1. lightbox {
 position: absolute;
 left: 0;
 width: 100%;
 z-index: 10000;
 text-align: center;
 line-height: 0;
 font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
 font-weight: normal;

} /* line 24, ../sass/lightbox.sass */

  1. lightbox img {
 width: auto;
 height: auto;

} /* line 27, ../sass/lightbox.sass */

  1. lightbox a img {
 border: none;

}

/* line 30, ../sass/lightbox.sass */ .lb-outerContainer { 

 position: relative;
 background-color: white;
 *zoom: 1;
 width: 250px;
 height: 250px;
 margin: 0 auto;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 -o-border-radius: 4px;
 border-radius: 4px;

} /* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .lb-outerContainer:after { 

 content: "";
 display: table;
 clear: both;

}

/* line 39, ../sass/lightbox.sass */ .lb-container { 

 padding: 10px;

}

/* line 42, ../sass/lightbox.sass */ .lb-loader { 

 position: absolute;
 top: 40%;
 left: 0%;
 height: 25%;
 width: 100%;
 text-align: center;
 line-height: 0;

}

/* line 51, ../sass/lightbox.sass */ .lb-nav { 

 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 10;

}

/* line 59, ../sass/lightbox.sass */ .lb-container > .nav { 

 left: 0;

}

/* line 62, ../sass/lightbox.sass */ .lb-nav a { 

 outline: none;

}

/* line 65, ../sass/lightbox.sass */ .lb-prev, .lb-next { 

 width: 49%;
 height: 100%;
 background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
 /* Trick IE into showing hover */
 display: block;

}

/* line 72, ../sass/lightbox.sass */ .lb-prev { 

 left: 0;
 float: left;

}

/* line 76, ../sass/lightbox.sass */ .lb-next { 

 right: 0;
 float: right;

}

/* line 81, ../sass/lightbox.sass */ .lb-prev:hover { 

 background: url(../images/lightbox/prev.png) left 48% no-repeat;

}

/* line 85, ../sass/lightbox.sass */ .lb-next:hover { 

 background: url(../images/lightbox/next.png) right 48% no-repeat;

}

/* line 88, ../sass/lightbox.sass */ .lb-dataContainer { 

 margin: 0 auto;
 padding-top: 5px;
 *zoom: 1;
 width: 100%;
 -moz-border-radius-bottomleft: 4px;
 -webkit-border-bottom-left-radius: 4px;
 -ms-border-bottom-left-radius: 4px;
 -o-border-bottom-left-radius: 4px;
 border-bottom-left-radius: 4px;
 -moz-border-radius-bottomright: 4px;
 -webkit-border-bottom-right-radius: 4px;
 -ms-border-bottom-right-radius: 4px;
 -o-border-bottom-right-radius: 4px;
 border-bottom-right-radius: 4px;

} /* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .lb-dataContainer:after { 

 content: "";
 display: table;
 clear: both;

}

/* line 95, ../sass/lightbox.sass */ .lb-data { 

 padding: 0 10px;
 color: #bbbbbb;

} /* line 98, ../sass/lightbox.sass */ .lb-data .lb-details { 

 width: 85%;
 float: left;
 text-align: left;
 line-height: 1.1em;

} /* line 103, ../sass/lightbox.sass */ .lb-data .lb-caption { 

 font-size: 13px;
 font-weight: bold;
 line-height: 1em;

} /* line 107, ../sass/lightbox.sass */ .lb-data .lb-number { 

 display: block;
 clear: left;
 padding-bottom: 1em;
 font-size: 11px;

} /* line 112, ../sass/lightbox.sass */ .lb-data .lb-close { 

 width: 35px;
 float: right;
 padding-bottom: 0.7em;
 outline: none;

} /* line 117, ../sass/lightbox.sass */ .lb-data .lb-close:hover { 

 cursor: pointer;

}


MENU

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


div.menu{ width:960px; margin:0 auto; }

div.info { border-bottom:1px solid #CCCCCC; float:left; margin:0; padding:0; width:100px; }

ul.blockeasing { float:right; list-style:none; padding:0; margin:0; }

.blockeasing-header { display:none; }

ul.blockeasing li{ background:url('../images/background-gray.png') repeat; border:0px solid #000000; float:left; text-align:center; position:relative; } ul.blockeasing li span.menu_hover { display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:#1F85AA; z-index:0; } ul.blockeasing li.current { background-color:#1F85AA; background-image:none !important; } ul.blockeasing li a{ font-family:'BebasNeueRegular'; font-weight: normal; font-size:18px; color:#FFF; text-shadow:0 1px 1px #000000; padding:31px 20px 31px; display:block; position:relative; z-index:2; height:18px; }


ul.blockeasing li ul{ margin:0; padding:0; list-style:none; position:absolute; top:80px; left:0; display:none; box-shadow: 0px 0px 32px #333333; -moz-box-shadow: 0px 0px 35px #333333; -webkit-box-shadow: 0px 0px 35px #333333; z-index:1000; }

ul.blockeasing li li{ border:none; border-bottom:1px solid #151515; float:none; text-align:left; } ul.blockeasing li li a { padding:5px 5px 11px 20px; width:150px; }

ul.blockeasing li li ul { top:0; left: 175px; }

SLIDER

@charset "utf-8";

  1. scroller {

position:relative; overflow:hidden; height:348px; 

   width: 100%;

margin:0; }

  1. scroller .items {

position:absolute; overflow:hidden; left:50%; margin-left:-2000px; width: 4000px; }

  1. scroller .items .item {

display: block; text-align:center; width:100%;

}


STIMENU

/*Sliding Text and Icon Menu Style*/ .sti-menu{ width:968px; position:relative; margin:0 auto; padding-left:35px; list-style:none; } .sti-menu li{ float:left; width:242px; height:330px; } .sti-menu li a{ display:block; overflow:hidden; text-align:center; height:100%; width:100%; position:relative;

} .sti-menu li a h2{ color:#fff; font-family:'BebasNeueRegular'; font-weight: normal; font-size:22px;; text-transform:uppercase; position:absolute; padding:10px; width:190px; top:215px; left:0px; text-shadow: 0px 1px 1px black; } .sti-menu li a h3{ font-family: "PT Sans", sans-serif; font-size:15px; font-style:italic; color: #ebebeb; position:absolute; top:248px; left:0px; width:190px; padding:10px; } .sti-icon{ width:178px; height:178px; position:absolute; background-position:top left; background-repeat:no-repeat; background-color:transparent; left:35px; top:35px; } .sti-icon-one{ background-image:url(../images/icons/button1.png); } .sti-icon-two{ background-image:url(../images/icons/button2a.png); } .sti-icon-three{ background-image:url(../images/icons/button3a.png); } .sti-icon-four{ background-image:url(../images/icons/button4.png); }

RESPONSIVE


/* -------------------------------------------------------------- */ /* --- REPSONSE 768px -------------------------------------------- */ /* -------------------------------------------------------------- */ @media screen and (max-width:980px) { #content {width:748px;} .res768hide {display:none !important; }

.sti-menu { padding-left:16px; width:780px;} .sti-menu li {width: 195px; height:300px;} .sti-icon { width: 155px; height:155px; left:30px;} .sti-menu li a h2 {width:155px; top:185px;} .sti-menu li a h3 {width:155px; top:215px;}

.sti-icon-one{background-image:url(../images/icons/960/button1.png);} .sti-icon-two{background-image:url(../images/icons/960/button2a.png);} .sti-icon-three{background-image:url(../images/icons/960/button3a.png);} .sti-icon-four{background-image:url(../images/icons/960/button4.png);}


/* ------------------- COLUMNS -------------------- */


.column {margin-right:20px;} .column-1-2 {width:364px;} .column-1-2 img {max-width:364px;} .column-1-3 {width:236px;} .column-1-3 img {max-width:236px;} .column-2-3 {width:492px;} .column-2-3 img {max-width:492px;} .column-1-4 {width:172px;} .column-1-4 img {max-width:172px;} .column-3-4 {width:556px;} .column-3-4 img {max-width:556px;}


.column36 {margin-right:32px;} .column-1-2.column36 {width:358px;} .column-1-2.column36 img {max-width:358px;} .column-1-3.column36 {width:228px;} .column-1-3.column36 img {max-width:228px;} .column-2-3.column36 {width:488px;} .column-2-3.column36 img {max-width:488px;} .column-1-4.column36 {width:163px;} .column-1-4.column36 img {max-width:163px;} .column-3-4.column36 {width:553px;} .column-3-4.column36 img {max-width:553px;}


.column48 {margin-right:44px;} .column-1-2.column48 {width:352px;} .column-1-2.column48 img {max-width:352px;} .column-1-3.column48 {width:220px;} .column-1-3.column48 img {max-width:220px;} .column-2-3.column48 {width:484px;} .column-2-3.column48 img {max-width:484px;} .column-1-4.column48 {width:154px;} .column-1-4.column48 img {max-width:154px;} .column-3-4.column48 {width:550px;} .column-3-4.column48 img {max-width:550px;}


.column60 {margin-right:56px;} .column-1-2.column60 {width:346px;} .column-1-2.column60 img {max-width:346px;} .column-1-3.column60 {width:212px;} .column-1-3.column60 img {max-width:212px;} .column-2-3.column60 {width:480px;} .column-2-3.column60 img {max-width:480px;} .column-1-4.column60 {width:145px;} .column-1-4.column60 img {max-width:145px;} .column-3-4.column60 {width:547px;} .column-3-4.column60 img {max-width:547px;}

.column .nivoSlider img, .column36 .nivoSlider img, .column48 .nivoSlider img, .column60 .nivoSlider img {max-width:none !important;}


/* -------------------- FOOTER -------------------- */


#footer-wrapper {width:748px;} .footer-column {width:220px; margin:0 22px 0 0; padding:0 21px 0 0;}

.footer-column .fadehover {width:54px; height:54px;} .footer-column .fadehover img {max-width:54px; max-height:54px;}

.footer-info-map {width:365px;} .footer-info-text {padding-left:18px; width:365px;} .footer-info-picks {margin:22px 0 0 -10px; width:100%;}


/* --------------------- MENU --------------------- */

div.menu{width:748px} ul.blockeasing li a {padding-left:13px; padding-right:13px;}


/* --------------------- BLOG --------------------- */

.blog_left, .border, .blog_left_content, ul.filterOptionsblog {width:461px;} .blog_content_inner {width:350px;} .nivo-directionNav, .theme-default .nivo-directionNav {display:block;}


.bott_post {width:129px; padding-left:18px; margin-left:18px;} .bott_post img {width:129px;}

.comment_cont {width:461px;} .comment_cont_reply1 {width:411px; margin-left:50px;} .comment_cont_reply2 {width:361px; margin-left:100px;} .comment_cont_reply3 {width:311px; margin-left:150px;}

#commentform input {width:130px;} #commentform textarea {width:287px;} .inner_copyright{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

/* ----------------- SERVICES --------------------- */

.services_container {width:748px;} ul.ourHolder {width: 1020px;overflow: hidden;} ul.ourHolder li.item {width:353px; margin-right:40px;} ul.ourHolder li.item img {max-width:353px;}


/* ------------------ CONTACT --------------------- */

.three_inf, .four_inf {width:100%; background:#767676; padding:0; height:44px; margin-bottom:10px;} .sub_inf {background:none; padding:0;} .sub_inf.border_right {border:0;} .sub_inf .contact_title {float:left; padding:10px; background:#2d2d2d; margin-right:10px; height:24px;} .sub_inf .contact_title h3 {margin:0;} .sub_inf ul {padding:5px;} .sub_inf li.sub_inf_city {float:none; font-weight:bold;} .sub_inf li { float:left; margin-right:10px;} .arrow_inf {display:none;} .three_inf .num_inf, .four_inf .num_inf {float:right; padding:5px !important; color:#fff;}


#contactform input {width:468px;} #contactform textarea {height:250px; width:468px;} .contact_text{width:220px; margin-left:21px; padding-left:22px;}

/* ------------------ GALLERY --------------------- */ ul.ourHolderGallery {width:756px;} ul.ourHolderGallery .item img, ul.ourHolderGallery .image_roll_info, ul.ourHolderGallery .image_roll_glass, ul.ourHolderGallery .image_roll_zoom {max-width:748px;}


/* ------------------ OUR TEAM --------------------- */ .team {width:746px; height:200px;} .team_content {width:536px;} .team h2 {padding:0 20px;} .team_contact{display:block;width:495px;padding:0px 20px;} .team_about {width:495px; padding:10px 20px 0px 20px;} .img_team {margin:45px 15px 38px 15px;} .team.team1-2 {width:368px;}

.team_content1-2{float:left; width:231px;} .team_content1-2 .team_contact{width:191px;padding:0 20px;} .team_content1-2.team_content1-2b {width:160px;} .team_content1-2.team_content1-2b .team_contact{width:120px;}

.team.team1-3{float:left; width:213px;} .team.team1-3 .img_team {margin:20px 53px;}

.team.team1-4 {width:151px;} .team.team1-4 .img_team {margin:15px 22px;} .team_content1-4 {height:150px;} .team1-4 .social_icon {width:120px; margin:15px;} .team1-4 .social_icon .fadehover {margin:2px;} .team1-4 h2 {margin-top:10px;} }



/* -------------------------------------------------------------- */ /* --- REPSONSE 440px ------------------------------------------- */ /* -------------------------------------------------------------- */ @media screen and (max-width:768px) { #content {width:420px;} .res440hide {display:none !important; }

.sti-menu { padding-left:16px; width:452px;} .sti-menu li {width: 226px; height:300px;}

.column, .column36, .column48, .column60 {margin-right:0px; !important; width:100% !important} .column img, .column36 img, .column48 img, .column60 img {max-width:100% !important} .column .nivoSlider img, .column36 .nivoSlider img, .column48 .nivoSlider img, .column60 .nivoSlider img {max-width:none !important;}


/* --------------------- MENU --------------------- */

.header_silverbackground{height:auto; padding-bottom:10px;} div.menu{width:420px} a.logo {float:none;display:block; margin:auto; text-align:center;}

.blockeasing-wrapp {position:relative; width:280px; margin: 10px auto; background:#fff url(../images/menu-arrow.png) no-repeat 255px 10px; cursor:pointer;} .blockeasing-header {display:block; margin:0; padding:4px 10px;} ul.blockeasing {width:280px; margin:0 0 0 -1px; float:none; overflow-x:hidden; overflow-y:visible; background:#fff; position:absolute; top:27px; left:0; z-index:999; border:1px solid #353535; border-bottom:0; display:none;} ul.blockeasing li {width:100%; border-bottom:1px solid #353535;} ul.blockeasing li ul {width:100%; position:static; display:block;border-left:5px solid #fff; box-shadow: 0px 0px 0 #333333; -moz-box-shadow: 0px 0px 0 #333333; -webkit-box-shadow: 0px 0px 0 #333333;} ul.blockeasing li li {display:block; position:static; border:0;} ul.blockeasing li li a, ul.blockeasing li a, ul.blockeasing li.current a {width:100%; padding:5px 10px; display:inline-block; background:#fff; text-align:left; color:#353535; text-shadow:none; font-size:14px;height:14px;}


/* -------------------- FOOTER -------------------- */

#footer-wrapper {width:420px} .footer-column {width:420px; margin:0 0 22px 0; padding:0 0 21px 0; border-bottom:1px #fff dashed; border-right:0;}

.footer-column .fadehover {width:54px; height:54px;} .footer-column .fadehover img {max-width:54px; max-height:54px;} .footer-column.last {margin-bottom:22px;} .footer-info-text {margin:22px 0 0 -20px; width:100%;} .footer-info-picks {margin:22px 0 0 -10px; width:100%;}

.footer-menu {text-align:center; margin-bottom:10px;} .footer-menu li {float:none; display:inline-block; padding:0 7px 0 7px;} .footer-copyright {text-align:center; float:none;}


/* --------------------- BLOG --------------------- */


.blog_left {border:0; padding:0; width:420px;} .border{width:420px;} .blog_right {display:none;}

.blog_left .blog_content_info {width:79px;}

.blog_left_content {width:420px;} .blog_content_inner {width:330px;} ul.filterOptionsblog {width:420px;} .social_icon_blog .fadehover {width:45px; height:45px;} .social_icon_blog .fadehover img {max-width:45px; max-height:45px;}


.bott_post {width:115px; padding-left:18px; margin-left:18px;} .bott_post img {width:115px;}

.comment_cont {width:420px;} .comment_cont_reply1 {width:385px; margin-left:35px;} .comment_cont_reply2 {width:350px; margin-left:70px;} .comment_cont_reply3 {width:315px; margin-left:105px;}

#commentform input {width:130px;} #commentform textarea {width:246px;}


/* ----------------- SERVICES --------------------- */


.services_container {width:420px;} ul.ourHolder {width: 460px;overflow: hidden;} ul.ourHolder li.item {width:420px; margin-right:40px;} ul.ourHolder li.item img {max-width:420px;}



/* ------------------ CONTACT --------------------- */

.three_inf, .four_inf {height:64px;} .sub_inf .contact_title {padding:20px 10px;} .sub_inf li { float:none;}


#contactform input {width:404px;} #contactform textarea {height:138px; width:404px;} .contact_text{width:100%; margin-left:0; padding-left:0; border:0;}

/* ------------------ GALLERY --------------------- */ ul.ourHolderGallery {width:428px;} ul.ourHolderGallery .item img, ul.ourHolderGallery .image_roll_info, ul.ourHolderGallery .image_roll_glass, ul.ourHolderGallery .image_roll_zoom {max-width:420px;}


/* ------------------ OUR TEAM --------------------- */ .team, .team.team1-2, .team.team1-3, .team.team1-4 {width:420px; height:180px;padding:10px 0; margin:0 0 10px 0;} .team_about {display:none;} .team.team1-3 .team_content1-3, .team.team1-4 .team_content1-4, .team_content {float:left; width:212px; text-align:left;} .team1-3 .team_content1-3 .team_contact, .team1-4 .team_content1-4 .team_contact {text-align:left; padding:0 20px;} .team1-3 .social_icon, .team1-4 .social_icon {float:left; width:70px; clear:none; margin:0;} .team1-3 .social_icon .fadehover, .team1-4 .social_icon .fadehover {margin:0;}

.team_contact{display:block; width:210px; padding:0px 20px;} .team.team1-3 .img_team, .team.team1-4 .img_team, .img_team {margin:45px 15px 38px 15px;}

.team_border2{border-left:#fff 1px dashed; border-bottom:0; width:0px;height:100%;float:left;}

.team_content1-2{width:282px; float:left;} .team_content1-2 .team_contact{width:241px;} .team_content1-2.team_content1-2b {width:212px;} .team_content1-2.team_content1-2b .team_contact{width:171px;}

}

/* -------------------------------------------------------------- */ /* --- REPSONSE 300px ------------------------------------------- */ /* -------------------------------------------------------------- */

@media screen and (max-width:440px) { #content {width:280px;} .res300hide {display:none !important; }

.middle_silver_background {height: 50px;} .sti-menu { display:none;}


/* -------------------- FOOTER -------------------- */


#footer-wrapper {width:280px} .footer-column {width:280px;}

.footer-info-map {max-width:280px;} .footer-column .fadehover {width:70px; height:70px;} .footer-column .fadehover img {max-width:70px; max-height:70px;}


/* --------------------- MENU --------------------- */

div.menu{width:280px}


/* --------------------- BLOG --------------------- */

.blog_left {width:280px;} .border {width:280px;}

.blog_left .blog_content_info {width:280px; float:none; border-bottom:1px #353535 dashed; padding-bottom:5px; margin-bottom:10px;} .blog_left .blog_content_info a.comment_number {float:left; margin:10px;} .blog_left .blog_content_date {float:left;}

.blog_left .blog_content_author, .blog_left .blog_content_category {padding-right:0;} .blog_content_quote {display:none;}

.blog_left_content {width:280px;} .blog_content_inner {width:280px;} ul.filterOptionsblog {width:280px;} .social_icon_blog .fadehover {width:40px; height:40px;} .social_icon_blog .fadehover img {max-width:40px; max-height:40px;}


.bott_post {width:280px; padding-left:0; margin-left:0; margin-bottom:20px; border-left:0;} .bott_post img {width:195px;}

.comment_cont {width:280px;} .comment_cont_reply1 {width:260px; margin-left:20px;} .comment_cont_reply2 {width:240px; margin-left:40px;} .comment_cont_reply3 {width:220px; margin-left:60px;}

#commentform input {width:264px;} #commentform .padd-left {padding-left:0;} #commentform textarea {width:272px;}


/* ----------------- SERVICES --------------------- */

.services_container {width:280px;} ul.ourHolder {width: 340px;overflow: hidden;} ul.ourHolder li.item {width:280px; margin-right:40px;} ul.ourHolder li.item img {max-width:280px;}


/* ------------------ CONTACT --------------------- */

.arrow_inf{display:block;}

.three_inf, .four_inf{width:100%; background:none; height:auto;} .three_inf ul,.four_inf ul {margin: 0 auto; padding:5px 0;}

.sub_inf{position:relative; background:url('../images/background-gray.png'); color:#fff; padding:10px 20px; } .three_inf ul.num_inf, .four_inf ul.num_inf{float:none; padding:10px 20px 20px 20px !important; color:#353535;}


.sub_inf .contact_title {float:none; padding:0; background:none; margin:0; height:24px;} .contact_title h3{margin:5px 0 10px; padding:0; color:#fff;} .four_inf.last {width:195px;}


#contactform input {width:264px;} #contactform textarea {width:264px;}

/* ------------------ GALLERY --------------------- */ ul.ourHolderGallery {width:288px;} ul.ourHolderGallery .item img, ul.ourHolderGallery .image_roll_info, ul.ourHolderGallery .image_roll_glass, ul.ourHolderGallery .image_roll_zoom {max-width:280px;}


/* ------------------ OUR TEAM --------------------- */ .team, .team.team1-2, .team.team1-3, .team.team1-4 {width:260px; height:auto;padding:0 10px; margin:0 0 10px 0;} .team h2 {margin-top:0;} .team .team_content, .team.team1-2 .team_content1-2, .team.team1-2 .team_content1-2.team_content1-2b, .team.team1-3 .team_content1-3, .team.team1-4 .team_content1-4 {width:260px; text-align:center; padding:20px 0 30px; height:auto; float:none;} .team .team_content .team_contact, .team1-2 .team_content1-2 .team_contact, .team1-2 .team_content1-2.team_content1-2b .team_contact, .team1-3 .team_content1-3 .team_contact, .team1-4 .team_content1-4 .team_contact {text-align:center; padding:0 20px; width:220px; float:none;} .team .social_icon, .team1-2 .social_icon, .team1-3 .social_icon, .team1-4 .social_icon {text-align:center; width:260px; clear:both; margin:15px 0; float:none;} .team .social_icon .fadehover, .team1-2 .social_icon .fadehover, .team1-3 .social_icon .fadehover, .team1-4 .social_icon .fadehover {margin:0; float:none; display:inline-block;}

.team_contact{display:block; width:210px; padding:0px 20px;} .team .img_team, .team.team1-2 .img_team, .team.team1-3 .img_team, .team.team1-4 .img_team, .img_team {margin:20px 77px 20px 77px; float:none;}


.team_border, .team_border2 {border-bottom:#fff 1px dashed;width:100%;height:0px;float:none;}

.team_content1-2{width:282px; float:left;} .team_content1-2 .team_contact{width:241px;} .team_content1-2.team_content1-2b {width:212px;} .team_content1-2.team_content1-2b .team_contact{width:171px;}

}


WIDGETS


.blog_right { font-size:14px; line-height:14px; }


.blog_right h5{ text-transform:uppercase; font-family:'BebasNeueRegular'; font-weight: normal; font-size:19px; height: 24px; padding: 2px 14px; background:url('../images/background-gray.png') repeat; color: #fff; line-height: 24px; margin: 0 0 15px 0; }

.blog_right ul{ list-style:none; padding:0; margin:0; }

.blog_right ul.widget, .blog_right .widget { padding:0 0 30px 0; margin-bottom:30px; border-bottom:1px dashed #494949; } .blog_right ul.widget.last, .blog_right .widget.last { border:0; } .blog_right ul.widget_recent_posts { padding:15px 0 0 0; }

/* --- widget tabs/recent post/coments --- */

.tabs ul.widgetTabs li { float:left; margin:0; padding:0; } .tabs ul.widgetTabs li.last { float:right; } .tabs ul.widgetTabs li a{ text-transform:uppercase; font-size:17px; height: 24px; padding: 2px 16px; margin:0 2px 0 0; background:url('../images/background-gray.png') repeat; color: #fff; line-height: 23px; display: block; font-family:'BebasNeueRegular'; font-weight: normal; border:0; } .tabs ul.widgetTabs li.last a { margin-right:0px; margin-left:0px; padding: 2px 16px 2px 15px; } .tabs ul.widgetTabs li a:hover, .tabs ul.widgetTabs li a.active { background:#1886a9; color:#fff; } .widget-tabs-inside { padding:0; border:0; background:none; } .widget-tabs-inside ul { margin:0; }

.widget_recent_posts li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #494949; }

.widget_recent_posts li.last { border-bottom:0; margin-bottom:0; padding-bottom:0; }

.widget-tabs-inside .post_name { display:block; padding:3px 5px; margin-bottom:5px; color:#353535; border-left:5px solid #1a86ac; } .widget-tabs-inside span { color:#353535; line-height:20px; }

/* --- widget pages --- */

.widget .page_item a, .widget .cat_item a{ display:block; text-transform:uppercase; font-size:17px; height: 24px; padding: 2px 14px; margin-bottom:2px; border-left:5px solid #1a86ac; background:url('../images/background-gray.png') repeat; color: #fff; line-height: 24px; font-family:'BebasNeueRegular'; font-weight:100; }


/* --- widget search --- */

.widget_search span { display:block; padding:5px; background:url('../images/background-gray.png') repeat; } .widget_search input { display:block; float:left; background:#fff url('../images/background.png') repeat; border:0; padding:3px; height:18px; width:191px;

} .widget_search input.submit_butt { width:29px; height:24px; margin-left:4px; background:url('../images/blog/search.png') no-repeat center center; cursor:pointer; }

/* --- widget search --- */

  1. calendar_wrap {

background:url('../images/background-gray.png') repeat; }

table.calendar { color:#fff; font-family:'BebasNeueRegular'; font-weight:100; } table.calendar caption { font-size: 17px; background:#1a86ac; padding:5px 0px; width:240px;

} table.calendar th { font-weight:100; padding:7px 10px 7px 9px; } table.calendar td { padding:7px 10px 7px 9px; position:relative; text-align:center; } table.calendar td#today { background:#1a86ac; } table.calendar td#today a { color:#fff; }

table.calendar .prev { display:block; height:16px; width:16px; margin-left:3px; background:url(../images/arrowb.png) no-repeat left center; } table.calendar .next { display:block; height:16px; width:16px; margin-right:5px; background:url(../images/arrow.png) no-repeat right center; }

/* --- widget contact --- */

.widget_contact_form .contact_name, .widget_contact_form .contact_email, .widget_contact_form .contact_contact { display:block; padding:5px; margin-bottom:5px; background:url('../images/background-gray.png') repeat; } .widget_contact_form input { display:block; float:left; background:#fff url('../images/background.png') repeat; border:0; padding:3px; margin:0; height:18px; width:191px;

} .contact-icon-name, .contact-icon-email { display:block; float:left; width:29px; height:24px; margin-left:4px; background:url('../images/blog/contact-name.png') no-repeat center center; } .contact-icon-email { background:url('../images/blog/contact-mail.png') no-repeat center center; }

.widget_contact_form textarea { display:block; resize:vertical; width:224px; padding:3px; background:#fff url('../images/background.png') repeat; border:0; } .blog_right .con_button { line-height:20px; }

STYLE_ie


.timelineLight .item .read_more, .timelineLight .item_open .t_close, .timeline .item_open .t_close {

/* transparent background */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#44000000', endColorstr='#44000000'); }

.timelineLight .t_node_desc, .timeline .t_node_desc 

{

/* IE transparent background */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cc1a86ac', endColorstr='#cc1a86ac'); }

.timelineLight .item {

/* Shadow */ zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(Color=#888888, Strength=2, Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#888888, Strength=0, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#888888, Strength=2, Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#888888, Strength=5, Direction=270); }

.timelineLight .item .image_rollover_bottom { margin-left:5px; width:100%; }

.timelineLight .item_open {

/* Shadow */ zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(Color=#888888, Strength=5, Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#888888, Strength=5, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#888888, Strength=5, Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#888888, Strength=5, Direction=270); }


default-css

/* Skin Name: Nivo Slider Default Theme Skin URI: http://nivo.dev7studios.com Skin Type: flexible Description: The default skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com

  • /

.theme-default { }

.theme-default .nivoSlider { position:relative; background:#fff url(loading.gif) no-repeat 50% 50%; } .theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-default .nivoSlider a { border:0; display:block; }

.theme-default .nivo-controlNav { position:absolute; left:50%; bottom:-42px; 

   margin-left:-40px; /* Tweak this to center bullets */

} .theme-default .nivo-controlNav a { display:block;

background:url() no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; } .theme-default .nivo-controlNav a.active { background-position:0 -22px; }

.theme-default .nivoSlider:hover .nivo-directionNav { display:block; } .theme-default .nivo-directionNav { display:none; }


.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(arrows.png) no-repeat; text-indent:-9999px; border:0; top:45%; }

.theme-default .nivo-directionNav a:hover { background:url(arrows.png) no-repeat -30px 0; }

.theme-default .nivo-directionNav a.nivo-nextNav { background:url(arrows.png) no-repeat -30px 0; right:15px; } .theme-default .nivo-directionNav a.nivo-prevNav { left:15px; background:url(arrows.png) no-repeat 0 0; }

.theme-default .nivo-caption { 

   font-family: 'Oswald', sans-serif;
   font-weight: 300;

} .theme-default .nivo-caption a { 

   color:#fff;
   border-bottom:1px dotted #fff;

} .theme-default .nivo-caption a:hover { 

   color:#fff;

}


nivo-slider

/* 

* jQuery Nivo Slider v2.7.1
* http://nivo.dev7studios.com
*
* Copyright 2011, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 
* March 2010
*/

/* The Nivo Slider styles */ .nivoSlider { position:relative; width:100%; height:auto; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }

/* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { 

   display:none;

} /* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a { position:absolute; top:-35px; display:block; width:23px; height:23px; background:#1a86ac no-repeat center center; z-index:9; cursor:pointer; }

.nivo-directionNav a:hover { background-color:#353535; }

.nivo-directionNav a.nivo-prevNav { right:25px; background-image: url(../../images/arrowb.png); } .nivo-directionNav a.nivo-nextNav { right:0px; background-image: url(../../images/arrow.png); } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; }