/* CSS -- www.colincc.com -- 7-2007 */

body {
	margin: 0 auto; padding: 0; text-align: center; background: #7b7170 url(../i/bg_page.gif) repeat;			
	}
		
#container {border: 1px solid #000; 
			width: 850px;
			min-height:800px; /* for modern browsers */
			height:auto !important; /* for modern browsers */
			height:800px; /* for IE5.x and IE6 */
			margin: 0 auto;
			background: #fff url(../i/borderleft.gif) repeat-y;
			font: normal normal 400 .8em/160% Verdana, Arial, Helvetica, sans-serif;
			text-align: left;
			}
					
#menucolin {
width:120px;
border-top: solid #fff 1px;
margin: -3px 0 0 0;
padding: 0;
background: transparent;
font: normal normal 400 .9em/160% Arial, Helvetica, sans-serif;
float:left;
}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }
		
#menucolin li a {
        height: 32px;
		border-style: solid none none none;
        border-color: #fff;
        border-width: 1px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 24px;
        text-decoration: none;
        }

#menucolin li a:link, #menucolin li a:visited {
        color: #7b7170;
        background: url(../i/menucolin4.gif);
        display: block;
        padding: 8.5px 0px 0 26px;
        text-align: left;
        }

#menucolin li a:hover, #menucolin li #current {
        color: #7b7170;
        background: url(../i/menucolin4.gif) 0 -32px;		
        padding: 8.5px 0px 0 26px;
        text-align: left;
        }

#menucolin li a:active {
        color: #7b7170;
        background:   url(../i/menucolin4.gif) 0 -64px;
        padding: 8.5px 0px 0 26px;
        text-align: left;
        }

	
img {
	border: 0;
	}

#text {
	margin-top:15px;
	margin-left:150px;
	width:650px;
	height:auto !important; /* for modern browsers */
	background-color:#fff;
	}

#flashcontent { margin: 16px 0 0 0; width: 680px; height: 330px; }

h1{
	margin: 0 0 12px 0;
	padding: 0;
	font: normal normal 600 1.2em/160% Verdana, Arial, Helvetica, sans-serif;
	color: #7b7170;
	}
	
h2{
	margin: 0;
	padding: 0;
	text-align: center;
	font: normal normal 600 1em/160% Verdana, Arial, Helvetica, sans-serif;
	color: #7b7170;
	}

h3{
	margin: 0;
	padding: 0;
	text-align: left;
	font: normal normal 600 1em/160% Verdana, Arial, Helvetica, sans-serif;
	color: #7b7170;
	}
		
h4{
	margin: 0;
	padding: 0;
	text-align: center;
	font: normal normal 400 .8em/160% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.portfolio {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	display:block;
	border-bottom: 1px solid silver;
	}
.portfolio strong {
	font-size: .8em;
	font-weight: normal;
	text-transform: uppercase;
	color: #7b7170;
	}
.portfolio img {
	float: left;
	margin: 0 20px 0 0;
	}
.portfolio a {
	color:#c00; 
	text-decoration:none;
	border:0;
	}
.portfolio a:hover {
	color:#000; 
	text-decoration:none;
	}

.news {
	margin:0 0 10px 0;
	padding:0;
	display:block;
	height: auto;
	border-bottom: 1px solid silver;
	}
.news strong {
	font-size: .8em;
	font-weight: normal;
	text-transform: uppercase;
	color: #7b7170;
	}
.news img {
	border:0px;
	}
.news a {
	color:#c00; 
	text-decoration:none;
	}
.news a:hover {
	color:#000; 
	text-decoration:none;
	}

.brochure a {
	color:#c00; 
	text-decoration:none;
	}
.brochure a:hover {
	color:#000; 
	text-decoration:none;
	}

.staff {
	margin:0 0 10px 0;
	padding:0 0 0 0;
	display:block;
	border-bottom: 1px solid silver;
	}
.staff strong {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
	}
.staff img {
	float: left;
	margin: 0 20px 0 0;
	}
.staff a {
	color:#c00; 
	text-decoration:none;
	border:0;
	}
.staff a:hover {
	color:#000; 
	text-decoration:none;
	}
		
#footer {
	margin: 15px 0 0 0;
	padding: 0;
	}