/* CSS Document */

* /*Set's border, padding and margin to 0 for all values*/

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

html { min-height: 100%; margin-bottom: 1px; }

	
/* text styles */

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
	padding:0px;
	clear:left;
}

p span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CC0033;
	padding:0px;
}

p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CC0033;
	padding:0px;
	text-decoration:none;
}

p a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CC0033;
	padding:0px;
	text-decoration:underline;
}





p.lefttext {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #ffffff;
text-align:right;
text-decoration:none;
position:relative;
top:15px;
right:10px;


}

p.lefttext a {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #ffffff;
text-align:right;
text-decoration:none;
position:relative;



}

p.lefttext a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #ffffff;
text-align:right;
text-decoration:underline;
position:relative;



}







p.lefttext span {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #ffffff;
text-align:right;
text-decoration:none;
line-height:30px;

}

p.address {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #CC0033;
text-align:left;
text-decoration:none;


}




h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #336699;
	font-weight:normal;
	font-style: italic;
	
}





/* main page styles */


body {
	padding:0 0 2em 0;
	text-align:center;
	margin: 0px;
	background:  #CCCCCC url(images/background.gif) repeat-x;	
	z-index:0;

}



#container {
	margin: 0 auto 0 auto;
	text-align: left;
	Width:800px;
	height:auto;
	background-color:#ffffff;
	overflow:auto;
	border-bottom:solid 15px #CC0033;
	border-left:solid 1px #CC0033;
	border-right:solid 1px #CC0033;
	padding:0px;
	overflow:hidden;

}



hr { 
margin:0;
padding:0; 
color:#}

#logo {
float:right;
display:inline;
position:relative;
top:50px;
right:58px;


}

#banner {
width:800px;
height:103px;
float:left;
}




.Nav {
display:inline;
float:left;
width:800px;
height:36px;
position:relative;
top:11px;
left:150px;


}



.Nav a span {

	display: none;

}


.Nav ul {
	float: left;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	height: 25px;

}

.Nav  ul li {
	float: left;
	display: inline;
	height: 25px;
	list-style: none;
	text-decoration: none;
	margin-right:10px;
}

.Nav  ul a {
	float: left;
	height: 25px;
	list-style: none;
	text-decoration: none;
}



.homeNav a {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/home.gif) no-repeat;
	background-position: 0px -25px;

}
.homeNav a:hover {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/home.gif) no-repeat;	
	background-position: 0px 0px;

}

.homeNavSelected a {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/home.gif) no-repeat;	
	background-position: 0px 0px;

}




.servicesNav a {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/services.gif) no-repeat;
	background-position: 0px -25px;	

}
.servicesNav a:hover {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/services.gif) no-repeat;	
	background-position: 0px 0px;

}

.servicesNavSelected a {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/services.gif) no-repeat;	
	background-position: 0px 0px;

}



.certificationsNav a {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/certifications.gif) no-repeat;
	background-position: 0px -25px;

}
.certificationsNav a:hover {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/certifications.gif) no-repeat;	
	background-position: 0px 0px;

}

.certificationsNavSelected a {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/certifications.gif) no-repeat;	
	background-position: 0px 0px;

}


.workNav a {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/work.jpg) no-repeat;
	background-position: 0px -25px;	

}
.workNav a:hover {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/work.jpg) no-repeat;	
	background-position: 0px 0px;

}

.workNavSelected a {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/work.jpg) no-repeat;	
	background-position: 0px 0px;

}

.contactNav a {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/contact.gif) no-repeat;
	background-position: 0px -25px;


}
.contactNav a:hover {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/contact.gif) no-repeat;	
	background-position: 0px 0px;

}

.contactNavSelected a {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/contact.gif) no-repeat;	
	background-position: 0px 0px;

}



.linksNav a {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/links.gif) no-repeat;
	background-position: 0px -25px;	

}
.linksNav a:hover {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/links.gif) no-repeat;	
	background-position: 0px 0px;

}

.linksNavSelected a {

	display: block;
	height: 25px;
	width: 90px;
	background:  url(images/nav/links.gif) no-repeat;	
	background-position: 0px 0px;

}


#content {
width:800px;
height:auto;
float:left;
margin-top:5px;
border-top:solid 15px #CC0033;
overflow: hidden;
position: relative;


}


#leftcol {
padding:0px;
margin:0px;
width:150px;
float:left;
border-right:solid 1px #CC0033;
background: #CC0033;
border-bottom:solid 15px #CC0033;


}

#contactbox {
width:150px;
height:70px;
float:left;
background-color:#CC0033;

}



.float-left {
float:left;
}




#leftcol a {
text-decoration:none;


}

.bottomSpacer{
	width: 490px;
	display:inline-block;
	clear: all;
	height: 100px;
}


#header {
width:495px;
height:50px;
clear:left;
display:inline;
position:relative;
top:0px;
left:0px;

}

#midborder {
width:495px;
height:auto;
float:left;
display:inline;
padding-bottom:10px;
position:relative;
top:40px;
left:90px;



}


#midcol {
width:490px;
height:auto;
float:left;
display:inline;
margin:90 0 0 90px;
padding-bottom:40px;


}


#midcol ul {

	color: #999999;
	list-style-type: disc;
padding:0 0 0 20px;
margin-bottom:20px;
	


}



#midcol  ul li {
margin:0 0 10 0px;
padding:0 0 0 0px;
}




.certs {
float:right;
display:inline;
margin-left:20px;
margin-right:5px;
}



.linksbox1 {
width:225px;
height:200px;
display:block;
float:left;

}

.linksbox2 {
width:229px;
height:200px;
display:block;
float:right;

}

.float-right {
float:right;
display:inline;
}

.homepic {
float:left;
position:relative;
top:50px;
left:0px;
}

.homecertsLeft {
float:left;
position:relative;
top:50px;
left:0px;
padding-top: 30px;
}


.homecertsRight {
float:left;
position:relative;
top:50px;
left:35px;
padding-top:30px;
}

.homepic2 {
float:left;
position:relative;
top:50px;
left:35px;
}

.servicespic {
float:left;
position:relative;
top:10px;
left:0px;
}

.servicespic2 {
float:left;
position:relative;
top:10px;
left:35px;
}

.certspic {
float:left;
position:relative;
top:20px;
left:0px;
}

.certspic2 {
float:left;
position:relative;
top:20px;
left:35px;
}


.PortfolioThumbnail {width:50px;height:50px;float:left;padding:2px;}