/* ============================ common ============================== */

body { 
	color: #7a7a7a; background: #fff url(../img/bg-holder.gif) repeat-y 50% 0;
	font: normal 62.5% Arial, Helvetica, sans-serif;
}

a{ color: #7a7a7a; text-decoration: underline; }

/* Blue - 61a5d4 */
#c1 a:hover, 
#c1 a:active, 
#c1 a:focus { color: #61a5d4; }

/* Brown - e9cba9 */
#c2 a:hover, 
#c2 a:active, 
#c2 a:focus { color: #e9cba9; }

/* Grey - b2bcb4 */
#c3 a:hover, 
#c3 a:active, 
#c3 a:focus { color: #b2bcb4; }

/* Lime - f1e400 */
#c4 a:hover, 
#c4 a:active, 
#c4 a:focus { color: #f1e400; }

/* Magenta - e10078 */
#c5 a:hover, 
#c5 a:active, 
#c5 a:focus { color: #e10078; }

/* Orange - f39809 */
#c6 a:hover, 
#c6 a:active, 
#c6 a:focus { color: #f39809; }

img 	{ display: block; }
a img 	{ border: none; }
a span	{ cursor: pointer; }
strong 	{ font-weight: bold; }
em 		{ font-style: italic; }

.clearfix:after {
	clear: both;
	display: block; visibility: hidden;
	height: 0;
	content: ".";   
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.aural{
	position: absolute;
	left: -2007px;
	font-size: 0;
}

/* ========================== common end ============================ */

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

#holder{ 
	width: 920px;
	margin: 64px auto 30px auto;
}

#content{ 
	float: left;
	width: 626px;
	padding: 0 0 0 40px;
}
	.col-1{
		float: left; position: relative;
		width: 305px;
	}
	.col-2{
		float: right;
		width: 306px;
	}

#side-bar{ 
	float: right;
	width: 151px;
}

/* ========================== layout end ============================ */

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

#content h2{
	margin: 15px 0 30px 0;
	font-size: 2.6em; font-weight: normal; text-transform: lowercase;
}
#content h3{
	margin: 0 0 30px 0;
	font-size: 2.4em; font-weight: normal; text-transform: lowercase;
}
#content p{
	margin: 0 0 10px 0;
	font-size: 1.2em; line-height: 1.4;
}

#services{
	margin: 20px 0 0 0;
}
#services li{
	float: left; display: inline;
	width: 118px;
	margin: 0 38px 10px 0;
	font-size: 1.6em; text-transform: lowercase;
}
#services li a{
	display: block;
	height: 2.5em;
	padding: 128px 0 0 0;
	background-position: 0 0; background-repeat: no-repeat;
	text-decoration: none;
}
#services li a:hover,
#services li a:focus,
#services li a:active{
	background-position: 100% 0;
}

#clients{
	margin: 20px 0 0 0;
}
#clients li{
	float: left; display: inline;
	width: 94px;
	margin: 0 31px 10px 0;
	font-size: 1.4em; text-transform: lowercase;
}
#clients li a{
	display: block;
	height: 4em;
	padding: 104px 0 0 0;
	background-position: 0 0; background-repeat: no-repeat;
	text-decoration: none;
}
#clients li a:hover,
#clients li a:focus,
#clients li a:active{
	background-position: 100% 0;
}

#about{
	margin: 20px 0 0 0;
}
#about li{
	float: left; display: inline;
	width: 68px;
	margin: 0 21px 10px 0;
	font-size: 1.2em; text-transform: lowercase;
}
#about li a{
	display: block;
	height: 4em;
	padding: 74px 0 0 0;
	background-position: 0 0; background-repeat: no-repeat;
	text-decoration: none;
}
#about li a:hover,
#about li a:focus,
#about li a:active{
	background-position: 100% 0;
}

#news{
	margin: 20px 0 0 0;
}
#news li{
	height: 94px;
	margin: 0 0 20px 0;
}
#news li a{
	display: block;
	height: 56px;
	padding: 38px 0 0 114px;
	font-size: 1.2em;
	background-position: 0 0; background-repeat: no-repeat;
}
#news li a:hover,
#news li a:focus,
#news li a:active{
	background-position:0 100%;
}

.subnav{
	font-size: 1.4em;
}
.subnav .prev{
	float: left;
}
.subnav .next{
	float: right;
}

.contact-box{
	margin: 0 0 45px 0;
}
.contact-box img{
	float: left; display: inline;
	margin: 0 20px 0 0;
}
.contact-box p{
	padding: 30px 0 0 0;
	font-size: 1.2em;
}

img.portrait{
	float: right;
}
img.landscape-1{
	float: left;
	margin: 0 0 15px 0;
}
img.landscape-2{
	position: absolute;
	top: 135px; left: 0;
}
img.portrait-1{
	float: right;
	margin: 0 0 15px 0;
}
img.portrait-2{
	float: right;
	margin: 0 15px 15px 0;
}
img.portrait-3{
	clear: right; float: right;
	margin: 0 0 15px 0;
}
img.portrait-4{
	position: absolute;
	top: 135px; left: 50px;
}
img.portrait-5{
	position: absolute;
	top: 270px; left: 50px;
}
img.portrait-6{
	position: absolute;
	top: 185px; right: 0;
}
ul#home-gallery{
padding-left: 10px;
}

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

/* ============================ side-bar ============================ */

#nav{
	margin: 40px 0 0 0;
	font-size: 1.4em; text-transform: lowercase;
}
#nav li{
	margin: 0 0 20px 0;
}
#nav li a{ text-decoration: none; }

/* ========================== side-bar end ========================== */