/*--- Common ---*/

.fullDiv { position: absolute; top:0; left:0; width:100%; height: 100%; }


/*--- Views ---*/

/*--- Home ---*/
#home {  }
#homeContent { }
#homeFlash { }
#homeFlash .bg { background: white url("images/bckHome.jpg") scroll no-repeat 50% 50%; }

/*--- Inspirations ---*/
#inspirations {  background: white url("images/bckInspiration.jpg") scroll no-repeat 50% 0; z-index: 1; }
#inspirationsContent { position:relative; width:100%; left:50%; margin-left: -610px; z-index:2; }
#inspirationsContent .top { position: absolute; top: 0px; left: 438px; width: 600px; height: 224px; z-index:1; }
#inspirationsContent .top h1 { font-size: 27px; font-family: h1Font; font-weight: normal; color: #fa0165; margin: 15px 0px 0px 235px; }
#inspirationsContent .top .scrollableContent { margin: 0px 10px 0px 30px; height:138px; width:550px; line-height: 17px; overflow: hidden; }
#inspirationsContent .top .scrollableContent br { font-size: 1px; line-height: 8px; }
#inspirationsContent .top .jspDrag { background-color: #fa0165; }
#inspirationsContent .bottom { position: absolute; top: 224px; left: 784px; width: 297px; height: 290px; z-index:2; }
#inspirationsContent .bottom h1 { font-size: 27px; font-family: h1Font; font-weight: normal; color: #5aa9d2; margin: 15px 0px 5px 87px; }
#inspirationsContent .bottom .scrollableContent { margin: 10px 10px 0px 40px; height:255px; width:225px; line-height: 17px; overflow: hidden; }
#inspirationsContent .bottom .jspDrag { background-color: #5aa9d2; }

/*--- Services ---*/
#services {  background: white url("images/bckServices.jpg") scroll no-repeat 50% 50%; }

#servicesContent { position:absolute; width:100%; left:50%; margin-left: -610px; height: 100%; top: 50%; margin-top: -410px; z-index:2; }
#servicesContent .top { position: absolute; top: 125px; left: 310px; width: 555px; height: 417px; z-index:1;  }
#servicesContent .top h1 { font-size: 33px; font-family: h1Font; font-weight: normal; color: #fa0165; margin: 10px 0px 0px 20px; }
#servicesContent .top .scrollableContent { margin: 0px 0px 0px 20px; height:360px; width:530px; line-height: 17px; overflow: hidden; }
#servicesContent .top .jspDrag { background-color: #fa0165; }

#servicesContent .bottom { position: absolute; top: 423px; left: 620px; width: 416px; height: 270px; z-index:2;  }
#servicesContent .bottom h1 { font-size: 23px;font-family: h1Font; font-weight: normal; color: #5aa9d2; margin: 7px 0px 13px 0px; text-align:center; }
#servicesContent .bottom .scrollableContent { margin: 5px 0px 0px 10px; height:260px; width:420px;  overflow: hidden;  }
#servicesContent .bottom .scrollableContent .col1 { width: 196px; float: left; line-height: 14px; font-size: 12px;  }
#servicesContent .bottom .scrollableContent .col2 { margin-left: 212px; line-height: 14px; font-size: 12px; }
#servicesContent .bottom .scrollableContent .col2 h1 { text-align: left; }
#servicesContent .bottom .jspDrag { background-color: #5aa9d2; }


/*--- Clients ---*/
#clients { background: white url("images/bckClients.jpg") scroll no-repeat 50% 0; }
#clientsFlashContent {  }
#clientsOverLay { display:none; position: absolute;  z-index: 3; width: 800px; height: 551px; top: 50%; left: 50%; margin-left: -400px; margin-top:-290px; background-color: white; }
#clientsOverLay .clientLogo { position: absolute; top:0; left:332px; width: 135px; height:100px; overflow: hidden; z-index:2; }
#clientsOverLay .btnClose { cursor: pointer; position: absolute; top:30px; right:64px; width: 44px; height:50px; background: transparent url("images/btnClose.gif") scroll no-repeat 0 0; z-index:2;}
#clientsOverLay .btnVisitClient { cursor:pointer; position: absolute; top:23px; left:56px; width: 69px; height:53px; z-index:2; background: transparent url("images/btnClient.gif"); }
#clientsOverLay .btnVisitClient:hover { background-position: 0 -53px !important; }
#clientsOverLay .btnClose:hover { background-position: 0 -50px !important; }

#clientsOverLay .btnLeft { position: absolute; bottom:35px; left:0px; width: 40px; height:400px; cursor: pointer; z-index:1; background: #fff url("images/clientBtns.gif") scroll no-repeat 0 50%; }
.hoverBtnLeft { background-position: -40px 50% !important; }
#clientsOverLay .btnRight { position: absolute; bottom:35px; right:0; width: 40px; height:400px; cursor: pointer; z-index:1; background: #fff url("images/clientBtns.gif") scroll no-repeat -120px 50%; }
.hoverBtnRight { background-position: -160px 50% !important; }
#clientsOverLay .imagesScroller { position: absolute; bottom: 35px; left: 50px; width: 700px; height: 400px;overflow: hidden; }
#clientsOverLay .img { position: absolute; top:0; left:0; z-index:1; width: 700px; height: 400px; }
#clientsOverLay .loading { background-color: #fff; text-align:center; position: absolute; top:0; left:0; width: 700px; height: 400px; z-index:2; display: none; }
#clientsOverLay .bottomBar { position: absolute; left:0px; bottom:0px; height: 25px; width:100%; background-color: #e6e6e6; z-index:2; }
#clientsOverLay .caption { font-weight:bold; position: absolute; left: 0px; top:0x; color: #7e7e7e; margin: 4px 20px; }
#clientsOverLay .index { position: absolute; font-weight:bold; right: 0px; top:0x; color: #7e7e7e; margin: 4px 20px; }

/*--- Clients Alt Content ---*/
#clientsContainer { position:absolute; z-index: 2; top: 70px; left: 50%; margin-left: -400px; width: 590px; height: 250px; background-color: #333333; }
#clientsPaginator { position:absolute; right:10px; top: 3px; }
#clientsPaginator .lnkPage { float:left; cursor:pointer; display: inline-block; position:relative; width: 20px; height: 18px; background-color: #333; color: #fff; text-align:center; margin: 0 3px 0 0; padding-top: 2px; }
#clientsPaginator .selectedPage { background-color: red !important; }

#clientsMask { position:absolute; top: 30px; left: 10px; width: 580px; height:220px; overflow: hidden;}
#clientsScoller { position:absolute; width: 580px; height: 220px; left:0px;  }
#clientsScoller .clientsPage { position:relative; float:left; width:580px; height:220px; }
#clientsScoller .clientsPage .altClient { float: left; position:relative; width: 135px; height: 100px; cursor:pointer; margin: 0 10px 10px 0; }

.clientsShadow { 
	 -moz-box-shadow: 0px 0px 10px #333; 
	  -webkit-box-shadow: 0px 0px 10px #333; 
	  box-shadow: 0px 0px 10px #333; 
}

#clientsOverLayAltBackdrop { position:absolute; display:none; top:0;left:0;right:0; bottom:0; margin: auto; background-color: rgba(255,255,255,0.8); z-index: 1; }

/* --- Press ---*/
#press { background: white url("images/bckPress.jpg") scroll no-repeat 50% 0;  }
#pressContent { position:relative; width: 100%; height: 480px;  }
#scrollableMask { position:absolute; top: 100px; left: 10px; right: 10px; margin: auto; height:380px; }
#scrollableContent { position:relative; width: 600px; height:335px; }
#pressContent .pressItem { width: 207px; height:290px; float:left; margin: 5px 15px 10px 15px; }
#pressContent .pressItem .pressImg a { border:0px none; text-decoration: none; display:block; }
#pressContent .pressItem .pressImg img { border:0px none; }
#pressContent .pressItem .pressImg a:hover 
{ 
	-moz-box-shadow: 0px 0px 10px #f00;
	 -webkit-box-shadow: 0px 0px 10px #f00;
	 box-shadow: 0px 0px 10px #f00;
}
#pressContent .pressCaption { width: 207px; text-align:center; margin-top: 10px; font-size: 17px; color: #f42171;font-style:italic; font-family:Georgia, Arial, Helvetica, sans-serif; }
#pressContent .pressDate { width: 207px; text-align:center; margin-top: 1px; }
#pressContent .jspDrag { background-color: #fa0165 !important;  }

.shadowed 
{
	-moz-box-shadow: 0px 0px 10px #333;
	 -webkit-box-shadow: 0px 0px 10px #333;
	 box-shadow: 0px 0px 10px #333;
}



/*--- Follow Us ---*/
#followUsContainer { position:absolute; height:95px; width:70px; z-index:15; bottom: 0px; display:none; }
#followLinks { background-color: #000; width:210px; height: 80px; color:white; position: absolute; left: -70px; bottom:-35px; border:1px solid #F42171; border-bottom: 0px none; }
#followLinks .title { font-size: 14px; font-family: h1Font; line-height: 15px; text-align:center; color: #CCCCCC; position: absolute; top: 8px; left:0; height:30px; width: 100%; display: block;}

/*--- Follow Icons ---*/
.followIcon { display: inline-block; width:25px; height:25px; background: transparent url("images/followMeIcons.jpg?v2") scroll no-repeat; margin: 30px 0px 0px 5px; }
.iconMySpace { background-position: -30px 0; }
.iconMySpace:hover { background-position: -30px -30px; }
.iconTweeter { background-position: -60px 0; }
.iconTweeter:hover { background-position: -60px -30px; }
.iconYouTube { background-position: -90px 0; }
.iconYouTube:hover { background-position: -90px -30px; }
.iconFacebook { background-position: -120px 0; }
.iconFacebook:hover { background-position: -120px -30px; }
.iconSmallWorld { background-position: -150px 0; }
.iconSmallWorld:hover { background-position: -150px -29px; }
.iconLinkedIn { background-position: -180px 0; }
.iconLinkedIn:hover { background-position: -180px -31px; }
.iconBlogLovin { background-position: -210px 0; }
.iconBlogLovin:hover { background-position: -210px -30px; }
.iconPinterest { background-position: -237px 0; }
.iconPinterest:hover {  background-position: -237px -30px; }


/*--- Dialogs ---*/
#userDialog { height: 500px; width: 500px; position:absolute; top: 50%; left: 50%; margin-top: -250px; margin-left: -250px; text-align:center;  z-index:2; }
#userDialogMessage { color: #333; text-align:center; margin-top: 100px; font-family:Verdana, Geneva, sans-serif; font-size: 14px; }
#userDialog a, #userDialog img { border: 0px none;  text-decoration: none; }
#userDialogMessage a { color: #333; }
#userDialogMessage a:hover { text-decoration: underline; }