/*-----------------------------------------------
Author:   Jason Cooper
Date:  Dec 1 2009

----------------------------------------------- */


/* Browser Resets
----------------------------------------------- */

html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  input, textarea {  
	margin: 0;
	padding: 0;  
	font-size: 100%;  
	}  
ul {list-style: none;}  
img, fieldset {border: 0;}  
h1, h2, h3 {font-weight: normal;}  
em {font-style: italic;}  
strong {font-weight: bold;}  


/* Global 
----------------------------------------------- */
h1 {
  	font-family: tahoma, helvetica, sans-serif;
  	font-size: 20px;
  	line-height: 24px;	
	}
h2 {
  	font-family: tahoma, helvetica, sans-serif;
  	font-size: 18px;
  	line-height: 20px;	
	}
h3 {
  	font-family: tahoma, helvetica, sans-serif;
  	font-size: 16px;
  	line-height: 20px;	
	}	

a:link, 
a:visited, 
a:active {
	color: #cf132e;
    text-decoration: underline;
	}    
a:hover {
	color: #cf132e;
    text-decoration: none;
	}  

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
	.clearfix { display: inline-block; }
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* close commented backslash hack */

hr {
  border: none;
  background-color: #ffcd61;
  color: #ffcd61;
  height: 1px;
}

	
/* Header 
----------------------------------------------- */	
#header {
  	background-image: url("media/main-header.gif");
	background-repeat: no-repeat;
	}
	
/* Navigation
----------------------------------------------- */
#nav {
	float: right;
  	font-size: 11px;
  	margin: 0 20px 0 0;
  	color: #cc1c3a;
	}
	.navSep {
  		color: #cd1f3d;
		padding: 0 10px 0 10px;
		}
	#nav a:link, 
	#nav a:visited, 
	#nav a:active {
  		color: #565656;
		text-decoration: none;
		}    
	#nav a:hover {
		color: #d11a39;
		text-decoration: none;
		}  	
			
		
/* Body 
----------------------------------------------- */
body {
  	background-color: #232323;
  	font-family: tahoma, helvetica, sans-serif;
  	font-size: 12px;
  	line-height: 18px;
  	color: #565656;
  	text-align: center;
	}

#container {
	margin: 0 auto;
	width: 920px;
	}
	
#mainHome {
  	background-color: #fff;
  	text-align: left;
  	width: 880px;
  	height: 560px;
  	margin: 30px 0 0 0;
  	padding: 20px;
	}	
	#logoHome {
		float: left;
		margin: 0 0 0 0;
		z-index: 10
		}
	#imgHome {
		float: right;
		position: relative;
		bottom: 100px;
		right: 80px;
		z-index: 0
		}
	#txtHome {
		float: right;
		width: 440px;
		margin: 0 30px 0 0;
		position: relative;
		bottom: 85px;
		}
	#tagHome {
		font-size: 21px;
		margin: 0 0 0 200px;
		position: relative;
		bottom: 90px;
		color: #696c71;
		}
		#tagHome strong, #tagSub strong {color: #ce2039;}
		
#mainSub {
	background: #fff url('../media/bar.gif') no-repeat top left;
  	text-align: left;
  	width: 880px;
  	height: 560px;
  	margin: 30px 0 0 0;
  	padding: 20px;
	}	
#mainSub2 {
	background: #fff url('../media/bar.gif') no-repeat top left;
  	text-align: left;
  	width: 880px;
  	height: 560px;
  	margin: 30px 0 0 0;
  	padding: 20px;
	}		
	#jmcDesign {
		float: left;
		width: 220px;
		margin: 0 0 0 190px;
  		font-family: helvetica, sans-serif;
  		font-size: 12px;
		}
	#jmcDesign a:link, 
	#jmcDesign a:visited, 
	#jmcDesign a:active {
			color: #000;
			text-decoration: none;
			}    
	#jmcDesign a:hover {
			color: #d11a39;
			text-decoration: none;
			}  	
				
		
	#colLogo {
		width: 175px;
		float: left;
		}
	#contentSub {
		float: right;
		width: 500px;
		margin: 40px 0 0 0;
		position: relative;
		}
		
#contentSubProject {
		float: right;
		width:690px;
		height: 410px;
		margin: 40px 0 0 0;
		text-align: center;
		position:relative;
		}		
		
#contentSubProject img {
		position:absolute;
		top:0;
		bottom:0;
		left: 0;
		right: 0;
		margin:auto;
		text-align: center;
		}		
		
		#projectTitle {
			float: left;
			width: 350px;
			margin: 0 0 0 220px;
			font-weight: bold;
			position: absolute;
			font-size: 11px;
			line-height: 14px;
			top: 545px;
			color:#7d7d7d
			}
			
	#tagSub {
		font-size: 21px;
		color: #696c71;
		height: 23px;
		}
#scrollBox {
	padding : 4px; 
	width : 480px; 
	height : 480px;
	overflow: auto;
	}				
			
#pNav {	
	text-align: left;
	margin: 50px 0 0 30px;
	font-size: 12px;
	color: #fefd89;
	letter-spacing: 1px;
	}
	#pNav li{	
		padding: 0 0 5px 0 ;
		}
	
	
	#pNav a:link, 
	#pNav a:visited, 
	#pNav a:active {
		color: #fff;
		text-decoration: none;
		}    
	#pNav a:hover {
	color: #fefd89;
		text-decoration: none;
		}  
		
		
/* Pagination
----------------------------------------------- */	
	
#pagination {
	border:none;
	margin:0 30px 0 0;
	padding:0;
	float: right;
	text-align: right;
	font-size: 11px;
	line-height: 15px;
	}
	
	
	
#pagination ul {
	margin: 0 0 10px 0;
	letter-spacing: 0;
	}	
	
#pagination ul li {
	display: inline;
	}	
	
#pagination a {
	padding:1px 4px;
	margin:0px;
	border:none;
	text-decoration: none;
	font-family: helvetica, tahoma, sans-serif;
	color: #ababab;
	}

#pagination a:hover {
	padding:1px 4px;
	/*border:1px solid #3e3e3e;*/
	color: #d11a39;
	}

#pagination #selected a{
	padding:1px 4px;
	margin:0px;
	border:none;
	text-decoration: none;
	color: #fff;
	background-color: #ababab;
	}
	
	
/* Misc.
----------------------------------------------- */	
.imgLeft {
	float: left;
	padding: 0 20px 20px 0;
	}
.imgRight {
	float: right;
	padding: 0 0 20px 20px;
	margin: 20px 20px 0 0;
	}

#sig {
	position: absolute;
	left: -32px;
	top: 190px;
	}


/* Footer 
----------------------------------------------- */
#footer {
  	font-family: helvetica, sans-serif;
	padding: 10px 0 0 0;
	color: #989898;
	font-size: 10px;
	text-align: left;
	}	
	
/* SiteBy css */ 
#siteby { 
width:4px; 
height:4px; 
float: right;
background:url('../media/cooper.gif') no-repeat top left; 
display:block; 
} 
#siteby span { display:none; } 
#siteby a:link, #siteby a:visited { display:block; border-bottom:none; width:4px; height: 4px; }