html, body {margin:0; padding:0;height:100%;width: 100%;}
body{background-color:#e3e3de; text-align:center;  color:#999999; font-family:Segoe ui, helvetica, Lucida Sans Unicode, Lucida Grande, sans-serif; color:#ffffff;font-size:0.75em;}
 
#wrapper{height:100%;width:100%;display:table;vertical-align:middle;}
#outer{display:table-cell;vertical-align:middle; position:relative;}
#inner{position:relative;}
  
h1, h2, h3{font-size:1.6em; font-weight:normal; font-family:helvetica, arial, sans-serif; text-align:left;}
 
   a{color:#ecece9;}
   a:hover{color:#dadad7;}
  .floatleft{float:left;}
  .floatright{float:right;}
  .clear{clear:both;}
 
  .container{width:968px; margin:auto; text-align:left; position:relative;}
  .topbar{background:url(images/bg1.jpg); background-position:center top; background-repeat:no-repeat; height:56px;}
  .center{background:url(images/bg1repeat.jpg); background-position:center center; background-repeat:repeat-y; padding-left:49px; padding-right:49px;}
  .contents{text-align:justify; position:relative; background-color:#8a867a; _height:1px; padding:65px 55px 30px 55px; line-height:1.5;}
  .left{padding-right:230px;}
  .bottombar{background:url(images/bg1.jpg); background-position:center bottom; background-repeat:no-repeat; padding-left:50px; padding-right:50px; padding-top:15px; clear:both;}


  .logo{float:left; height:95px; z-index:200;}
  .logo img {margin-top:5px; width:97px; height:56px; border:0px;}
  .navigation{font-size:1.2em; float:right; padding-top:21px; font-family: Bebas, Trebuchet MS;}
  .navigation ul, .navigation ul li{display:inline; margin:0px; padding:0px;}
  .navigation a{padding-left:10px; color:#111111; text-decoration:none; text-transform:uppercase; }
  .navigation a.down, .navigation a:hover{color:#999999;}
  
  .heading, .headings{padding-top:65px; text-transform:capitalize; text-align:left;}
  .headings{padding-top:35px;}
  #about .heading{padding-top:95px;}
  .heading h1, .headings h1{padding:0px;  margin:0px; display:inline;}
  .headings h1{color:#8a867a;}
  .heading span{display:inline;}
  .heading a{background-image:url(images/page-back.png); background-position:left center; background-repeat:no-repeat; padding-left:35px; color:#000000; font-size:1.6em; font-weight:normal; text-align:left; font-family:helvetica, arial, sans-serif; padding-right:6px; margin-right:6px;  border-right:1px solid #cbcac0; background-repeat:no-repeat; float:left; text-decoration:none; }
  
  .breadcrumb{ position:absolute; text-transform:uppercase; top:27px; left:53px; font-size:6em; font-family: Bebas, Trebuchet MS; color:#000000;  padding:0px; margin:0px; height:72px;}
  
  .copy{width: 700px; padding:60px; height:200px; position:absolute; top:0px; left:0px; z-index:-3; overflow:hidden; color:#908f88;}
  .copy h1, .copy h2, .copy h3, .copy a, .copy p{color:#8a867a; display:inline; font-size:1em;}
  
 
  
  blockquote{text-align:left; padding:0px;margin:0px; display:none;}
  
  
  
  ol, ul{}
  ol li, ul li{padding-top:5px;}
  
  .previous{float:left; margin-top:60px;}
  .next{float:right; margin-top:20px;}

  .footer{clear:both; width:100%; height:30px;}
  .copyright{padding-right:10px; padding-left:10px; color:#999999; text-align:right;}
  .copyright a{color:#999999; text-decoration:none;}

  
  
  

  

  #home #flashcontents{position:absolute;}
  #home .contents{padding:0px;}
  #home .left{padding:0px;}
  #home .right{float:none; width:870px; position:relative; left:-43px; top:-21px; height:410px; overflow:hidden;}
  #home .greeting{text-align:center; position:absolute; bottom:40px; left:0px; z-index:200; width:870px; text-align:center;}
  #home .greeting p{margin:auto; padding:0px; text-align:center;}
  
  #about .right{overflow:hidden; position:absolute; right:-20px; top:65px; width:320px; height:320px;}
  #work .right{overflow:hidden; position:absolute; top:-22px; right:50px; width:183px; height:440px; }
  #services .right{overflow:hidden; position:absolute; top:60px; right:20px; width:230px; height:350px; }
  #contact .right{overflow:hidden; position:absolute; top:42px; right:18px;  width:250px; height:304px; }
 
  
  #examples{width:960px; height:411px;position:relative;}
  .controls{position:absolute; background-image: url(/images/control-panel.png); background-repeat:no-repeat;}
  .paneltop{background-position:center top; top:0px; left:0px; height:30px; width:960px;}
  .panelleft{background-position:-4px top; top:0px; left:0px; height:390px; width:55px;}
  .panelright{background-position:-913px top; top:0px; left:909px; height:390px; width:50px;}
  .panelbottom{background-position:center -382px; bottom:2px; left:0px; height:30px; width:960px;}
  
  .backtowork{position:absolute; top:433px; left:420px; width:124px; height:53px; text-align:center;}
  .backtowork a{background:url(/images/previous-next-buttons.png); background-repeat:no-repeat; background-position: -158px 0px; width:124px; height:50px; display:inline; float:left; padding-top:10px; font-size:1px; color:#c1c0b6;}

  .work2 .center {padding:0px; padding-left:3px;}
  .work2 .contents{background:transparent; padding:0px;}
  .work2 .heading{display:none;}


  .about3 .contents, .services1 .contents{color:#000000; background-color:#f1f1f1;  background-repeat:no-repeat;}
  .about3 .contents{background-image:url(images/we-love-design.png); background-position:right 45px;}
  .about3 .left{padding-right:0px;}
  .services1 .contents{background-image:url(images/lips-bg.png); background-position:bottom right; padding-bottom:130px; min-height:600px;}
  .services1 .contents a{color:#333333;}
  .services1 .contents a:hover{color:#999999;}
  .services1 .contents .left{padding-top:30px;}
  .services1 .rightbar{overflow:auto; position:absolute; top:29px; right:0px; width:280px; min-height:504px; }
  
  .rightbar{text-align:left;}
  .rightbar a{text-decoration:none;}
  .right img {position:absolute;}
  .date{color:#000000; position:relative; top:0px; left:0px; text-transform:uppercase; font-size:6em; font-family: Bebas, Trebuchet MS; height:130px;}
  
  
  
  
  
  .related{padding:0px;}
  ul.relatedpages{ background-image:url(images/rightbar-bg.png); background-position:bottom center; background-repeat:no-repeat; padding:0px 40px 25px 40px; margin:0px; clear:both;}
  .relatedpages li{list-style-type:none; margin:3px; padding-left:0px;}
  .relatedpages li.section {font-size:1.6em; font-family:helvetica, arial, sans-serif; padding:0px; padding-bottom:30px;}
  .services1 .contents ul.relatedpages li.section a{background-image:url(images/page-back.png); background-position:left center; background-repeat:no-repeat; color:#333333; padding-left:35px;}
  .relatedpages li.parent{padding-left:0px; margin-top:10px;}  
  .services1 .contents ul.relatedpages li a{color:#ffffff;}
  .services1 .contents ul.relatedpages li a.down{color:#333333;}
  
  .team{}
  .team h2{padding:30px 0px 1px 50px; background-image:url(images/team-monsters.png); background-position:-7px 3px; background-repeat:no-repeat; margin-bottom:0px; margin-top:20px;}
   h2.team2{background-position:-7px -60px;}
   h2.team3{background-position:-7px -122px;}
   h2.team4{background-position:-7px -190px;}
  .team p{padding-right:200px;}
  
  
  .left img {border:0;}
  img.staticimg {margin-right:5px; border:8px solid #e9e9e9; }
  
  td.label{text-align:left; padding-top:3px; padding-bottom:3px; width:80px;}
  td.label span{padding-right:0px; color:#ffffff;}
  td.text{padding-left:3px; padding-right:3px; background-color:#ffffff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:0px;}
  td.text2{}
  td.text3{padding-bottom:8px;}
 .formstyle1{border:0px; width:197px; height:24px; font-family:arial;}
 .buttons{padding-right:4px; text-align:right;}
 .submitbutton{height:28px;margin:.2em;-webkit-appearance:button;}
  

 
 /* // Contact Pop Up */
 

#contact-pop-overlay {
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url('/images/overlay-ie6.gif') repeat 0 0;
    display: none;
    text-align: center;
    z-index: 1000;
}

#contact-pop-panel-wrapper {
    margin: 10% auto 0 auto;
    width: 507px;
    background-image:url(/images/mini-contact-bg.png);
	background-repeat:no-repeat;
}

#contact-pop-panel {
    min-height: 349px;
    padding-bottom: 10px;
    margin: 0 auto;
    position: relative;
	text-align:left;
}



.close-overlay {
    position: absolute;
    top: 13px;
    right: 26px;
    width: 40px;
    height: 40px;
    background: url('/images/examples-close-button.png') no-repeat 1px 1px;
    overflow: hidden;
    text-indent: -2000px;
    outline: none;
}

#contact-pop-form {
}

#contact-pop-panel li{list-style-type:none;}

#contact-pop-panel .close-overlay {
    font-size: 12px;
    outline: none;
}

#contact-pop-loading-gif-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
}

#contact-pop-loading-gif {
    margin: 132px auto 0 auto;
}


/****** ie6 stuff ********/

* html #contact-pop-overlay {
    background-image: url('/images/overlay-ie6.gif');
    height: 100%;
    position: absolute;
}

* html #contact-pop-panel {
    height:  349px;
}


* html .close-overlay {
    background-image: url('/images/examples-close-button.png');
}
 
/* // Contact Pop Up */ 



		  .minicontact{padding-top:20px; padding-left:15px;}
		  .minicontact li.text input, .minicontact textarea{padding:2px; color:#333333; height:30px; background-color:#ffffff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:0px; font-family:Segoe ui, helvetica, Lucida Sans Unicode, Lucida Grande, sans-serif;}
          .minicontact li.text input{width:240px; margin-top:10px;}
          .minicontact li textarea{height:100px; width:390px; margin-top:5px;}


 
/* // Easy Slider */  
 
  
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
					

/* Easy Slider */
    #slider{padding:0px 0px 0px 45px; background:url(/images/slide-bg.jpg); height:400px; overflow:hidden;}
	
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider ul{margin-top:8px;}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:910px;
		height:400px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:50px;
		height:50px;
		position:absolute;
		left:340px;
		top:432px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:570px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:50px;
		height:47px;
		background:url(/images/previous-next-buttons.png);
		background-repeat:no-repeat;
		background-position: 3px 0px;	
		}	
	#nextBtn a, #slider1next a{ 
		background-position: -90px 0px;
		}	
		
	
/* // Easy Slider */