/* CSS Document */

/* artifact design group - company website */

 
/* ---------- Primary layout divisions ---------- */ 

body {
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	font: small "Trebuchet MS", Arial, Helvetica, sans-serif; /* small Georgia, "Times New Roman", Times, serif */		
	}

div#wrapper {
	width: 800px;
	margin-left: auto; 
	margin-right: auto;
	height: 100%;
	padding: 0;
	text-align: left;
	background-color: #FFFFFF;
	}
	
div#logo {
	height: 1px;
	}

div#banner{
	margin: 0;
	padding: 0;
	border: 0;
	}

div#globalnav{
	height: 140px;
	background: #000000 url(img/banner.gif) left top no-repeat;
	}
	
div#sidebar {
	width: 180px;
	text-align: right;
	float: left;
	}

div#subnav {
	margin: 10px 22px 0 0 ;
	}

div#buttons {
	margin: 0 20px 0 30px ;
	height: 105px;
	}
	
div#project_details {
	margin: 40px 22px 0 30px ;
	height: 170px;
	}

div#content {
	height: 400px;
	}
	
div#maincontent {
	width: 450px;
	margin-left: 180px;
	padding-bottom: 50px;
	}
	
div#folio {
	margin: 0 0 0 180px;
	}

div#footer {
	text-align: center;
	}
	
	
	

/* ---------- Global Navigation styles ---------- */ 

#globalnav ul {
	list-style: none;
	margin: 0;
	padding: 8px 5px 0 0;
	float: right;
	}
	
#globalnav li {
	display: inline;
	}
	
#globalnav a:link,  #globalnav a:visited {
	padding: 0 20px 0 0;
	text-decoration: none;
	color: #FFFFFF;
	}
	
#globalnav a:hover {
	color: #ec008b;
	}

	
body#home li.home a,
body#portfolio li.portfolio a,
body#about li.about a,
body#contact li.contact a{
	color: #ec008b;
	}



/* ---------- SUB Navigation styles ---------- */ 

#subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 80%;
	}
	
#subnav li {
	margin-top: 1px;
	}
	
#subnav a:link,  #subnav a:visited {
	padding: 0;
	text-decoration: none;
	color: #000;
	}
	
#subnav li a:hover, #subnav li.active a{
	color: #ec008b;
	}

	
	


/* ---------- Buttons Navigation styles ---------- */ 

#buttons ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#buttons li {
	display:inline;
	}
	
#buttons a:link img,  #buttons a:visited img{
	padding: 0;
	margin: 0;
	border: 2px solid #fff;
	}
	
#buttons li a:hover img, #buttons li.active a img {
	border: 2px solid #ec008b;
	}



/* ---------- Fonts ---------- */ 

p {
	font-size: 100%;
	padding-bottom: 8px;
	margin: 0;
	letter-spacing: -0.01em;
	}
	
#home p {
	font-size: 110%;
	}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 135%;
	padding: 57px 0 15px 0;
	margin: 0;
	}
	
#home h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 170%;
	}
	
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	margin: 0 0 5px 0;
	}
	

#project_details h2 {
	font-size: 95%;
	}
	
#project_details p {
	font-size: 80%;
	}

.pink {
	color: #ec008b;
	}

#footer p {
	font-size: 80%;
	}


/* ---------- images ---------- */ 


img {
	border: 0;
	}
	
#logo img {
	display: none;
	}
	
/* ---------- links ------------ */


a {
	color: #ec008b;
	}