@charset "utf-8";
/* CSS Document */

p{
	margin: 0 0 20px 0;
	line-height: 24px;
	text-align: justify;
	color: #3a3a3a;

}


body{
	background: url(../images/main-bg.gif) repeat-x #FFFFFF;
	margin: 0;
	padding: 0;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	}
	
#wrap{
	width: 857px;
	margin: auto;	
	}
	
#header{
	width: 857px;
	height: 139px;
	border-bottom: 2px solid #dddddd;
	clear: both;
	}

#logo{
	width: 253px;
	height: 139px;
	float: left;
	}
	
#nav{
	width: 524px;
	height: 34px;
	padding: 104px 0 0 80px;
	float: left;
	font-size: 1px;
	color: #FFFFFF;
	}
	
#nav a{
	font-size: 1px;
	color: #FFFFFF;
	}
	
#home{
	background: url(../images/home.gif) bottom;
	width: 101px;
	height: 34px;
	float: left;
	}
	
#home a{
	background: url(../images/home.gif) top;
	width: 101px;
	height: 34px;
	float: left;
	}
	
#home a:hover{
	background: url(../images/home.gif) bottom;
	width: 101px;
	height: 34px;
	float: left;
	}
	
#solutions{
	background: url(../images/solutions.gif) bottom;
	width: 158px;
	height: 34px;
	float: left;
	}
	
#solutions a{
	background: url(../images/solutions.gif) top;
	width: 158px;
	height: 34px;
	float: left;
	}
	
#solutions a:hover{
	background: url(../images/solutions.gif) bottom;
	width: 158px;
	height: 34px;
	float: left;
	}
	
#portfolio{
	background: url(../images/portfolio.gif) bottom;
	width: 154px;
	height: 34px;
	float: left;
	}
	
#portfolio a{
	background: url(../images/portfolio.gif) top;
	width: 154px;
	height: 34px;
	float: left;
	}
	
#portfolio a:hover{
	background: url(../images/portfolio.gif) bottom;
	width: 154px;
	height: 34px;
	float: left;
	}
	
#contact{
	background: url(../images/contact.gif) bottom;
	width: 110px;
	height: 34px;
	float: left;
	}
	
#contact a{
	background: url(../images/contact.gif) top;
	width: 110px;
	height: 34px;
	float: left;
	}
	
#contact a:hover{
	background: url(../images/contact.gif) bottom;
	width: 110px;
	height: 34px;
	float: left;
	}
	
#flash-wrap{
	width: 857px;
	height: 280px;
	border-bottom: 1px solid #dddcdc;
	padding: 22px 0 0 0;
	float: left;
	}
	
.flash-mov{
	width: 857px;
	height: 268px;
	float: left;
	}
	
.content{
	width: 857px;
	float: left;
	padding: 30px 0 60px 0;
	}
	
.content-left{
	width: 435px;
	float: left;
	}
	
.content-left p{
	padding: 20px 60px 0 20px;
	}
	
.content-right{
	width: 422px;
	float: left;
	}
	
.solutions-left{
	width: 400px;
	float: left;
	}
	
.solutions-left p{
	padding: 0 60px 0 20px;
	}
	
.contact-left{
	width: 340px;
	float: left;
	}
	
.contact-left a{
	color: #00b0eb;
	text-decoration: none;
	}
	
.contact-left a:hover{
	color: #ff821d;
	}
	
.contact-left p{
	padding: 0 60px 0 20px;
	}
	
.contact-right {
	width: 402px;
	padding: 0 60px 0 0;
	float: left;
	}
	
.contact-right p{
	padding: 0;
	margin: 0;
	}
	
.contact-right ul{
	float: left;
	margin: 0;
	padding: 20px 0 0 0;
	list-style: none;
	}
	
.contact-right li{
	padding-bottom: 15px;
	font-size: 16px;
	color: #484847;
	}
	
.contact-right input{
	width: 348px;
	height: 24px;
	background-color: #eeeeee;
	border: 1px solid #dedede;
	font-size: 14px;
	padding: 6px 6px 0 6px;
	}
	
.contact-right textarea{
	width: 360px;
	height: 200px;
	background-color: #eeeeee;
	border: 1px solid #dedede;
	}
	
	
.inner-top{
	width: 857px;
	border-bottom: 8px solid #dddddd;
	clear: both;
	text-align: right;
	padding-top: 5px;

}

.portfolio-wrap{
	width: 857px;
	float: left;
	text-align: right;
}
	
#footer{
	width: 857px;
	float: left;
	border-top: 2px solid #dddddd;
	font-size: 12px;
	color: #b0afaf;
	padding: 8px 0 30px 0;
	}
	
#footer .footer-links{
	float: left;
	width: 314px;
	padding: 0 0 0 20px;
	}
	
#footer .footer-links a{
	color: #b0afaf;
	text-decoration: none;
	}

#footer .footer-links a:hover{
	color: #00b0eb;
	}
	
#footer .footer-copy{
	float: left;
	width: 523px;
	text-align: right;
	}