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


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.820em;
	margin-top:30px;
	background-image: url(images/bg-spot.gif);
	width:865px;
	background-repeat: repeat;
	margin:auto;
	}

h1{ 
 font-size:1.4em;
 color:#2580a2;}

h2{font-size:1.2em;
 color:#2580a2;}

p { font-size: 0.875em;
	 color:#333;}


a {	color:#2580a2;
	text-decoration:none}
.left{
	float:left;}
	
.right {
	float:right;}
		
.clear{ clear:both}

.blue{
	color:#2580a2;}
	
.bold { font-weight:bold}

.subtitle{
	line-height:18px;
	font-weight:normal;
	font-size:0.9em}

.client{ 
	font-size:1.075em;
	font-weight:bold;
	color: #2580a2;}

#main { 
	width:865px;
	padding-top:30px;
	margin:auto}
	
#header {
	background: url(images/arts-design-logo.gif) no-repeat left top;
	height:80px}

#content { 
	background:#efefef url(images/bg-circle.jpg) no-repeat bottom right;;
	width:865px;
	height:500px;
	border: 1px solid #ccc;
	}
	
#content-left{
	width:400px;
	float:left;
	padding: 20px;
	padding-top:0px}
	
#content-right{
	width:400px;
	float:right;}

#content-right-home{
	width:400px;
	float:right;
	padding-top:80px;}
	
#contentleft-portfolio{
	width:300px;
	background:#fff;
	height:380px;
	border: 1px solid #ccc;
	padding: 20px;
	margin:19px 10px 10px 7px;
	}

#footer{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.800em;
		font-weight:bold;
		padding-top:10px;}

/* details*/

#slogan {
	text-align:right;
	font-size:14px;
	padding-top:50px;
	font-weight:bold;}

#nav { 
	width: 439px;
	float:right;}
	
.homeimage
	{background:url(images/home-img.jpg) no-repeat left;
	 height:370px;
	 padding-top:20px}


.portfolioimage { 
	background:url(images/leftportofolio-img.jpg) no-repeat left;
	height:415px;
	padding:0px}


.left-arrow{
	background:url(images/arrow-left.jpg) no-repeat left;
	height:35px;
	padding-left:35px;
	line-height:35px;
	margin-right:35px}
	
.right-arrow{
	background:url(images/little-arrow-right.jpg) no-repeat left;
	height:35px;
	padding-left:35px;
	line-height:35px;
	}
	
.top-arrow{
	background:url(images/arrow-top.jpg) no-repeat left;
	height:35px;
	padding-left:35px;
	line-height:35px;
	margin-right:35px} 
	
	
.bottom-arrow {
	background:url(images/arrow-bottom.jpg) no-repeat left;
	height:35px;
	padding-left:35px;
	line-height:35px}
	
#pricestable{
		border:1px solid #ccc;
		padding: 10px;
		background: #fff;
		margin-top:50px}