/* Reserved Classes */
	/* Reduce default font size from 16pt to 10pt */
    body { 
		font-size:62.5%;
		font-family: Verdana; 
		font-weight: normal; 
		font-style: normal; 
		background-color:#cccccc;
	}
/*	div { border: 1px dashed #CCC; } */
    p { 
		color: #696969; 
		font-size: 1.2em; 
		font-weight: lighter; 
		line-height: 1.2em;
	} 	
	a { 
		color: #999; 
		font-size: 1em; 
		font-weight: bolder; 
		line-height: 1.2em; 
		text-decoration: none;
	}
	a:hover { color: #c60450 }

	/* Header 1 */
  	.head1  { 
		color: #c60450; 
		font-size: 2em; 
	}
 	.head2  { 
		color:#696969;
		font-size: 1.4em; 
		font-weight: bolder; 		
		line-height: 2em; 
	}


    /* Custom ids/classes */

	.bold { font-weight:900 }
	
	/* Makes a gap */	
	.whitespace {
		width: 100%;
		height: 10px;
	}
    /* Spacer div to follow multiple floated items */     
	.spacer { 
		clear:both; 
	} 

	/* Text highlight */
	.highlight { 
		color:#c60450;
		font-style:italic;
		line-height:1.4em;
	}
	/* Copyright */
	.copyright { text-align:center; }

	/* Previous-Next */
	.PrevNext {
		float:left;
		height:20px;
		font-weight:bold;
		margin:2% 0% 0% 0%;
		padding:2% 2% 0% 2%;
	}

	/* MSEC PAGE - White bit */
  #msecpage {
		width:950px;
		height:810px;
		margin: 2% auto auto auto;
		padding: 2% 0% 0% 0%;
		background-color:#ffffff;
	}

    /* MASTHEAD */
  #masthead {
		width:100%;
		height:20%;
		margin: 1% 1% 10% 5%;
		display:inline;

	}
	
  
    #masthead ul {
		list-style-type:none;
		display:inline;
		font-size: 1.3em; 
		font-weight: bolder; 
		color: #696969;
        }
    #masthead li {
		display:inline;
		padding: 2px 15px;
	}
	
	.current { color:#c60450; }
    #divider {
		width: 850px;
		height: 1px;
		margin: 1% 1% 0% 3%;
		border-style: solid none none none;
		border-width-top: 1px
		border-color: #CCC
	}
    
    /* CONTENT */
	#content {
		float:left;
		clear:both;
		width:100%; 
		height:68%;
		padding-top:5px;
	}
    #graphics-top {
		width:875px;  
		margin:0% 0% 0% 9%;
		padding:0% 0% 0% 0%;
	}
	
	/* HOME PAGE (index) */
	.contentIndexLeftGrfx {
		float:left;
		margin-left:5%;
		margin-right:0;
		padding:0;
		width:30%;
		height:500px;
	}
	
	.thirtyCol { 
		margin:0 0 0 20%;
  } 
 
  .thirtyCol img {

		width:180px; 
		height:170px;

		border:0;
	}

	.contentIndexRightGrfx {
		float:left;
		margin-right:5%;
	}
  .contentIndexText  {
		float:left;
		width:500px;
		margin:5% 2%;
	}

	/* PROFILE */
 	#contentProfile {
		clear:both;
		width:87%; 
		margin:5%;
		height:365px;
	}
	
	/* CASE STUDIES */
	#contentCaseSLeft {
		float:left;
		width:50%;
		margin:0% 5%;
		padding:2% 2%;
		height:380px;
	}
	#contentCaseSRight {
		float:left;
		margin:4% 0% 4% 2%;
		height:250px;
		padding:2% 2%;
		border-left:2px solid #c60450;
	}
	#contentCaseSRight ul {
		list-style-type:none;
		font-size: 1.4em; 
		font-weight: bolder;

		color: #696969;
		padding:0;
    }
	#contentCaseSIndivLeft {
		float:left;
		width:600px;
		height:20px;
		margin:2% 0% 0% 4%;
		padding:2% 2%;
	}
	#contentCaseSIndiv {
		width:800px;
		height:430px;
		margin:4% 0% 0% 4%;
		padding:2% 2% 0% 2%;
	}
	
	/* CLIENTS */
	#contentClientsLeft {
		float:left;
		width:40%;
		margin:5% 2% 5% 5%;
		padding:2% 2%;
		height:290px;
		border-right:#c60450 3px solid;
	}
	#contentClientsLeft img {
		float:left;
		padding-left: 24%;
	}
	#contentClientsLeft .whitespace {
		height:100px;
	}
	.contentClientsRight {
		float:left;
		width:20%;
		margin:8% 2% 2% 0%;
		padding:0;
	}

	/* CONTACT US */
	.content-leftcol {
		float:left;
		margin: 1% 1% 2% 4%;
		border-style: none ridge none none;
		border-right-color: #c60450;
		width:29%;
		height:400px;
	}
	.contentContUsRightCol {
		float:left;
		width:55%;
		padding:1%;
	}
	.contentContUs2Col {
		float:left;
		width:32%;
		height:100px;
	}
	.contentContUs2Col img {
		float:left;
		margin:1px 2px 0px 2px;
		border:0;
	}
	.contentContUs2Col p {
		float:left;
		padding:5px 0px 0px 2px;
	}

	.contentContUsThinCol {
		float:left;
		width:30%;
		padding:1% 0 0 0;
	}
	.contentContUsThinCol img {
		border:0;
	}
	.alignLocationText { margin: 0% 12%; }
		

    /* FOOTER */
    #footer {
		clear:both;
		width:95%; 
		background:#c60450;
    border:1px solid #999;
		margin: 0% 2%;
		height:80px;
	}
    /* Reusable class for columns in the footer */ 
    .footerCol { float:left; } 
	
    /* Need this to make writing stay on same line too - must be inside footerCol */
    .footerCol img {
		float:left; 
		width:45px; 
		height:40px;
		margin:20px 1px 5px 15px;
		border:0;
	}
    .footerCol p {
		color:#FFFFFF; 
		font-size:8pt; 
		font-family:Verdana; 
		font-stretch:condensed;
		padding-left:2px;
	 	margin:30px 30px 5px 1px;
	}
	
	.footerCol	a { color: #FFF; }
	.footerCol	a:hover { color: #000; }