/*********************************************
/* CSS Sheet Sitewide (Screen)
/*********************************************

/* Layout */
	html, body { 
		background-color : #F3F3F3; 
	}
	
	a img {
		text-decoration: none;
		border: 0 none;
	}
			
	#container {
		width : 940px;
		margin : 0 auto;
	}

/* Header - Logo */
	#container #header { 
		height : 210px; 
	}

	#container #header img {
		height : 144px;
		width: 250px;
		color : #F3F3F3;
	}

/* Header - Menu */
	#container #header #menu {
		clear : both;
		background-color : #3490d1;
		background-image : url(../img/menu-bg.png);
		background-repeat : no-repeat;
		height : 56px;
		margin-top : 0px;
	}
		
	#container #header #menu ul,
	#container #header #menu ul li {
		margin : 0;
		padding : 0;
		list-style-type : none;
	}
		
	#container #header #menu ul li { 
		float : left; 
	}
		
	#container #header #menu a {
		display : block;
		height : 56px;
		text-indent : -999999px;
		background-repeat : no-repeat;
		background-position : top;
		padding-left: 20px;
	}
		
	#container #header #menu a:hover { 
		background-position : bottom; 
	}
		
	#container #header #menu a.active { 
		background-position : bottom; 
	}
		
	#container #header #menu a.home {
		background-image : url(../img/home.png);
		width : 155px;
	}
		
	#container #header #menu a.about-us {
		background-image : url(../img/about-us.png);
		width : 165px;
	}
		
	#container #header #menu a.what-we-do {
		background-image : url(../img/what-we-do.png);
		width : 150px;
	}
		
	#container #header #menu a.portfolio {
		background-image : url(../img/recent-work.png);
		width : 155px;
	}
		
	#container #header #menu a.contact {
		background-image : url(../img/contact-us.png);
		width : 142px;
	}

	#container #content { 
		clear: both;
	}

/* Footer - Columns */

	#container #footer {
		border-top : 2px solid #DBDBDB;
		padding : 10px 0px;
		border-bottom : 2px solid #DBDBDB;
		margin-top: 10px;
	}

	#container #footer ul,
	#container #footer ul li {
		margin : 0;
		padding : 0;
		list-style-type : none;
	}
	
	#container #footer ul li {
		float : left;
		width : 300px;
		padding-right : 20px;
	}

	#container .footer-blocks {
		width:300px;
		float:left;
		padding-left:3px;
	}
	
	#container .projects {
		width:290px;
		padding-left:30px;
	}
	
	#container .footer-blocks #twitter_div a { 
		color:#0084B4; 
	}
	
	#container .footer-blocks #twitter_div li {
		height:62px;
		width:280px;
		background-image:url(images/tweet-bg.jpg);
		background-repeat:no-repeat;
		padding:10px;
		padding-top : 20px;
		margin-top:10px;
		font-size : 12px;
		color : #666666;
		line-height : 140%;
	}
	
	#container .footer-blocks .work:hover { 
		border : 4px solid #4D4D4D; 
	}

	#container .footer-blocks .work {
		background-color:#FFFFFF;
		border:4px solid #656565;
		color:#FFFFFF;
		display:block;
		height:130px;
		margin:0 10px 20px 5px;
		width: 175px;
	}
	
/* Footer - Contact Us Form */

	form { margin-top:0; }
	
	form { 
		font-size: 100%; 
	}
	
	form div { 
		margin-bottom:0; 
	}
	
	fieldset div {
		margin:0;
		padding:0;
		width: 150px;
	}
	
	fieldset div div {
		margin:0;
		padding:0;
	}
	
	fieldset {
		margin:0;
		padding:0;
	}
	
	fieldset label { 
		width:auto; 
	}
	
	legend {
		color:#FFF;
		font-style:italic;
		font-size:1.2em;
		margin-bottom:0.5em;
		padding:0.2em;
		width:auto;
		border:1px solid #CCC;
		display: none;
	}

	fieldset {
		border: 0 none;
	}
	
	.contactform {
		margin-top : -15px;
	}
	
	.contactform input, .contactform textarea {
		background-color:#FFF;
		border:1px solid #CCC;
		padding:5px;
		color : #666666;
		font-size : 12px;
	}
	
	.contactform input.checkbox { 
		border: none; 
	}
	
	.contactform label {
		display: block;
		float: left;
		width: 150px;
		margin-top:5px;
		margin-bottom : 3px;
		color : #666666;
	}
	
	.contactform label.label {
		display: inline;
		float: none;
		width: 50px;
		font-size: 10px;
	}
	
	.contactform .fbsubmit {
		border :0;
		width:98px;
		height:30px;
	}
	
	.contactform textarea {
		background-color:#FFF;
		border:1px solid #CCC;
		width: 300px;
	}

	.submit {
		margin-top:0.5em;
		padding:0;
	}
	
	.submit input { 
		padding: 0 !important; 
	}
	
/* Footer - Copyright */
	
	#container #copyright {
		height:40px;
		background-image:url(../img/footer.png);
		background-repeat:no-repeat;
		padding:0 0 15px 0;
		margin-top: 10px;
	}
		
	#container #copyright p {
		text-align:right;
		padding:10px 10px 20px 0;
		color:#ECF2E1;
		font-size:11px;
	}
		
	#container #copyright a {
		color:#ECF2E1;
		text-decoration:underline;
	}

/* Home Page */
	#container #content #banner {
	
	}
	
	#container #banner img {
		color: #F3F3F3;
		height: 240px;
		display : block;
	}
		
	#container #action-box img {
		color: #F3F3F3;
		height: auto;
	}
		
	#container #action-box {
		background-color : #5D5D5D;
		background-image : url(../img/action-box.png);
		background-repeat : repeat-x;
		height : 60px;
		}
		
	#container #action-box .learnMore {
		float : right;
		margin-right : 7px;
		margin-top : 6px;
	}
		
	#container #action-box ul,
	#container #action-box ul li {
		margin : 0;
		padding : 0;
		list-style-type : none;
	}
		
	#container #action-box ul { }
		
	#container #action-box ul li {
		padding : 0px 15px;
		padding-top : 18px;
		height : 42px;
		float : left;
		background-image : url(../img/seperator-grey.png);
		background-repeat : no-repeat;
		background-position : right;
	}
		
	#container #action-box ul li a {
		color : #FFFFFF;
		font-size : 18px;
		font-family : "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	}

/* Non-specific Formatting Tags */

	.clear
	{
		clear: both;
	}
