/* ----- Heading ----- */

html,body {
	height: 100%;
}

body {
	margin: 0 auto;
	padding: 0;
	height: 100%;
}

a { text-decoration:none; color:#000000; }
a.navigation:link { text-decoration:none; color:#000000; }
a.navigation:visited { text-decoration:none; color:#000000; }
a.navigation:active { text-decoration:none; color:#000000;  }
a.navigation:hover { text-decoration:none; color:#000000;  }


#container {
	height: 100%;
	width: 917px;
	margin: 0 auto;
	margin-top: 8px;
	margin-bottom: 15px;
	border: solid 1px #dcdcdc;
}

body > #container {height:auto;min-height:620px;}

#logo {
	height: 47px;
	width: 184px;
	margin: 0 0 50px 45px;
}

#navigation {
    font: 11px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

#navigation ul {
	list-style-type: none;
}

#navigation ul li {
	display: inline;
	float: left;
	padding-left: 45px;
	margin-bottom: 16px;
}

#navigation ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
}

#navigation ul li a:hover {
	color: #b50937;
}

#content {
	width: 917px; 
	margin-top: 40px;
	padding-left: 44px;
	padding-bottom: 75px;
	
	
}

/* ----- End of Heading ----- */



/* ----- Home Page ----- */

#hheader {
	width: 891px;
	height: 222px;
	margin-left: 15px;
}

.fwork {
	display: inline;
	
}

#img1 {
	width: 304px;
	height: 106px;
	float: left;
}

#img2 {
	width: 394px;
	height: 193px;
	float: left;
}

#head {
	width: 484px;
	height: 106px;
	float: left;
	margin-left: 25px;
	
}

#head p {
	color: #b50937;
	font: bold 11pt Helvetica, Arial, san-serif;
	text-transform: uppercase;
	line-height: 16pt;
	letter-spacing: 1.05px;
}

#desc {
	width: 370px;
	height: 85px;
	float: left;
	margin-left: 26px;
}

#desc p {
	color: #000;
	font: 10pt Helvetica, Arial, san-serif;	
	line-height: 14pt;
}

#desc p a {
	color: #666;	
}

#desc p a:hover {
	color: #b50937;	
}


/* ----- End of Home Page ----- */


/* ----- About Page ----- */

#aheader {
	width: 891px;
	height: 128px;
	margin-left: 15px;
}

#aheading {
	width: 407px;
}

#aheading h3 {
	color: #b50937;
	font: bold 11pt Helvetica, Arial, san-serif;
	text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 20px;
	letter-spacing: 1px;
	
}

#atext {
	display: inline;
	height: 130px;
}

#aleft {
	float: left;
	width: 407px;
	padding-right: 20px;
	height: 130px;
}

#aright {
	float: left;
	width: 412px;
	height: 130px;
}

#aleft, #aright p {
	color: #000;
	font: 10pt Helvetica, Arial, san-serif;	
	line-height: 14pt;
	height: 130px;
}

/* ----- End of About Page ----- */

/* ----- Portfolio Page ----- */



#submenu {
	font: bold 11pt Helvetica, Arial, san-serif;
	text-transform: uppercase;
	
}

#submenu ul {
	list-style-type: none;
}

#submenu ul li {
	display: inline;
	float: left;
	padding-right: 10px;
}

#submenu ul li a {
	color: #b1b0b0;
	display: block;
	width: 100%;
	text-decoration: none;
}

#submenu ul li a:hover {
	color: #b50937;
}

#submenu ul li span {
	color: #b1b0b0;
}




/* ----- End of Portfolio Page ----- */


/* ----- Contact Page ----- */

#cheader {
	width: 891px;
	height: 128px;
	margin-left: 15px;
}

#cleft {
	width: 155px;
	float: left;
	padding-right: 85px;
}

#cleft h3 {
	color: #b50937;
	font: bold 11pt Helvetica, Arial, san-serif;
	text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 20px;
	letter-spacing: 1px;
	
}

#cleft p {
	color: #000;
	font: 10pt Helvetica, Arial, san-serif;	
	line-height: 14pt;
	
}

.red {
	color: #b50937;	 
}

.indent {
	padding-left: 15px;	
}

#cright {
	float: left;	
}

#cright h3 {
	color: #b50937;
	font: bold 11pt Helvetica, Arial, san-serif;
	text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 20px;
	letter-spacing: 1px;
	
}

#cright img {
	padding-right: 50px;	
}

/* ----- End of Contact Page ----- */


/* ----- Footer ----- */

#footer {
	position: relative;
	height: 75px;
	clear: both;
	width: 617px;
	text-align: center;
	margin: 0 auto;
	width: 917px;
} 

#footer ul {
	list-style-type: none;
	width: 425px;
	margin: 0 auto;
}

#footer ul li {
	display: inline;
	float: left;
	padding-right: 30px;
}

#footer ul li a {
	display: block;
	width: 100%;
	font: 8pt Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #4d4d4f;
}

#footer ul li a:hover {
	color: #b50937;
}

#footer p {
	display: inline;
	font: 8pt Helvetica, Arial, sans-serif;
	color: #4d4d4f;
	margin-right: 60px;
	
}

#footer p a {
	color: #000;	
}

#footer p a:hover {
	color: #b50937;	
}


/* ----- End of Footer ----- */


.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */