@charset "UTF-8";
/* ######### GLOBAL ######### */
* {
	margin: 0px;
	padding: 0px;}
	
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/skin/bg.png) repeat-x;}
	
img {
	border: 0px;}
/* ######### GLOBAL ######### */

/* ######### WRAPPER ######### */
#wrapper {
	margin: auto;
	width: 800px;}
/* ######### WRAPPER ######### */

/* ######### NAV ######### */
#nav {
	margin:auto;
	width: auto;
	height: 34px;
	/*border:1px solid black;*/}
	
	#nav p {
		margin-top: 7px;
		width: 150px;
		font-size: 14px;
		color: #333333;}
	
	#nav ul {
		margin-top: -2px;
		float: right;
		display: inline;
		list-style: none;}
		
	#nav li {
		margin-left: 20px;
		display: inline;}
		
	#nav li a {
		font-size: 14px;
		color: #333333;
		text-decoration: none;}
		
	#nav li a:hover {
		color: #ED1C24;}
		
	#nav li a.selected {
		color: #ED1C24;}
/* ######### NAV ######### */

/* ######### HEADER ######### */
#header {
	margin: 75px auto 0px;
	width: auto;
	height: 105px;
	border-bottom: 4px solid #F7F7F7;}
	
	.logo {
		width: 543px;
		height: 85px;}
		
	.slogan {
		margin-top: 10px;
		width: 107px;
		height: 68px;
		float: right;
		display: inline;}
/* ######### HEADER ######### */

/* ######### CONTENT ######### */
#content {
	margin: 15px auto 0px;
	width: auto;}
	
	#latestContent {
		margin: 40px auto 0px;
		width: auto;
		height: 190px;}
		
		.latestProject {
			width: 305px;
			height: 217px;
			background:url(../images/skin/bigThumbBG.png) -10px -10px no-repeat;}
			
			.latestProject img {
				margin-top: 23px;
				margin-left: 16px;
				width: 246px;
				height: 144px;}
				
		.homepageContent {
			margin: 15px 60px 0px 0px;
			width: 383px;
			height: 161px;
			float: right;
			display: inline;
			/*border:1px solid black;*/}
			
			.homepageContent p {
				margin-bottom: 15px;
				font-size: 12px;
				color: #333333;
				line-height: 18px;}
				
			.homepageContent p a {
				color: #ED1C24;
				text-decoration: none;}
				
	#workPreview {
		margin: 40px auto 0px;
		width: auto;
		height: 205px;
		/*border:1px solid black;*/}
		
		.previewWork {
			width: 299px;
			height: 96px;
			float: left;
			display: inline;
			clear: left;
			background: url(../images/skin/smallThumbBG.png) -5px -5px no-repeat;
			/*border:1px solid black;*/}
			
			.previewWork img {
				margin-top: 16px;
				margin-left: 19px;
				border: 1px solid #CCCCCC;}
			
			.previewWork p {
				margin-top: 15px;
				margin-right: 15px;
				text-align: right;}
				
			.previewWork a {
				margin-bottom: 15px;
				font-size: 12px;
				color: #ED1C24;
				text-decoration: none;}
				
		.moreProjectsContent {
			margin: 0px 60px 0px 0px;
			width: 383px;
			height: 161px;
			float: right;
			display: inline;
			/*border:1px solid black;*/}
			
			.moreProjectsContent h2 {
				margin-bottom: 15px;}
			
			.moreProjectsContent p {
				margin-bottom: 15px;
				font-size: 12px;
				color: #333333;
				line-height: 18px;}
				
			.moreProjectsContent p a {
				color: #ED1C24;
				text-decoration: none;}
				
	.work {
		margin: 40px auto 0px;
		width: auto;
		height: 96px;
		border-bottom: 2px solid #F7F7F7;
		/*border:1px solid black;*/}
		
		.workThumb {
			width: 299px;
			height: 96px;
			float: left;
			display: inline;
			background: url(../images/skin/smallThumbBG.png) -5px -5px no-repeat;
			/*border:1px solid black;*/}
			
			.workThumb img {
				margin-top: 16px;
				margin-left: 19px;
				border: 1px solid #CCCCCC;}
				
		.workDesc {
			margin-top: 5px;
			margin-left: 25px;
			width: 320px;
			float: left;
			display: inline;
			/*border:1px solid black;*/}
			
			.workDesc h2 {
				font-size: 12px;
				color:#333333;}
				
			.workDesc p {
				font-size: 11px;
				color: #333333;}
			
		.workButton {
			margin-bottom: 15px;
			width: 102px;
			height: 26px;
			float: right;
			clear: right;
			display: inline;
			/*border: 1px solid black;*/}
				
/* ######### CONTENT ######### */

/* ######### FOOTER ######### */
#footer {
	margin: 15px auto 0px;
	padding-top: 7px;
	width: auto;
	height: 45px;
	border-top: 4px solid #F7F7F7;}
	
	.copyright {
		float: right;
		display:inline;}
		
		.copyright p {
			font-size: 12px;
			color: #333333;}
			
	.contactInfo {
		}
		
		.contactInfo p {
			font-size: 12px;
			color: #333333;}
			
		.contactInfo p a {
			color: #ED1C24;
			text-decoration: none;}
/* ######### FOOTER ######### */