/* CSS Document */

/*	Arttia Style Sheet.
   
	------------------------------------------------------
   
	arttia.co.uk style sheet - v2.0
	Publication:  October 2009
	Author:  Belinda White ( belinda@arttia.co.uk )
   
	----------------------------------------------------*/


/*	Generic
	----------------------------------------------------*/
body {
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	background-image: url(images/arttia-new-home-repeat.jpg);
	background-repeat: repeat;
	


}

#wrapper {
	width: 960px;
	height: 530px;
	margin: auto;
  }

	
#left {
	width: 190px;
	height: 530px;
	float: left;

  }


/*	Top Navigation
	----------------------------------------------------*/
	
#Logo {
	height: 110px;
	width: 190px;
  }		
	
	
#NaviCreative {
	width:190px;
	top: 0px;
	height: 30px;
	left: 0px;
	right: 0px;
	padding: 20px 0px 0px;
	margin-left: 0px;
	float: left;
	text-align: center;
    }
	
a.NaviCreative:link {
	color: #669933;
	text-decoration: none;
	font-family: Cambria, serif;
	font-size: 19px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
	text-align: center;
}

a.NaviCreative:active {
	color: #669933;
	text-decoration: none;
	font-family: Cambria, serif;
	font-size: 19px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
	text-align: center;
}
a.NaviCreative:hover {
	color: #999999;
	text-decoration: none;
	font-family: Cambria, serif;
	font-size: 19px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
	text-align: center;
}

a.NaviCreative:visited {
	color: #669933;
	text-decoration: none;
	font-family: Cambria, serif;
	font-size: 19px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
	text-align: center;
}		


	
#NaviFreelance {
	width:190px;
	top: 50px;
	height: 30px;
	left: -190px;
	right: 0px;
	padding: 10px 0px 0px;
	margin-left: 0px;
	float: left;
	text-align: center;
    }
	
	
a.NaviFreelance:link {
	color: #F89828;
	text-decoration: none;
	font-family: Cambria, serif;
	font-size: 19px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
	text-align: center;
}

a.NaviFreelance:active {
	color: #F89828;
	text-decoration: none;
	font-family: Cambria, serif;
	font-size: 19px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
	text-align: center;
}
a.NaviFreelance:hover {
	color: #999999;
	text-decoration: none;
	font-family: Cambria, serif;
	font-size: 19px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
	text-align: center;
}

a.NaviFreelance:visited {
	color: #F89828;
	text-decoration: none;
	font-family: Cambria, serif;
	font-size: 19px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
	text-align: center;
}	



	
#NaviContact {
	width:190px;
	top: 95px;
	height: 30px;
	left: 0px;
	right: 0px;
	padding: 10px 0px 0px;
	margin-left: 0px;
	text-align: center;
	float: left;
    }	

a.NaviContact:link {
	color: #00728F;
	text-decoration: none;
	font-family: Cambria, serif;
	font-size: 19px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
	text-align: center;
}

a.NaviContact:active {
	color: #00728F;
	text-decoration: none;
	font-family: Cambria, serif;
	font-size: 19px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
	text-align: center;
}
a.NaviContact:hover {
	color: #999999;
	text-decoration: none;
	font-family: Cambria, serif;
	font-size: 19px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
	text-align: center;
}

a.NaviContact:visited {
	color: #00728F;
	text-decoration: none;
	font-family: Cambria, serif;
	font-size: 19px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
	text-align: center;
}

/*	Left Base Content
	----------------------------------------------------*/

#Email {
	height: 30px;
	width: 190px;
	float: left;
	text-align: center;
	left: -570px;
	top: 220px;
	padding-top: 210px;
  }

#Telephone{
	height: 40px;
	width: 190px;
	float: left;
	text-align: center;
	left: -760px;
	top: 330px;
	padding-top: 20px;
  }

#Copyright {
	height: 10px;
	width: 190px;
	float: left;
	position: relative;
	text-align: center;
	left: -760px;
	top: 330px;
  }

/*	Right Content
	----------------------------------------------------*/

#homeContent {
	height: 530px;
	width: 727px;
	float: left;
	left: 210px;
	top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
  }
  
#Latest {
	height: 200px;
	width: 727px;
	float: left;
	left: 210px;
	margin-top: 370px;
  }
 #Connected {
	height: 50px;
	width: 727px;
	float: left;
	left: 210px;
	margin-top: 0px;
  }
#Twitter {
	height: 144px;
	width: 361px;
	float: left;
	left: 210px;
  }
#Flickr {
	height: 144px;
	width: 361px;
	float: left;
	left: 210px;
  }
  
  
#CreativeServicesContent {
	height: 530px;
	width: 727px;
	float: left;
	left: 0px;
	top: 0px;
  }
  
#CreativeServices1 {
	height: 100px;
	width: 600px;
	padding-top: 50px;
	padding-left: 60px;
	padding-bottom: 20px;
  }  
 
#CreativeServices2 {
	height: 320px;
	width: 200px;
	float: left;
	padding: 20px 0px 0px 60px;
  }  
#CreativeServices3 {
	height: 320px;
	width: 220px;
	float: left;
	right: 0px;
	bottom: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
  }  
  
#CreativeContactContent {
	height: 530px;
	width: 727px;
	float: left;
	left: 210px;
	position: relative;
	top: -220px;
  }
  
#FreelanceServicesContent {
	height: 530px;
	width: 727px;
	float: left;
	top: -220px;
  }
 
#FreelanceServices1 {
	height: 100px;
	width: 600px;
	padding-top: 50px;
	padding-left: 60px;
	padding-bottom: 30px;
  }  
 
#FreelanceServices2 {
	height: 200px;
	width: 300px;
	padding-left: 60px;
	padding-top: 50px;
	position: relative;
  }  
 
 
#FreelanceContact1 {
	height: 100px;
	width: 600px;
	padding-top: 130px;
	padding-left: 60px;
	padding-bottom: 2px;
  } 
    
#FreelanceContact2 {
	height: 200px;
	width: 300px;
	padding-left: 60px;
	padding-top: 2px;
	position: relative;
  } 
  
#CreativeShowcaseContent {
	height: 530px;
	width: 727px;
	float: left;
	top: -220px;
  }  
  
#FreelancePortfolioContent {
	height: 530px;
	width: 727px;
	float: left;
	top: -220px;
  }  

/*	Text
	----------------------------------------------------*/  
  
.BodyTextCreative {
	font-family: Cambria, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #669933;
  }   
  
.HeadingTextCreative {
	text-transform: uppercase;
	letter-spacing: 2px;
	font: normal 20px/1.6em Verdana, sans-serif;
	color: #669933;
  } 
  
 .H2Creative {
	text-transform: uppercase;
	letter-spacing: 2px;
	font: normal 16px/1.6em Verdana, sans-serif;
	color: #00718F;
  }  
  
  
.BodyTextFreelance{
	font-family: Cambria, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #F89828;
  }   
  
.HeadingTextFreelance {
	text-transform: uppercase;
	letter-spacing: 2px;
	font: normal 20px/1.6em Verdana, sans-serif;
	color: #F89828;
  }   
 
 
 .H2Freelance {
	text-transform: uppercase;
	letter-spacing: 2px;
	font: normal 16px/1.6em Verdana, sans-serif;
	color: #00718F;
  }  
  
    
 .CreditText {
	font-family: Cambria, serif;
	font-size: 10px;
	font-style: italic;
	color: #999999;
  } 
  
  
 .PhoneText {
	font-family: Cambria, serif;
	font-size: 24px;
	font-style: italic;
	color: #00728F;
  }   
  

/*	 End Fresh Arttia Stylesheet

     Author - www.arttia.co.uk
								
	----------------------------------------------------*/
 
  
  a:link {
	color: #00728F;
	text-decoration: none;
}


a:active {
	color: #00728F;
	text-decoration: none;
}
a:hover {
	color: #999999;
	text-decoration: none;
}

a:visited {
	color: #00728F;
	text-decoration: none;
}