body { margin:0; padding:0; font-size: 62.5%; text-align:center; font-family: arial, helvetica, sans-serif; color:#000000; background: url(images/background-grad.gif) repeat-x;}

/* =TEXT & HEADINGS
---------------------------------------------------*/
	p { margin: 0; padding: 0;  font-size: 1.2em; line-height: 16px; color:#666666;}
	p strong{color:#000000;}
	a { margin: 0; padding: 0; text-decoration:none; color: #0FADB4;}
	a:hover{ text-decoration:underline; }	

	/* CONTAINERS  
---------------------------------------------------*/
	#content { position: relative; width:768px; margin:0 auto; padding-top:7px; text-align:left; }
	
	/* TOP CONTAINERS
---------------------------------------------------*/
	#header { width:768px;  height:155px; margin:0; padding:0; background:#000000;}
	
	#home {float:left; width:768px; height:166px; padding:0; margin:0;background: url(images/abstract-turquoise.jpg) no-repeat top; }
	#company {float:left; width:768px; height:166px; padding:0; margin:0;background: url(images/abstract-blue.jpg) no-repeat top; }
	#servicespage {float:left; width:768px; height:166px; padding:0; margin:0;background: url(images/abstract-green.jpg) no-repeat top; }	
	#portfolio {float:left; width:768px; height:166px; padding:0; margin:0;background: url(images/abstract-red.jpg) no-repeat top; }		
	#showreel {float:left; width:768px; height:166px; padding:0; margin:0;background: url(images/abstract-purple.jpg) no-repeat top; }	
	#contact {float:left; width:768px; height:166px; padding:0; margin:0;background: url(images/abstract-orange.jpg) no-repeat top; }
	
	.logo {float:left; margin: 0; padding: 10px 0 0 40px; width:363px; height: 60px;}
	#subheading {float:left; width:600px; padding:5px 0 0 40px; margin:0;}
	h1 {padding:0; margin:0; font-size: 1.4em; line-height: 18px; color:#FFFFFF;font-weight: normal;}
	h1 a{text-decoration:underline; color:#FFFFFF;}
	
	/* MID CONTENT
---------------------------------------------------*/
	#midtop {float:left; width:768px; height:19px; padding:0; margin:0; background: url(images/background_top.gif) no-repeat; }
	#mid {float:left; width:768px; height:450px; padding:0; margin:0; background: url(images/content_background.gif) repeat-y; }
	#midPortfolio{float:left; width:768px; padding:0; margin:0; background: url(images/content_background.gif) repeat-y; }
	#midPortfolio a {color:#DD1346;}
	#portfolioNav{padding:5px 0 40px 35px;}
	.portfolio{float:left; padding:0;}
	#portfolioIntro {padding:10px 0 10px 38px; width:500px;}
	#portfolioIntro p{font-size: 1.3em;line-height: 18px;}
	
	#showreelHolder{padding:5px 0 0 132px;}

	#mid p {padding:5px 0 5px 0;}
	#midPortfolio p {padding:5px 0 5px 0;}
	#leftColumn{float:left; width:336px; padding:10px 0 15px 39px;}
	#rightColumn{float:left; width:336px; padding:10px 0 15px 27px;}
	#intro p{padding-bottom:20px;font-size: 1.3em;line-height: 16px;}
	#services {height:378px; padding-right:10px}
	#contactUs {height:378px; padding-right:10px}
	#contactUs a{color: #E66E08;}
	#clients {height:373px;}
	#projects {height:378px;}
	
	/* BUTTON
---------------------------------------------------*/
	.projectRow {float:left; width:720px; margin:10px 0 10px 31px;}
	.projectRow p {padding:0; margin:0; font-size: 1.1em; line-height: 14px;}
	.projectRow a {font-weight: bold; color:#bb0d0e; url(images/portfolio/bullet.gif) no-repeat;}
	
	.project {padding:0; height:95px;}
	.project strong {padding:0; margin:0; font-size: 1.2em; line-height: 16px;}
	.project a {font-weight: bold;}
	.project p {padding:0; margin:0; font-size: 1.1em; line-height: 14px;}
	.project .left {float:left; width:210px; padding-right:8px;}
	.project .right {float:right; padding-right:8px;}
	.client {clear:both; float:left; padding-bottom:8px;}
	.clients {clear:both; float:left;}
	
	/* SERVICES
---------------------------------------------------*/
	.service{padding:0 0 0 39px; margin:0;}
	.service_b{padding:5px 0 0 39px; margin:0;}
	.serviceLeft{height:120px; float:left; width:336px; padding:10px 0 0 0;}
	.serviceRight{height:100px; float:left; width:336px; padding:40px 0 0 29px;}
	.serviceRight ul { padding:0 0 0 30px; margin:0; list-style:none; font-size: 1.2em; line-height:18px; font-weight: bold;}
	
	/* BUTTON
---------------------------------------------------*/
	.button a{font-size: 1.1em; color:#ffffff; padding:0 0 0 30px; display:block; width:316px; height:20px; background: url(images/turquoise-button.gif) no-repeat;}
	.companyButton a{font-size: 1.1em; font-size: 1.1em; color:#ffffff; padding:0 0 0 30px; display:block; width:316px; height:20px; background: url(images/blue-button.gif) no-repeat;}
	.servicesButton a{font-size: 1.1em; color:#ffffff; padding:0 0 0 30px; display:block; width:316px; height:20px; background: url(images/green-button.gif) no-repeat;}
	.contactButton a{font-size: 1.1em; color:#ffffff; padding:0 0 0 30px; display:block; width:316px; height:20px; background: url(images/orange-button.gif) no-repeat;}
	
	/* FOOTER
---------------------------------------------------*/
	#footer { float:left; width:768px; height:66px; padding:0; margin:0; background: url(images/footer_background.gif) no-repeat; }
	#footer p {float:left; padding: 15px 0 0 39px; font-size: 1.3em; font-weight: bold; color:#000000;line-height: 13px;}
	#footer .tel {padding-left:15px;}
	#footer a {color:#000000;}
	#copyright p {clear:both; padding: 3px 0 0 39px; font-size: 1em; font-weight: normal; color:#999999;line-height: 13px;}
	#copyright a {color:#999999;}
	
	/* NAVIGATION
---------------------------------------------------*/
	.nav { float:left; margin: 0; padding-top: 20px;  width:150px; height: 61px;}
	.nav  ul { margin:0; list-style:none; font-size: 1.3em; }
	.nav ul li a { display:block; padding: 0 0 0 30px; color:#FFFFFF; width: 135px; height: 19px;}
	.nav ul li#n1 a { background: url(images/nav_highlight.gif) 0px 1px no-repeat; height: 19px;}