/* Mint Chocolate Chip - (c) 2006 andrewstrojny.com */

/* You may use this CSS and use its techniques in your own projects, but keep in mind the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2006 Andrew Strojny */ 

/* Enjoy! */


/* ----- Structure and Layout ----- */

body {
	text-align : center;
	background-color: #939494;
	min-width : 770px ;
	}
	
img {
	border:0;
	}
	
p {
	padding: 0 0 0 0;
	}	

#wrapper {
	width : 770px;
	text-align : left ;
	margin-left : auto ;
	margin-right : auto ;
	}
	
#header {
	padding-top: 10px;
	}

#maincontainer {
	float: left;
	width : 770px;
	background: url(images/container.jpg) repeat-y;
	}

#padding18 {
	clear: both;
	padding: 18px 0 0 0;
	}
	
#padding5 {
	clear: both;
	padding: 5px 0 0 0;
	}
	
#padding8 {
	clear: both;
	padding: 8px 0 0 0;
	}
	
#padding1 {
	clear: both;
	padding: 1px 0 0 0;
	}
	
#padding10 {
	clear: both;
	padding: 10px 0 0 0;
	}	

#padding14 {
	clear: both;
	padding: 14px 0 0 0;
	}	

#content {
	float: left;
	width: 435px;
	padding: 0 7px 5px 30px;
	}
	
#content_300r {
	float: right;
	padding: 0 10px 20px;
	}
	
#full_width_content {
	float: left;
	width: 680px;
	padding: 0 0 2px 40px;
	}

#cinf {
	float: left;
	margin: 0px 0px 0 100px;
	}
	
#services {
	float: left;
	width: 720px;
	padding: 0px 25px 10px 25px;
	}

#newsbox {
	float: right;
	padding: 0 0 0 0;
	}
	
	
#innernews {
	width: 249px;
	height: 570px;
	margin: 0px 25px 0 0;
	padding: 10px 10px 10px 10px;
	background: #e8E8E9;
	border: 1px outset black;
	}

#newsbox_r {
	float: right;
	padding: 40px 25px 0 0px;
	}

#innernews_r {
	width: 270px;
	height: 240px;
	
	background: #e8E8E9;
	
	}		



#newsbox_l {
	float: left;
	padding: 100px 50px 0 50px;
	}

#innernews_l {
	width: 260px;
	height: 200px;
	
	background: #e8E8E9;
	
	}
	
	
#newsbox_la {
	float: left;
	padding: 0px 50px 0 30px;
	}

#innernews_la {
	width: 300px;
	height: ;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	background: #bccacb;
	border: 2px outset black;
	}		
	
/* ----- Navigation -----  */

#nav {
	float: left;
	padding: 0 0 2px 13px;
	margin: 0;
	}
	
#navinner {
	float: left;
	width: 745px;
	height: 41px;
	background: url(images/NavBar.jpg) no-repeat;
	
	}
	
#nav ul {
	margin: 0;
	padding: 0 0 0 27px;
	list-style: none;
	
	}
	
#nav li {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	}
	
#nav li a {
	float: left;
	text-align: center;
	margin: 5px 0 0 0;
	padding: 4px 12px;
	font-weight: bold;
	text-decoration: none;
	background: #646464;
	color: #d0d2d0;
	border-bottom: 2px solid #d0d2d0;
	border-right: 2px solid #d0d2d0;
	
	}
	
#nav li a:hover {
	color: white;;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
	background: ;
	
	}
	
#nav li a.active {
	color: #edeaea;;
	background: #833036;
	border-bottom: 2px solid #d0d2d0;
	border-right: 2px solid #d0d2d0;
	}
	

/* ----- Typography ----- */

body {
	font: small Verdana, Sans-serif;
	line-height: 1.2em;
	color: #444444;
	}

#Portfolio_Explain {
	font-size: 1em;
	font-weight:200;
	color:black;
	
	padding: 10px 10px 10px 10px;
	
	}
	
#Contact {
	font-size: 1em;
	font-weight:200;
	color:black;
	
	}

h1 {
	padding-top: 0px;
	color: #773036;
	font-size: 1.15em;
	}
	
#h1_services {
	padding-top: 20px;
	color: ;
	font-size: 1.15em;
	}
	
#h1_ad {
	font-family: Tahoma;
	padding-top: 0px;
	padding-left: 5px;
	font-size: 1.2em;
	font-style: ;
	font-weight:900;
	color: black;
	}

#p_ad1 {
	font-family: Tahoma;
	font-size: 1.1em;
	color: #833036;
	}
	

#p_in {
	margin-left: 5px;
	padding: 5px 0px 20px 10px;
	color: black;
	}

#p_main {
	margin-left: 0px;
	padding: 0px 0px 10px 5px;
	color: black;
	}

#button {
	margin-left: 20px;
	padding: 0px 0px 10px 5px;
	color: black;
	}

#h2_ad {
	padding-top: 0px;
	font-size: 1.2em;
	color: #27467a;
	font-weight:100;
	font-family:Impact;
	
	}

#h2_return {
	font-size: 1.2em;
	text-align: center;
	text-decoration: underline;
	color: #422100;
	}



	
#imgMain img{
	margin-left: 5px;
	padding: 5px px 0px 0px;
	
	}

h2 {
	font-size: 1em;
	font-style:
	color: #422100;
	}
	
h3 {
	padding: 10px 5px 0 10px;
	text-align: center;
	font-size: .9em;
	color: black;
	
	}
	
input{ 
	background-color: #e8e8e9;}

textarea { background: #e8e8e9;}
	

#innernews p {
	margin-left: 10px;
	padding: 0px 5px 0 10px;
	color: #black;
	font-size: .9em;
	line-height: 1.0em;
	}
	

#wide-titles{
	font-size: 1.5em;
	color:#773036;
	padding: 10px 10px 0px 10px;
	
	}	

#wide-desc{
	font-size: 1.1em;
	color:black;
	padding: 10px 10px 10px 20px;
	
	}
	
#wide-desc1{
	font-size: 1.1em;
	color:black;
	padding: 0px 10px 15px 20px;
	
	}		
#img_nob {border: 0px ;
	
	}
	
#innernews a:hover {
	
	}

/* ----- Links ----- */

a {
	color: #218444;
	}

a:visited {
	color: #218444;
	}

a:hover {
	color: #3058a9;
	
	}

#footer a {
	color: #333333;
	text-decoration: none;
	}

#footer a:visited {
	color: #333333;
	text-decoration: none;
	}

#footer a:hover {
	color: #422100;
	text-decoration: underline;
	}



/* ------ Footer ----- */

#footer {
	text-align: center;
	clear:both;
	font-size: .8em;
	color: #666666;
	}

	