/* CSS Document */

/*----------------------------------------------------------------------------------------------------
					   	HTML TAGS
-----------------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	}

html, body {
	background: #fff;
	background-image:url(../images/bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fff;
	}
	
#container {
	width: 750px;
	position: relative;
	top: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	}
	
img {
	border: 0;
	}
	

/*----------------------------------------------------------------------------------------------------
					   	BRANDING TAGS
-----------------------------------------------------------------------------------------------------*/

#branding-quote  {
	position: absolute;
	width: 438px;
	height: 125px;
	left: 310px;
	top: 20px;
	}
	
/*----------------------------------------------------------------------------------------------------
					   	CONTENTS TAGS
-----------------------------------------------------------------------------------------------------*/

/*TOP-CONTENT-SECTION*/

#top-section {
	position: absolute;
	top: 255px;
	left: 10px;
	width: 750px;
	}

#top-left {
	float: left;
	width: 450px;
	}
	
#top-right {
	float: right;
	width: 240px;
	padding-right: 10px;
	}
	
p {
	padding: 0px 12px;
	line-height: 19px;
	letter-spacing: 1px;
	}
	
ul {
	padding: 10px 25px;
	line-height: 19px;
	letter-spacing: 1px;}
	
/*MID-CONTENT-SECTION*/

#mid-section  {
	position: absolute;
	top: 600px;
	left: 10px;
	width: 750px;
	}
	
.column {
	width: 225px;
	padding-right: 30px;
	float: left;
	}
	
.right {
	padding-right: 0px;
	}

	.right img {
		padding: 2px 0px 0px 0px;
		}
	
#mid-section a, a:link a:active {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}
	
#mid-section a:visited {
	color: #000;
	text-decoration: none;
	}
	
#mid-section a:hover {
    color: #000;
	text-decoration: underline;
	}
	
/*BOTTOM-CONTENT-SECTION*/

#bottom-section {
	position: absolute;
	top: 935px;
	left: 10px;
	width: 750px;
	}
	
#header-corporate-cms  {
  	background: url(../images/header_corporatecms.png) no-repeat;
  	margin-left: 12px;
  	width: 710px;
  	height: 35px;
  	}
	
#header-interactive {
	background: url(../images/header_interactivecrossplatform.png) no-repeat;
	margin-left: 12px;
	width: 710px;
	height: 35px;
	}
	
#header-completed {
	background: url(../images/header_projectsjustcompleted.png) no-repeat;
	margin-left: 12px;
	width: 710px;
	height: 35px;
	}

#header-recent {
	background: url(../images/header_recentselectedprojects.png) no-repeat;
	margin-left: 12px;
	width: 710px;
	height: 35px;
	}
	
#header-indevelopment {
	background: url(../images/header_currentlyindevelopment.png) no-repeat;
	margin-left: 20px;
	margin-top: 25px;
	width: 710px;
	height: 35px;
	}

.column-projects {
	background: url(../images/bg_projects.png) no-repeat;
	width: 225px;
	padding: 11px;
	margin-top: 20px;
	float: left;
	}

.column-projects img {
  padding: 2px 0px 0px 2px;
	}
	
/*--------------------------------------------------------------------------------
						IMAGE REPLACEMENT TITLES
--------------------------------------------------------------------------------*/	

.title-projects {
	background: url(../images/bullet.png) no-repeat;
	height: 13px;
	margin: 11px 0px 0px 12px;
	}
	
/*----------------------------------------------------------------------------------------------------
					   	STYLE TAGS
-----------------------------------------------------------------------------------------------------*/

#footer {
	background: url(../images/base.png);
	position: relative;
	top: 2600px;
	left: 10px;
	height: 56px;
	width: 750px;
	margin-top: 30px;
	}

/*----------------------------------------------------------------------------------------------------
					   	STYLE TAGS
-----------------------------------------------------------------------------------------------------*/

h2 {
	padding: 2px 0px 5px 12px;
	font-size: 12px;
	color: #000;
	}

#bottom-section p {
	color: #000;
	}
	
a, a:link a:active {
	color: #f60;
	text-decoration: none;
	font-weight: bold;
	}
	
a:visited {
	color: #f60;
	text-decoration: none;
	}
	
a:hover {
    color: #f60;
	text-decoration: underline;
	}
		
.clearboth { clear: both; }

.indent {
	text-indent: 15px;
	}

.viewwebsite {
	display: block;
	padding: 8px 13px;
	}