@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:600);

@import url('font/font.css');

/* Left & Right alignment */

.left {

	float:left;

}

.right {

	float:right;

}

.wrapper {

	width:100%;

	overflow:hidden;

	position:relative;

}

.last{

	background:none !important;

}

/* Global properties ======================================================== */

body, html, #extra{

	height:100%;

	min-width:960px;

	min-height:950px;

}

body {

	overflow:hidden;

	border:0;

	font:10px/21px Arial, sans-serif;

	color:#676666;

	text-transform:uppercase;

}

/* Global Structure ============================================================= */

#extra{

	margin-bottom:-950px;

}

.main{

	overflow:hidden;

	height:950px;

}

.page_spinner {

	position:fixed;

	background: url(../images/main_spinner.gif) 50% 50% no-repeat #1f1f1f;

	z-index:99;

	width:100%;

	height:100%;

	top:0;

	left:0

}

.gall_spinner {

	position:fixed;

	width:40px;

	height:40px;

	top:19px;

	right:19px;

	background:url(../images/gallLoader.gif) 0 0 no-repeat;

	z-index:20;

}

/* ============================= main layout ====================== */

a {

	color:#9a9c9d;

	text-decoration: underline;

	outline:none;

}

a:hover {

	color:#717171;

}

h1 {

	padding:0;

}

h2 {

	font:30px/30px 'Josefin Sans', sans-serif;

	color:#fff;

	font-weight:600;

	padding-bottom:27px;

}

h3 {

	color:#fff;

}

p { 

	padding-bottom:21px;

        font: 12px/14px 'Century', sans-serif;

}



ul li {

        font: 12px/14px 'Century', sans-serif;

}



.bold {

    font-weight: bold;

}



.grey {

    color: #6dc1de;

}



/* ============================= header ====================== */

header{

	margin:0 auto;

	height:264px;

        position: relative;

}



header h1 {

    	width:940px;

	margin:0 auto;

}



#logo {

	position:relative;

	display:block;

        left: -80px;

	text-indent: 100%;

	white-space: nowrap;

	overflow: hidden;

	width:216px;

	height:217px;

	background:url(../images/logo.png) 0 0 no-repeat;

}

/* ============================= menu ====================== */

.menu{

	display:block;

	width:100%;

	height:47px;

	border-bottom:1px solid #fff;

        background:url(../images/menu_plane.png) 0 0 repeat-x;

}

#menu{

	display:block;

	width:940px;

	margin:0 auto;

	text-align:center;

        background:url(../images/menu_shadow.png) 0 50% no-repeat;

}

#menu > li {

	position:relative;

	display:inline-block;

	padding:13px 28px 13px 20px;

	background:url(../images/menu_separator.png) 100% 22px no-repeat;

}

#menu > li a{

	display:block;

	padding:4px 0;

	font:14px/14px 'Josefin Sans', sans-serif;

	color:#888787;

	letter-spacing:8px;

	text-decoration:none;

	font-weight:600;

	text-shadow: 1px 1px 0px #141414;

}

#menu .submenu {

	position:absolute;

	display:block;

	bottom:-98px;

	left:-3px;

	width:95px;

	padding: 17px 0 21px 40px;

	text-align:left;

	background:url(../images/submenu_bg.png) 0 0 repeat;

	z-index: 5;

}

#menu .submenu li{

	position:relative;

	display:block;

	padding: 4px 0;

}

#menu .submenu a {

	letter-spacing:0px;

}

#menu .submenu li > a:hover {

	color:#fff;

}

/* ============================= bg_gallery ====================== */

#bgStretch > span{

	position:absolute;

	width:100%;

	height:100%;

	top:0;

	left:0;

	background:url(../images/bg_pic_cover.png) 0 0 repeat;

}

#bgStretch img{

	background-color:#ffflogo;

}

#next_pic{

	position:fixed;

	right:0;

	width:102px;

	height:98px;

	background:url(../images/next_pic.png) 0 0 no-repeat;

	z-index:4;

}

#gallery{

	position:absolute;

	overflow:hidden;

	bottom: 162px;

        height: 50px;

	left:0;

	width:100%;

	z-index:1;

}

#gallery > a{

	position:absolute;

	bottom:0;

	width:100%;

	height:50px;

	z-index:2;

        left: 0;

        cursor: default;

}

#gallery > a p {

        display:block;

	width:940px;

	height:50px;

        margin: 0 auto;

        padding: 0 ;

        float: none;

}



#gallery > a p span{

    display:block;

	height:50px;

        width: 50px;

	background:url(../images/gall_icon.png) 0 0 no-repeat;

}

#gallery ul{

	overflow:hidden;

	position:relative;

	top:459px;

	background:url(../images/gallery_bg.png) 0 0 repeat;

}

#gallery li{

	padding:15px 0;

	overflow:hidden;

	float:left;

}

#gallery li > a{

	display:block;

	position:relative;

	width:100%;

	height:100%;

}

#gallery li span{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	background:url(../images/thumb_cover.png) 0 0 repeat;

}

/* ============================= content ====================== */

#content{

	position:relative;

	z-index:2;

}



#content h2 {

    line-height: 43px;

}



#content p {

        color: #fff;

        font-size: 12px;

        text-transform: none;

}



#content p > a{

        color: #969898;

        text-decoration: none;

}



#content > ul {

	overflow:hidden;

	position:relative;

	width:100%;

	height:521px;

}

#content > ul > li {

	overflow:hidden;

        position:absolute;

	width:100%;

	height:100%;

	background:url(../images/page_plane.png) 0 0 repeat;

}

#content > ul > li > div{

	position:relative;

	overflow:hidden;

	margin:0 auto;

	padding-top:51px;

	width:940px;

	height:460px;

}

#menu .submenu a, footer a, .more, .list1 li a, .mailLink{

	-webkit-transition:color 0.3s ease;

	-moz-transition:color 0.3s ease;

	-o-transition:color 0.3s ease;

	transition:color 0.3s ease;

}

.more{

	display:inline-block;

	color:#fff;

	text-decoration:underline;

}

.more:hover{

	color:#676666;

}

.imgPad{





}

.google_map{

    margin-top:-3px;

    width: 340px;

    height: 214px;

    background: #fff;

}

.address {

        font-size: 10px;

	padding-top:17px;

	width:160px;

        float: left;

}

.address > span{

	display:block;

	width:155px;

}

.mailLink{

	color:#fff;

	text-decoration:none;

}

.mailLink:hover{

	color:#676666;

}

/* ============================= lists ======================= */

.list1 li{

	width:380px;

	padding-bottom:5px;

}

.list1 li a{

	display:inline-block;

	padding-bottom:2px;

	text-decoration:none;

	font-size:14px;

	color:#fff;

}

.list1 li a:hover{

	color:#676666;

}

.list2{

	margin-top:-3px;

        width: 920px;

}

        

.list2 li{

	margin:15px 15px 15px 15px;

	overflow:hidden;

	position:relative;

	display:block;

	float:left;

	padding:20px 20px 0;

	width:235px;

	height:309px;

	background:url(../images/item_bg.jpg) 0 0 no-repeat;

	z-index:1;

}

.list2 li a{

	text-decoration:none;

}

.list2 li h3{

	padding:15px 0 2px;

	font-size:14px;

	font-weight:normal;

}

.list2 li p{

	color:#676666;

}

.list2 li span{

	position:absolute;

	top:0;

	left:0;

	width:275px;

	height:329px;

	background:url(../images/item_bg_hover.jpg) 0 0 no-repeat;

	z-index:-1;

}

/* ============================= scroll ====================== */

.scroll {

	height:310px;

        text-transform: none;

}

.scroll2 {

	height:355px;

        display: inline-block;

        background: url(../images/dots.png) 0 0;

}

.shuttle {

	width:7px;

	height:34px;

	background:url(../images/shuttle.jpg) 0 0 no-repeat;

}

.track{

	position:absolute;

	top:50px;

	left:932px;

	width:7px;

	height:384px;

	background:url(../images/track.jpg) 0 0 no-repeat;

}



.scroll p {

        color: #fff;

}



.scroll ul {

        margin: 0 0 18px 13px;

}



    .scroll ul li {

        line-height: 15px;

        font-size: 12px;

        color: #fff;

    }



.img_container {

    display: inline-block;

   

}

    

/* ============================= footer ====================== */

footer{

	position:relative;

	height:165px;

	font-size:12px;

	color:#9d9d9d;

        background: url(../images/footer_plane.png) 0 0 repeat-x;

	z-index:5;

}

footer > div{

	overflow:hidden;

	width:940px;

	margin:0 auto;

}



footer  #bottomBlock {

        background: url(../images/footer_shadow.png) 0 0 no-repeat;

}



footer  #bottomBlock > div{

	display:block;

	float:right;

	padding-top:55px;

        padding-right: 60px;

        position: relative;

        height: 140px;

}



footer #logo-footer-container {

        position: absolute;

        right: 0;

        bottom: 30px;

}

footer #logo-footer {

       position:relative;

	display:inline-block;

	text-indent: 100%;

	white-space: nowrap;

	overflow: hidden;

	width:42px;

	height:72px;

        margin-left: 40px;

	background:url(../images/logo_bottom.png) 0 0 no-repeat;

}



footer p {

    float: right;

    line-height: 28px;

    padding: 0;

}



footer span{

        color:#b8b7b3;

}



footer a{

	text-decoration:none;

	color:#bebdba;

}

footer a:hover{

	color:#9d9d9d;

}



footer h2{

        font-size: 16px;

        padding-left: 10px;

        padding-bottom: 3px;

}



#bottomBlock #services-container {

    float: left;

    display: inline-block;

    padding-top: 10px;

    margin-left: 135px;

    padding-right: 0;

    

}



ul#services {

       	float:left; 

}



ul#services li {

    float: left;

    padding-right: 10px;

}



.links{

        display: inline-block;

        width: 180px;

	padding-left:2px;

	float:left;

}

.links li{

	float:left;

        width: 100%;

	background:url(../images/menu_footer_line.png) 0 100% no-repeat;

}

.links li a{

	display:block;

	padding:0px 0px 0px 6px;

        font-size: 11px;

        line-height: 23px;

}



.links li:last-child {

    background: none;

}



.icons {

	padding-top:0px;

}

.icons li {

	display:inline-block;

}

#icon1, #icon2, #icon3, #icon4 {

	display:block;

	width:34px;

	height:34px;

}

#icon1 {

	background:url(../images/icon1.png) 0 0 no-repeat;

}

#icon2 {

	background:url(../images/icon2.png) 0 0 no-repeat;

}

#icon3 {

	background:url(../images/icon3.png) 0 0 no-repeat;

}

#icon4 {

	background:url(../images/icon4.png) 0 0 no-repeat;

}

/* ============================= forms ============================= */

#form1{

	margin-top:-4px;

}

#form1 input {

	margin:0;

	border:1px solid #454545;

	padding:12px 0 13px 15px;

	width:300px;

	box-shadow:none;

	background:url(../images/contacts_form_bg.png) 0 0 repeat;

}

#form1 textarea {

	resize: none;

	margin:0;

	border:1px solid #454545;

	padding:12px 0 5px 15px;

	width:300px;

	height:134px;

	overflow:auto;

	background:url(../images/contacts_form_bg.png) 0 0 repeat;

}

#form1 label {

	position:relative;

	display:inline-block;

	min-height:47px;

}

#form1 .error, #form1 .empty {

	position:relative;

	top: -3px;

	display:none;

	font-size:10px;

	color:#676666;

	text-transform:none;

}

.btns{

	float:right;

	padding-top:15px;

}

.btns a{

	margin-left:15px;

}

/* Form defaults */

input, select, textarea {

	font:10px/12px Arial, sans-serif;

	color:#676666;

	text-transform:uppercase;

}





/* ============================= site content ============================= */



.dots {

    margin-top: 0px;

    padding: 30px;

    float: left;

}



#page_team {

    

}



    #page_team .dots{

        padding: 30px;

        background:transparent url('../images/team_bg.png');

        float: left;

    }



    

    #page_team .col5{

        margin-left:20px;

    }

    

#page_services {



}



    #page_services h2 {

            line-height: 30px;

            padding-left: 25px;

            padding-top: 18px;

            padding-bottom: 12px;

            width: 895px;

            background:url(../images/dots.png) 0 0 repeat;

    }



    #page_services h3 {

            font-size: 14px;

            line-height: 21px;

    }



    #page_services p{

            text-transform:uppercase;

            font-size: 10px;

            color: #676666;

            line-height: 21px;

    }

    

    

    

#page_contacts {





}   



    #page_contacts p, #page_contacts span{

        color: #c2c0c0;

        font-size: 10px;

        line-height: 21px;

    }

    

    #page_contacts h2 span {

        font-size: 30px;

        line-height: 43px;

        color: #6dc1de;

    }

    

    #content #page_contacts a {

        color: #fff;

    }

    

    #page_contacts .view-details {

        float: right;

        padding-top: 17px;

    }

    

    #page_contacts .view-details a{

        display: block;

        text-decoration: none;

        font-size: 10px;

        line-height: 21px;

    }

    

    #page_contacts .line {

        height: 403px;

        margin-left: 20px;

    }

    

#page_mission {



}



    #page_mission .dots {

        margin-top:0;

        padding: 30px;

        background:transparent url('../images/about_bg.png');

        float: left;

    }

    

#page_photography .dots{

    background:transparent url('../images/photography_bg.png');

}    



#page_graphic_design .dots {

    background:transparent url('../images/graphic_design_bg.png');    

}



#page_webdesign .dots {

    background:transparent url('../images/web_design_bg.png');    

}



#page_virtual_tour .dots {

    background:transparent url('../images/virtual_tour_bg.png');    

}



#page_virtual_section {

    

}



    #page_virtual_section .list2 li {

        height: 125px;

        text-align: center;

    }

    

    #page_virtual_section h3 {

        line-height: 21px;

        padding-top: 5px;

    }





#page_cms .dots {

    background:transparent url('../images/cms_bg.png');    

}



#page_printing .dots {

    background:transparent url('../images/printing_bg.png');    

}

#content > ul > li#page_specials > div > div{
  background:transparent url('../images/dots.png'); 

  padding-top: 40px;
  padding-left: 40px;
  padding-bottom: 20px;
  height: 300px;
  width: 870px;
  position: relative;
}

#page_specials .cross {
  width: 94px;
  height: 94px;
  background: url('../images/cross.png') no-repeat;
  position: absolute;
  top: 155px;
  left: 400px;
}

#page_specials .specials-left{
    margin-top:0;
    padding:0 ;
    width: 410px;
    height: 100%;
    display: inline-block;
}

#page_specials .specials-right{
  display: inline-block;
  padding-left: 80px;
}

#page_specials h2{
   color: #7c7c7c;
    padding-bottom: 5px;
}

#page_specials p {
  font-size: 18px;
  line-height: 21px;
  padding-bottom: 0;
  display: inline-block;
}

#page_specials .specials-link {
  font-size: 8px;
  margin-top: 4px;
  display:block;
  text-align: right;
  line-height: 8px;
}

#page_specials .specials-right p {
  margin-top: 190px;
  display:block;
}

#page_specials .specials-right p.expire {
  margin-top: 40px;
  font-size: 8px;
  text-align: right;
  color: #767676;
}

.grey {
  color: #767676;
}

#content > ul > li.virtual_tour_more {



}



#content > ul > li.virtual_tour_more > div{

    padding-top: 0;

     height: 521px;

}

#page_virtual_tour_model {
  position: relative;
}

#ajax-loader {
    display: none;
    position: absolute;
    top: 200px;
    left: 350px;
}