body{
	background: #d1e3e7 url('../images/style/background2.jpg') no-repeat 50% 0 fixed;
	color: #fff;
	cursor: default;
}

a{
	color: #eef;
	font-weight: bold;
	text-decoration: none;
}

	 div.tag a:hover, div.about a:hover, div.container_12 div.desc a:hover{
		background: #222;
	}

	a:focus, a:active {
		outline: 0 none;
	}

	a.prev{
		cursor: pointer;
		left: -8px;
		position: relative;
		top: 174px;
		z-index: 99;
	}

	a.next{
		cursor: pointer;
		left: 160px;
		position: relative;
		top: 174px;
		z-index: 99;
	}

abbr{
	border-bottom: 2px dotted #aab;	
	cursor: help;
}

div.hidden, span.hidden, p.logo, div.title, p.val, div.pane{
	display: none;
}

div.panes{
	margin-bottom: 2%;
	margin-top: -40px;
}

div.panes div.normal{
	margin-top: 50px;	
}

div.tag, div.contact{
	margin-left: 0;	
	margin-right: 0;	
}

	div.tag p{
		background: url('../images/style/111-50.png');
		border-top: 1px solid #bb7;
		border-bottom: 1px solid #bb7;
		font-size: 42px;
		letter-spacing: -2px;
		margin-top: 10px;
		padding-bottom: 50px;
		padding-top: 50px;
		padding-left: 156px;
	}
	
	div.tag a{
		background: url('../images/style/111-50.png');
		padding: 1px 3px;
	}

div.about{
	height: 0;
}

	div.about p{
		background: url('../images/style/111-50.png');
		border-top: 1px solid #bb7;
		border-bottom: 1px solid #bb7;
		font-size:35px;
		letter-spacing:-1px;
		margin-top: 52px;
		margin-bottom: 0px;
		padding:20px 30px;
		word-spacing: -2px;
	}

	div.about a{
		background: url('../images/style/111-50.png');
		margin: 0 2px;
		padding:2px 6px;
	}

	div.about span#ps{
		font-size: 20px;
		font-style: italic;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 64px;
		padding-left: 209px;
		word-spacing: 0px;
	}

div.container_12 div.title{
	font-size:36px;
	font-weight:bold;
	letter-spacing:-2px;
	line-height: 28px;
	padding-top: 5px;
	text-align: right;
}

	div.title a{
		color: #fff;
	}

div.container_12 div.desc{
	background: url('../images/style/111-50.png');
	border-top: 1px solid #bb7;
	border-bottom: 1px solid #bb7;
	font-size:14px;
	font-weight:bold;
	line-height: 22px;
	margin-top: 150px;
	margin-left: 0;
	vertical-align: bottom;
}

	div.container_12 div.desc p{
		padding: 18px 6px 0 18px;	
	}
	
	div.container_12 div.desc span.desc_title{
		color: #ccd;	
		font-size: 13px;
	}
	
	div.container_12 div.desc a{
		background: url('../images/style/111-50.png');
		color: #fff;
		padding: 2px 6px;
	}
	
div.container_12 div.design{
	text-align: center;
}

div.container_12 div.folio{
	margin-right: 20px;
}
	

div.container_12 div.services{
	margin: 0;	
}


div.contact p{
	background: url('../images/style/111-50.png');
	border-top: 1px solid #bb7;
	border-bottom: 1px solid #bb7;
	color: #eee;
	font-size: 42px;
	letter-spacing: -2px;
	margin-top: 10px;
	padding-bottom: 50px;
	padding-top: 50px;
	padding-left: 156px;
}

div.contact span.contact{
	color: #fff;
	cursor: text;
	font-weight: bold;
	padding: 0 3px;
}


/* SCROLLABLE START */
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    height: 370px; 
    margin-bottom: 20px;
    overflow:hidden; 
    position:relative; 
    width: 960px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
/* SCROLLABLE END */


/* Overlay */

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background: url(../images/style/111-50.png);
	
	/* dimensions after the growing animation finishes  */
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:35px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url('../images/style/overlay/apple-close.png');
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:28px;
	width:28px;
}

/* End Overlay /


/*TABS*/
div.tabs a.current, div.tabs a.current:hover{
	cursor:default !important; 
	color:#33333a !important;
}

div.tabs a:hover{
	color: #44444a;
}