html,body {height: 100%;}
body{
	background:url(../images/background-main.gif);
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
        text-align:center;
position: relative;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#69b0a1;
}
a:hover{
	text-decoration:underline;
	color:#55563b;
}
a.case-study{
	text-decoration:none;
	font-size: 10px;
	color:#55563b;
}
a.case-study:hover{
	text-decoration:underline;
}
.hr {
  border-top: 1px solid #CCCCCC;
  height: 5px;
  margin-top: 5px;
}
form, fieldset{
	padding:0;
	margin:0;
	border:0;
}
#center{
        left: 50%;
	margin-left: -450px;	
        width: 900px;
        position: absolute;
}
#page1{
	border: solid #273232;
	border-width:0 3px;
	min-height:100%;
	background-color:#fff;
	text-align: left;
	width: 900px;
}
#page{
	background:url(../images/container-bg.gif) repeat-x;
	padding:0 3px;
}
* html #page1{height:100%; }
.content-holder{
	padding:0 0 74px;
	overflow:hidden;
	position:relative;
	width:100%;
}
#footer {
	position: relative;
	height:74px;
	padding:0 34px;
	margin-top:-74px;
	background:url(../images/container-bg.gif) repeat-x 0 100%;
width: 835px;
text-align: left;
}
.footer-box{
	border-top:1px solid #b6b6b6;
	overflow:hidden;
	padding:9px 0 0;
}
.footer-box p{
	margin:0;
	font-size:10px;
        line-height: 14px;
	color:#666;
}
.footer-box a{
	font-size:11px;
	font-weight:bold;
	float:right;
}
.container{
	margin:152px 0 40px;
	width:100%;
	overflow:hidden;
	padding:35px 0 0;
}
#header{
        background:url(../images/header-1.jpg);	
	border:1px solid #273232;
	overflow:hidden;
	position:absolute;
	top:6px;
	left:0;
	height:144px;
	width:891px;
}
#header-about{
        background:url(../images/header-2.jpg);
	border:1px solid #8aaaa4;
	overflow:hidden;
	position:absolute;
	top:6px;
	left:0px;
	height:144px;
	width:891px;
}
#header-process{
        background:url(../images/header-3.jpg);
	border:1px solid #8aaaa4;
	overflow:hidden;
	position:absolute;
	top:6px;
	left:0;
	height:144px;
	width:891px;
}
#header-services{
        background:url(../images/header-4.jpg);
	border:1px solid #8aaaa4;
	overflow:hidden;
	position:absolute;
	top:6px;
	left:0;
	height:144px;
	width:891px;
}
#header-portfolio{
        background:url(../images/header-5.jpg);
	border:1px solid #8aaaa4;
	overflow:hidden;
	position:absolute;
	top:6px;
	left:0;
	height:144px;
	width:891px;
}
#header-news{
        background:url(../images/header-6.jpg);
	border:1px solid #8aaaa4;
	overflow:hidden;
	position:absolute;
	top:6px;
	left:0;
	height:144px;
	width:891px;
}
#header-contact{
        background:url(../images/header-7.jpg);
	border:1px solid #8aaaa4;
	overflow:hidden;
	position:absolute;
	top:6px;
	left:0;
	height:144px;
	width:891px;
}
.address{
	width:222px;
	float:right;
	padding:33px 0 0;
}
.address p{
	margin:0 0 6px;
	font-size:10px;
	line-height:12px;
	color:#2c3433;
}
.address p a{color:#2c3433;}
.logo{
	float:left;
	width:500px;
}
.logo strong{
	background:url(../images/logo.png) no-repeat;
	width:197px;
	height:40px;
	text-indent:-9999em;
	overflow:hidden;
	margin:39px 0 0 30px;
	display:block;
}
.logo strong a{
	height:100%;
	display:block;
}
.top-menu{
	margin:6px 0 0 25px;
	height:1%;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:auto;
}
.top-menu li{
	float:left;
	font-size:9px;
	background:url(../images/top-menu-separator.gif) no-repeat 0 50%;
	margin:0 6px 0 -6px;
	padding:0 5px 0 10px;
}
.top-menu li a{color:#708c86;}
#navigation{
        margin: 0px;
	padding:0 23px;
	list-style:none;
	background:url(../images/navigation_bkgrnd.png);
	overflow:hidden;
	position:absolute;
        border-top: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
	bottom:0;
	left:0;
}
#navigation li{
	float:left;
	font-size:12px;
	line-height:20px;
	background:url(../images/navigation-separator.png) no-repeat 0 50%;
        padding:5px 0px 5px 3px;
}
#navigation li:first-child{
	background-image:none;
}
#navigation li a{color:#cbe3dc;padding:15px 5px 15px 5px}
#navigation li a:hover{color:#25302d;background-color:#cbe3dc; text-decoration:none; padding:15px 5px 15px 5px}
.content{
	width:100%;
	background:url(../images/point.gif) repeat-y 100% 0;
}
#services{
	margin:0;
	padding:0 23px;
	list-style:none;
	overflow:hidden;
	position:absolute;
	bottom: 28px;
	left:0;
}
#services li{
	float:left;
	font-size:12px;
	line-height:27px;
	font-weight:bold;
	background:url(../images/arrow-down.gif) no-repeat 0 50%;
	padding:3px 3px 0 7px;
}
#services li:first-child{
	background-image:none;
}
.content:after {
	content:"";
	clear:both;
	height:0;
	display:block;
}
.inside-content{
	width:100%;
	background:url(../images/point-inside.gif) repeat-y 100% 0;
}
.inside-content:after {
	content:"";
	clear:both;
	height:0;
	display:block;
}
.column{
	width:212px;
	float:right;
	padding:0 15px 0 37px;
	margin-right:-265px;
	display:inline;
}
.inside-column{
	width:278px;
	float:right;
	padding:0 15px 0 37px;
	margin-right:-331px;
	display:inline;
}
.main-holder{padding:0 265px 0 0;}
.inside-main-holder{padding:0 331px 0 0;}
.main{
	width:100%;
	float:left;
}
.grey-box-holder{
	width:100%;
	margin:-32px 0 0;
	position:relative;
	background:#e5f4f1;
}
.grey-box{
	background:url(../images/grey-box-bottom.png) repeat-x 0 100%;
	min-height:175px;
	color:#576362;
}
.grey-box-pad{
	padding: 30px 30px 30px 30px;
}
* html .grey-box{height:211px;}
.grey-box h2{
	margin:0 0 15px 0;
        color:#fff;
	font-size:24px;
	font-weight:inherit;
}
.grey-box p{
	margin:0 0 10px;
	font-size:14px;
	font-weight:normal;
	line-height:18px;
}
.grey-box a{
	color:#576362;
	font-size: 11px;
	margin-top: 0px;
}
.inside-holder{
	width:100%;
	margin:-32px 0 0;
	position:relative;
}
.inside-box{
	padding:37px 15px 30px 30px;
	color:#666666;
}
.inside-box h2{
	margin:0 0 14px;
	font-size:26px;
	font-weight:normal;
}
.inside-box h5{
	margin:0 0 5px;
	font-size:10px;
	letter-spacing: 2px;
	font-weight:bold;
	color:#999;
}
.inside-box p{
	margin:0 0 10px;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
}
.column h3{
	color:#272727;
	margin:0;
	font-size:11px;
	font-weight:bold;
}
.inside-column h3{
	color:#272727;
	margin:0;
	font-size:11px;
	font-weight:bold;
}
.column a{
	font-size:11px;
	font-weight:bold;
}
.image-box{
	width:191px;
	background:#f1f3d5;
	border:1px solid #d3d4c2;
	height:178px;
	overflow:hidden;
	text-align:center;
	display:table;
	margin:5px 0 15px;
}
.image-box div{
	vertical-align:middle;
	margin:0;
	display:table-cell;
}
.column span{
	font-size:10px;
	color:#333;
}
.column h4{
	margin:0;
	font-size:14px;
	font-weight:bold;
	color:#333;
}
.column p{
	margin:0;
	font-size:11px;
	line-height: 14px;
	color:#55563b;
	padding-right:10px;
}
.news{
	margin:20px 0 0;
	padding:0;
	list-style:none;
}
.news p{
	font-size: 11px;
}
.news li{margin-bottom:20px;}
.news-page{
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}
.news-page p{
	font-size: 11px;
	top: -10px;
}
.news-page h4{
	font-size: 14px;
}
.news-page li{margin-bottom:0px;}
.main-block{
	width:100%;
	
	overflow:hidden;
	margin:30px 0 0 0;
}
.main-content{padding:0 318px 0 32px;}
.inner{
	float:left;
	width:100%;
}
.doing{
	margin:-4px 0 0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.doing li{
	border-top:1px dotted #c9c9c9;
	padding:10px 0;
	margin:-10px 0 10px;
}
.doing h3{
	margin:0 0 8px 0;
	color:#333;
	font-size:14px;
	font-weight:bold;
}
.doing p{
	margin:0 0 12px;
	color:#55563b;
	font-size:11px;
	line-height: 14px;
}
.doing a{
	font-weight:bold;
	font-size:11px;
}
.main-column{
	width:279px;
	float:right;
	padding:0 0 0 39px;
	margin-right:-318px;
	display:inline;
}
.design-element-box{
	background:#e5f4f1;
	padding: 10px;
	margin: 0 0 1px 0;
}
.design-element-box p{
	color: #576362;
	margin: 0;
}
.design-element-box h3{
	color: #576362;
	font-size:14px;
	font-weight:normal;
	
}
.thought{
	width:278px;
	background:url(../images/thought-bg.gif) repeat-y;
	margin-bottom:12px;
}
.thought .top{
	width:100%;
	background:url(../images/thought-top.gif) no-repeat;
}
.thought .bottom{
	width:243px;
	background:url(../images/thought-bottom.gif) no-repeat 0 100%;
	padding:12px 20px 30px 15px;
}
.thought h4{
	margin:0;
	font-size:12px;
	font-weight:bold;
	color:#333;
}
.thought p{
	margin:0;
	font-size:11px;
	line-height: 14px;
	color:#999;
}
.thought-inside{
	width:278px;
	background:url(../images/thought-bg-2.gif) repeat-y;
	margin-bottom:12px;
}
.thought-inside .top{
	width:100%;
	background:url(../images/thought-top-2.gif) no-repeat;
}
.thought-inside .bottom{
	width:243px;
	background:url(../images/thought-bottom-2.gif) no-repeat 0 100%;
	padding:12px 20px 35px 15px;
}
.thought-inside h4{
	margin:0;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}
.thought-inside p{
	margin:0;
	font-size:11px;
	line-height: 14px;
	color:#fff;
}

.contact-form{width:100%;}
.contact{
	width:300px;
	padding:0 0 0 18px;
}
.contact form-box {
	font:10px Arial, Helvetica, sans-serif;
	color:#666;
	padding:3px;
}
.contact a{font-weight:normal;}
.button{
	padding:2px 0 2px 8px;
	width:120px;
	color:#8aaaa4;
	font:10px Arial, Helvetica, sans-serif;
	margin-top:14px;
	border-width: 0;
}
.check-holder{
	width:100%;
	overflow:hidden;
	margin-bottom:9px;
}
.check{
	float:left;
}
.check-holder input{
	width:auto;
	background:none;
	margin:0;
	padding:0;
}
.check-holder label{
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
	padding:0;
}
.contact-form-inside{width:100%;}
.contact-inside{
	width:260px;
	padding:0 0 0 18px;
}
.contact-inside a{font-weight:bold;}
.contact-inside input{
	padding:2px 0 2px 8px;
	width:220px;
	background:#e3e3e3;
	color:#666;
	font:bold 10px Arial, Helvetica, sans-serif;
	margin-bottom:14px;
	overflow:hidden;
}
.contact-inside textarea{
	padding:2px 0 2px 8px;
	background:#e3e3e3;
	color:#666;
	font:bold 10px Arial, Helvetica, sans-serif;
	overflow:hidden;
}
.inside-container { 
  width: 95%; 
  max-width: 1000px; 
  min-width: 300px; 
  margin: 0 0 0 32px ; 
  overflow:hidden;
  background: url(../images/inner-bg-2.gif) repeat-y  50% 0;
}
.right-col { 
	width: 48%; 
 	float: right; 

}
.left-col {
	width: 48%; 
	float: left; 
}
.portfolio-col { 
 	margin: 18px 0 0 15px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #55563b;
	float: left;
	padding-bottom:15px;
	min-width: 160px;
        max-width: 220px;
}
.portfolio-images{ 
	float: left;
	padding:10px 0 10px 0;
	width: 300px; 
	border-right:1px dotted #c9c9c9;
}
.portfolio-col  p{ 
	font: 11px Arial, Helvetica, sans-serif;
        line-height: 14px;
	color: #55563b;
}

.casestudy-col { 
 	margin: 18px 0 0 15px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #55563b;
	float: left;
	padding-left:15px;
        width: 200px;
        border-left:1px dotted #c9c9c9;
}
.casestudy-images{ 
	float: left;
	padding:10px 0 10px 0;
	width: 250px; 
	
}
.casestudy-col  p{ 
	font: 11px Arial, Helvetica, sans-serif;
        line-height: 14px;
	color: #55563b;
}
.services{
	margin:-4px 0 0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	color: #55563b
}
.services li{
	border-top:1px dotted #fff;
	padding:0px 0;
	margin:5px 5px 10px 15px;
}
.portfolio{
	margin:-4px 0 0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	color: #55563b
}
.portfolio li{
	border-bottom:1px dotted #c9c9c9;
	padding:0px 0;
	margin:5px 0px 5px 0px;
}
.form-box {
	font:10px Arial, Helvetica, sans-serif;
	color:#666;
	padding:3px;
	width: 200px;
}
.newsletter {
	margin-top: 15px;
	 margin-left: 30px;
	 position: relative;
	 width:95%;
 }
 .portfolio-list{
	margin:-4px 0 0;
	padding:0;
	list-style:none;
	position: relative;
	left:0px;
	width: 145px;
}
 .portfolio-list li{
        margin:0px;
	padding:5px 0;
        border-bottom:1px dotted #c9c9c9;
}
.casestudy p{ 
	font: 11px Arial, Helvetica, sans-serif;
        line-height: 14px;
	color: #666;
}
#slide-link{
         padding: 0 0 0 530px; 
         position:absolute; 
         margin-top:170px; 
         z-index: 1;
}
#slide-link ul{
         list-style: none;
         display: inline;
}
#slide-link ul li{
         display: inline;
}
#slide-link li a{
         background: url(../images/circle.gif) no-repeat;
         width: 10px;
         height: 10px;
         display: inline;
}
#slide-link li a:hover{
         background: url(../images/circle-2.gif) no-repeat;
         width: 10px;
         height: 10px;
         display: inline;
}
#slide-link li a.current{
         background: url(../images/circle-2.gif) no-repeat;
         width: 10px;
         height: 10px;
         display: inline;
}
.photogalleryItem{
         background: url(../images/bg-slideshow.gif) no-repeat;
         width: 110px;
         height: 110px;
         padding-left:15px;
}
.ff{
width: 100%; height: 100%; margin: 0px; padding-top: 20px; background-color: black;}
#ffcenter{left: 50%;
	margin-left: -400px;	
        width: 800px;
        position: absolute;
}