/* Defaults */
	body{
		font-size:13px;
		line-height:1.2em;
		font-family:arial,san-serif;
		background:#bbccbb;
		margin-top:10px; 
		margin-right:0px;
		margin-bottom:0px;
		margin-left:0px;
		padding:0px;
		text-align: center;
		color:#666;
	}
	
	ol{list-style:decimal}
	ul{list-style-type: none;}

	blockquote{
		margin:0 0 1em 1em;
		background: #eee;
		padding: 1em 1em;
	}

B, STRONG, TH
{ font-weight:bold }

A IMG
{ border-width:0px }

FORM
{ margin:0px; padding:0px }

FORM, SELECT, INPUT, TEXTAREA
{ font:normal 12px arial,helvetica,sans-serif }


/* Custom Content Styles */

#container{
position: relative;
width:100%;
background: #fff url(images/bgwhite.gif) repeat;
margin-left:auto;
margin-right:auto;
border:none;
overflow:hidden;
text-align:center;
}

#headerimg{
width:867px;
height:227px;
border:none;
margin-left:auto;
margin-right:auto;
}

#bodyindex{
width:867px;
height:510px;
margin:0;
padding:0;
border:none;
margin-left:auto;
margin-right:auto;
}

#main{
width:867px;
margin:0;
padding:0;
border:none;
margin-left:auto;
margin-right:auto;
}

#bottomboxes{
width:867px;
height:150px;
margin:0;
padding:0;
margin-left:auto;
margin-right:auto;
}

#leftcolumn{
width:394px;
float:left;
margin:0;
padding:0;
border:none;
text-align:justify;
}

#rightcolumn{
width:466px;
float:right;
margin:0;
padding:0;
border:none;
text-align:justify;
}

#nav{
position:relative;
float:left;
width:394px;
height:33px;
margin:0;
padding:0;
border:none;
background: #dfeadf;
z-index: 104;
}

#flashswf{
float:left;
width:869px;
height:317px;
margin-left:auto;
margin-right:auto;
border:none;
z-index:2;
}

#serviceimg{
position:relative;  
float:left;
left:0px;
top:333px;
padding:0;
border:none;
}

#home{
position:relative;  
float:left;
left:-401px;
top:110px;
width:394px;
background-color:#61b2c9;
height:30px;
margin-top:5px;
margin-bottom:10px;
padding:0;
border:none;
}

#homelinks {
position:relative;  
float:left;
left:-401px;
top:110px;
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	width:380px;
	height:172px;
	overflow:hidden;
	z-index:80;
	}
#homelinks ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}
	
#homelinks ul li {
	background: url(../images/greenarrow.gif) left top no-repeat;
	padding-left: 25px;
	margin-bottom: 10px;
	}

#posts{
width:394px;
background-color:#61b2c9;
height:30px;
margin-top:5px;
margin-bottom:10px;
padding:0;
border:none;
overflow:hidden;
}

#postlinks {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	width:380px;
	}
#postlinks ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}
	
#postlinks ul li {
	background: url(../images/greenarrow.gif) left top no-repeat;
	padding-left: 25px;
	margin-bottom: 10px;
	}

A.posthdr	{
color: white;
display: block;
padding: 8px 12px;
text-decoration: none;
font-weight: normal;
font-size: 13px;
text-transform: uppercase;
}
	
A.posthdr:link       {
color: white;
display: block;
padding: 8px 12px;
text-decoration: none;
font-weight: normal;
font-size: 13px;
text-transform: uppercase;
}

A.posthdr:visited    {
color: white;
display: block;
padding: 8px 12px;
text-decoration: none;
font-weight: normal;
font-size: 13px;
text-transform: uppercase;
}

A.posthdr:hover      {
color: white;
display: block;
padding: 8px 12px;
text-decoration: none;
font-weight: normal;
font-size: 13px;
text-transform: uppercase;
}

#postlinks {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	width:380px;
	}
#postlinks ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}
	
#postlinks ul li {
	background: url(../images/greenarrow.gif) left top no-repeat;
	padding-left: 25px;
	margin-bottom: 10px;
	}

#about{
width:394px;
height:250px;
background:#dfeadf;
padding:0;
border:none;
text-align:justify;
}

#abouttext{
width:350px;
margin-top:10px; 
margin-right:25px;
margin-bottom:10px;
margin-left:14px;
padding:0px;
border:none;
text-align:justify;
}

#portfolio{
width:394px;
padding:0;
border:none;
text-align:justify;
}

#portfoliotext{
width:350px;
margin-top:0px; 
margin-right:25px;
margin-bottom:10px;
margin-left:14px;
padding:0px;
border:none;
text-align:justify;
}

#bodytext{
width:350px;
margin-top:10px; 
margin-right:25px;
margin-bottom:10px;
margin-left:10px;
padding:0px;
border:none;
text-align:justify;
}

#footerimg{
width:867px;
margin:0;
padding:0;
border:none;
margin-left:auto;
margin-right:auto;
}

#footer{
width:100%;
margin-top:5px;
margin-left:0;
margin-right:0;
padding:0;
text-align:center;
}

/* begin gallery */
.main_image {
    width: 464px;
    height: 280px;
    float: right;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
	text-align: left;
}
.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: .9em;
    line-height: 1.4em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(../images/btn_collapse.gif) no-repeat left bottom;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}

.image_thumb {
    float: right;
    width: 464px;
    background: #dfeadf;
	padding-bottom: 8px;
}
.image_thumb img {
    padding: 0px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 6px;
    padding: 6px;
    list-style: none;
}
.image_thumb ul li{
	display:inline;
    margin: 4px;
    padding: 0;
    background: #dfeadf;
    float: left;
    border: 5px solid #FFF;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
	border: 5px solid #61b2c9;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
	border: 5px solid #61b2c9;
    cursor: default;
}
html .image_thumb ul li h2 {
display: none;
    font-size: 1.5em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
display: none;
    float: left;
    margin-left: 10px;
    padding: 0;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/
/* end gallery */

A.white	{
	color:#0099cc;
	text-decoration: underline;
	font-weight: normal;
	font-size: 13px;
	}
	
A.white:link        {
	color:#ffffff;
	text-decoration:underline;
	font-weight: normal;
	font-size: 13px;
	}

A.white:visited    {
	color:#ffffff; 
	text-decoration:underline;
	font-weight: normal;
	font-size: 13px;
	}

A.white      {
	color:#ffffff;
	text-decoration: underline;
	font-weight: normal;
	font-size: 13px;
	}

A	{
	color:#0099cc;
	text-decoration: underline;
	font-weight: normal;
	font-size: 13px;
	}
	
A:link       {
	color:#0099cc;
	text-decoration:underline;
	font-weight: normal;
	font-size: 13px;
	}

A:visited    {
	color:#0099cc; 
	text-decoration:underline;
	font-weight: normal;
	font-size: 13px;
	}

A:hover      {
	color:#0099cc;
	text-decoration: underline;
	font-weight: normal;
	font-size: 13px;
	}
	
#portfolio-contain{
	position:relative;  
width:867;
height:318;
	overflow:hidden;
}

	ul#portfolio li img{
	position:relative;  
float:left;
left:0px;
top:-15px;
	border: 0;
	padding: 0;
	overflow:hidden;
}

.fade{
	position:relative;  
float:left;
left:0px;
top:-15px;
	margin-bottom: 2em;
}

.fade p{
	position:relative;  
float:left;
left:0px;
top:-15px;
	margin-bottom: 0;
	text-align: center;
	width: 100%;
	background: #fff;
}