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

img, div { 
	border: none;
}

body{
	background-color: #336699;
	text-align: left;
	font: 70%/160% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0 0 20px 0;
	margin: 0px;
	background: #fff; 
	position:relative; 
}

a{
	color: #336699;
	text-decoration: underline;
	outline:none;
}

a:hover{
	color: #336699;
	text-decoration: none;
}

p {
	margin: 0px 0px 14px;
}


.right {
	float:right;
}
.left {
	float:left;
}
/*---------------------------------------------------------------------------------------------------------*/

/*
/ <------ H E A D I N G S ----
*/

h1 {
	position:relative;
	left: 70px;
	top: 47px;
	margin: 0px;
	padding: 0px;
	float:left;
	text-decoration: none;
}
h1 a{
	display:block;
	height: 60px;
	width: 230px;
	text-indent: -900em;
	text-decoration: none;
	line-height:100%;
}
h1 a:hover{
	text-decoration: none;
}
h2, h3, h4, h5, h6 {
	font-size: 18px;
	color: #2662a6;
	margin: 0px 0px 5px 0px;
	font: normal 190% Tahoma, Arial;
}

h2 {
	font: bold 210% Arial, Helvetica, sans-serif;
	color: #2662a6;
	margin: 0px 0px 2px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 2px;
}
h3{
	color:#666666;
	font-size: 130%;
	font-weight: bold;
	margin: 12px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0px 2px 0px;
}
h3.top {
	padding-top:0px;
}
	
h4 {
	font:bold 110% Geneva, Arial, Helvetica, sans-serif;
	color: #0099FF;

}
	

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

/*
/ <------ H O L D E R S ----
*/

#holder-top {
	width: 868px;
	height: 141px;
	margin: 0px auto;
	background:url(images/top.jpg) no-repeat;

}
#holder-middle {
	width: 868px;
	background:url(images/content_bg_spacer2.jpg);
    margin: 0px auto;
	overflow:hidden;
}
#holder-bottom {
	width: 868px;
	height: 29px;
	background:url(images/bottom2.jpg);
    margin: 0px auto;
}
#holder-content {
	padding: 0px 80px 20px 95px;
}

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

/*
/ <------ N A V I G A T I O N ----
*/

#holder-nav {
	padding: 0px 69px;
}

#nav {
	list-style:none;
	margin:13px 0px 0px;
	padding:0px;
	clear:both;
	float:right;
	line-height:0px;
}
#nav li{
	margin:0px;
	float:left;
	padding-left: 5px;
}
#nav li a{
	height: 42px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -900em;
}

/*----------- Home -----------*/

#nav #nav-home a{
	width: 94px;
	background: url(images/new/home-btn.jpg) no-repeat left top;
}
#nav #nav-home a:hover{
	background: url(images/new/home-btn.jpg) no-repeat left bottom;
}


/*----------- About -----------*/

#nav #nav-about a{
	width: 89px;
	background: url(images/new/about-btn.jpg) no-repeat left top;
}
#nav #nav-about a:hover{
	background: url(images/new/about-btn.jpg) no-repeat left bottom;
}


/*----------- Services -----------*/

#nav #nav-services a{
	width: 89px;
	background: url(images/new/services-btn.jpg) no-repeat left top;
}
#nav #nav-services a:hover{
	background: url(images/new/services-btn.jpg) no-repeat left bottom;
}


/*----------- Portfolio -----------*/

#nav #nav-portfolio a{
	width: 89px;
	background: url(images/new/portfolio-btn.jpg) no-repeat left top;
}
#nav #nav-portfolio a:hover{
	background: url(images/new/portfolio-btn.jpg) no-repeat left bottom;
}


/*----------- Contact -----------*/

#nav #nav-contact a{
	width: 89px;
	background: url(images/new/contact-btn.jpg) no-repeat left top;
}
#nav #nav-contact a:hover{
	background: url(images/new/contact-btn.jpg) no-repeat left bottom;
}
/*---------------------------------------------------------------------------------------------------------*/

/*
/ <------ C O N T E N T ---
*/


#content-left {
	width: 500px;
	float:left;
}
#content-right {
	width: 160px;
	float:right;
	font-size: 90%;
	line-height: 150%;
	color: #999999;
}
.content {
	padding: 10px 0px 10px;
}
.news-item {
	background:url(images/news-break.jpg) no-repeat center bottom;
	clear:both;
	padding: 5px 0 10px;
}
.news-title {
	background: url(images/news-post.gif) no-repeat left center;
	padding: 5px 25px 0 25px;
	color:#666666;
	float:left;
	font:bold 110% Geneva, Arial, Helvetica, sans-serif;
	color: #0099FF;
}
.news-date {
	background: url(images/mini-date.gif) no-repeat left center;
	padding: 0px 0px 0px 15px;
	margin-top: 5px;
	float:right;
	font-size: 90%;
	color:#00CCFF;
}

	






#portfolio-home {
	padding: 0px;
	margin:0px;
	list-style:none;
}
#portfolio-home li{
	width: 230px;
	float: left;
	padding: 10px 10px 0 0;
	height:75px;
}
#portfolio-home img {
	border: 5px solid #9bc4ee;
	float: left;
	margin-right: 10px;
}


#portfolio-home a:hover img {
border-color: #336699;
}

#portfolio-home h3{
	margin: 0px;
	padding:0px;
	font: bold 14px "Trebuchet MS", Tahoma, Arial;
	text-transform:none;
	letter-spacing: 0px;
}
#portfolio-home h3.folder a{
	margin: 0px;
	font: bold 14px "Trebuchet MS", Tahoma, Arial;
	padding: 0px 0px 0px 18px;
	background: url(images/folder-mini.gif) no-repeat left center;
	text-transform:none;
	letter-spacing: 0px;
}
#portfolio-home br{
	display:none;
}


/*
/ <------ S I D E   N A V ---
*/
#side-nav {
	list-style:none;
	padding:0px;
	margin:0px 0px 15px;
}
#side-nav li{
	/*border-bottom: #dae2cc 1px dotted;*/
	line-height: 130%;
	list-style:none;
	padding-left: 15px;
	background:url(images/mini-arch.gif) no-repeat left center;
}
#side-nav li a{
	color: #790000;
	text-decoration: none;
	padding: 2px 0px 2px 0px;
	display:block;
	list-style:none;
}
#side-nav li a:hover{
	text-decoration: none;
	background-color:#bbe4ff;
}
#side-nav li.top{
	/*border-top:#dae2cc 1px dotted;*/
}


.emailme a {
	text-decoration:none;
	color:#0099FF;
}
.emailme a:hover {
	color:#003399;
}




.LogoList {
	list-style:none;
	margin:0px 0px 10px;
	padding:0;
}
.LogoList br{
	display:none;
}
.LogoList p br{
	display:block;
	height:inherit;
}
.LogoList li{
	margin: 12px 0px;
	height:124px;
}
.LogoList img {
	border: 5px solid #9bc4ee;
	float: left;
	margin: 0 10px 20px 0;
}
.LogoList a:hover img {
	border-color: #336699;
}
.LogoList a:hover {
	border-color: transparent;
}
.LogoList h3{
	margin: 0px;
	padding:0px;
	font: bold 14px "Trebuchet MS", Tahoma, Arial;
	color:#666666;
	text-transform:none;
	letter-spacing: 0px;
	
}

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

/*
/ <------ F O O T E R ----
*/

#validate {
	margin: 100px 0px 5px;
	padding:5px 0px 5px;
	border-bottom: 1px dotted #CCCCCC;
	border-top: 1px dotted #CCCCCC
	
}
p.footer {
	margin:0;
}

#validate a{

	color:#33CC33;
	text-decoration: none;
	
}

#validate a:hover {
	color:#00CC00;
	text-decoration: none;
	background: url(images/mini-tick.gif) no-repeat left center;
	padding-left: 15px;

}
#validate li{
	list-style:none;
}

#hosting {
	margin: 5px 0px 5px;
	padding:0px 0px 5px;
	border-bottom: 1px dotted #CCCCCC;
	vertical-align:bottom;
}
#hosting a{
	color:#FF0066;
	text-decoration:none;
	font-weight:bold;
}

#hosting a:hover{
	color:#FF66CC;
}
#copyright {
	margin: 5px 0px 5px;
	padding:0px 0px 5px;
	color:#666666;
	vertical-align:bottom;
}
#copyright a{
	color:#2662a6;
	text-decoration:none;
}

#copyright a:hover{
	text-decoration:underline;
}