@charset "utf-8";
html {
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #FFF;
	background-color: #222;
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
	background-image: url(../images/top-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
img{
	border:0;
}
#bodyOuther {
	width: 100%;
	position: relative;
	float:left;
	display:inline;
}
#bodyOuther #bodyInner{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width: 960px;
}
#bodyOuther #bodyInner #header{
	position:relative;
	float:left;
	display:inlin;
	width:960px;
}
#bodyOuther #bodyInner #header #logo{
	position:relative;
	float:left;
	color:#FFF;
	font-weight:normal;
	font-size:35px;
	margin: 35px 0 0 0;
}
#bodyOuther #bodyInner #header #topMenu{
	position:relative;
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}
#bodyOuther #bodyInner #header #topMenu li{
	display:inline;
	float:left;
}
#bodyOuther #bodyInner #header #topMenu li #btnHome,
#bodyOuther #bodyInner #header #topMenu li #btnAbout,
#bodyOuther #bodyInner #header #topMenu li #btnPortfolio,
#bodyOuther #bodyInner #header #topMenu li #btnClients,
#bodyOuther #bodyInner #header #topMenu li #btnContact{
	font-size: 18px;
	color:#666;
	text-decoration:none;
	display:block;
	padding: 20px 35px;
	border-left: dashed 1px #666;
	
}
#bodyOuther #bodyInner #header #topMenu li #btnHome{
	border-top: solid 5px #8ceefb;
}
#bodyOuther #bodyInner #header #topMenu li #btnHome:hover{
	border-top: solid 10px #8ceefb;
	padding: 15px 35px 20px 35px;
	background:#333;
	color:#FFF;
}
#bodyOuther #bodyInner #header #topMenu li #btnAbout{
	border-top: solid 5px #89df7c;
}
#bodyOuther #bodyInner #header #topMenu li #btnAbout:hover{
	border-top: solid 10px #89df7c;
	padding: 15px 35px 20px 35px;
	background:#333;
	color:#FFF;
}
#bodyOuther #bodyInner #header #topMenu li #btnPortfolio{
	border-top: solid 5px #f5d62d;
}
#bodyOuther #bodyInner #header #topMenu li #btnPortfolio:hover{
	border-top: solid 10px #f5d62d;
	padding: 15px 35px 20px 35px;
	background:#333;
	color:#FFF;
}
#bodyOuther #bodyInner #header #topMenu li #btnClients{
	border-top: solid 5px #e35f20;
}
#bodyOuther #bodyInner #header #topMenu li #btnClients:hover{
	border-top: solid 10px #e35f20;
	padding: 15px 35px 20px 35px;
	background:#333;
	color:#FFF;
}
#bodyOuther #bodyInner #header #topMenu li #btnContact{
	border-right: dashed 1px #666;
	border-top: solid 5px #da6edb;
}
#bodyOuther #bodyInner #header #topMenu li #btnContact:hover{
	border-right: dashed 1px #666;
	border-top: solid 10px #da6edb;
	padding: 15px 35px 20px 35px;
	background:#333;
	color:#FFF;
}
#bodyOuther #bodyInner #banner{
	position:relative;
	float:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
	width: 960px;
}
#bodyOuther #bodyInner #banner #mainBanner{
	position:relative;
	float:left;
	display:inline;
	width: 703px;
	height: 200px;
}
#bodyOuther #bodyInner #banner #getintouch{
	position:relative;
	float:left;
	display:inline;
	width: 257px;
}
#bodyOuther #bodyInner #banner #getintouch .topBorder{
	border-top: dashed 1px #666;
}
#bodyOuther #bodyInner #contentsLeft{
	position:relative;
	float:left;
	display:inline;
	width:680px;
	padding:10px;
}
#bodyOuther #bodyInner #contentsLeft h2{
	font-size:24px;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
	border-bottom: dashed 1px #666;
}
#bodyOuther #bodyInner #contentsLeft #clientsList{
	list-style:none;
	margin:0;
	padding:0;
}
#bodyOuther #bodyInner #contentsLeft #clientsList li{
	position:relative;
	float:left;
	display:inline-block;
	width:140px;
	padding:0;
	margin:10px;
	text-align:center;
	background:#FFF;
}
#bodyOuther #bodyInner #contentsRight{
	position:relative;
	float:left;
	display:inline;
	width:240px;
	padding:10px;
}
#bodyOuther #bodyInner #contentsRight h2{
	font-size:24px;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
	border-bottom: dashed 1px #666;
}
#bodyOuther #bodyInner #contentsRight ul{
	list-style:none;
	margin:0;
	padding:5px;
	color: #999;
	font-weight:bold;
}
#subfooterOuter {
	width: 100%;
	position: relative;
	float:left;
	display:inline;
	background:url(../images/bg-subfooter.jpg) repeat-x top;
	height: 137px;
}
#subfooterOuter #subfooter{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width: 960px;
	text-align:center;
}
#subfooterOuter #subfooter #clientsLogos{
	position:relative;
	float:left;
	display:inline;
	width: 632px;
	height:99px;
	margin: 20px 5px 20px 25px;
	background:#FFF
}
#subfooterOuter #subfooter #partnersLogos{
	position:relative;
	float:left;
	display:inline;
	width: 272px;
	margin: 20px 5px;
}
#footerOuter {
	width: 100%;
	position: relative;
	float:left;
	display:inline;
	background: #000;
}
#footerOuter #footer{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width: 960px;
	padding: 20px;
	color:#666;
	
}
.red{
	color:#F00;
}
.readmoreLink{
	display:block;
	color:#F00;
	text-decoration:none;
	position:absolute;
	bottom:0;
	right:0;
	clear:both;
	margin-right: 15px;
}
.readmoreLink:hover{
	color:#FFF;
}
.linkStyle1{
	color:#F00;
	text-decoration:none;
}
.linkStyle1:hover{
	color:#FFF;
}