body {
	font-family: "Georgia, Times New Roman, Times, serif", serif;
	font-size:90%;
	float: center;
	color: #124453
}

a:link {
	color: #d00b0b;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0a348a;
}
a:hover {
	text-decoration: none;
		color: #0a348a;
}
a:active {
	text-decoration: none;
	color: #CAC5D8;
}

h1 {font-family: "Cooper Lt BT", serif;
	font-size:16px
}

td {
	font-family: "Cooper Lt BT", serif;
	font-size:14px;
	}
	
th {
	font-family: "Cooper Lt BT", serif;
}

#ddfont {
font-family: "Georgia, Times New Roman, Times, serif";
font-size:12px;
color: #aa371f;
zoom: 1 ;

}
	
	

#body {
 background-image : url(images/mainNEW.jpg); 
   background-repeat: no-repeat;
   width: 1000px ;
   height: 663;
   margin-left: auto ;
   margin-right: auto
}

#main {
 background-image : url(images/mainNEW-temp.jpg); 
   background-repeat: no-repeat;
   width: 1000px ;
   height: 663;
   margin-left: auto ;
   margin-right: auto
}

#body-temp {
   background-image : url(images/backNEW-temp.jpg); 
   background-repeat: no-repeat;
   width: 1000px ;
   height: 663;
   margin-left: auto ;
   margin-right: auto
}


#body-services {
   background-image : url(images/backNEW2.jpg); 
   width: 1000px ;
   height: 663;
   margin-left: auto ;
   margin-right: auto
}



#blank {
    position: absolute;
    background-image : url(images/portfolio-blank.png);  name="pic1"
    left:800px;
    top:250px
	}	
	


#pad {
	padding-right: 0px;
	padding-left: -50px
	}	
	

#leftbox {
border: medium double rgb(88,81,104);
padding-right: 1cm;
padding-left: 1cm
}

#divide {
   background-color : none; 
    width: 2px ;
    height: 350;
    float: left;
	margin-top: 20;
	margin-right: 30;
    margin-left: 50
}

#divide2 {
   background-color : #124453; 
    width: 2px ;
    height: 350;
    float: left;
	margin-top: 20;
	margin-right: 0;
	margin-left: 20
}

#divide3 {
   background-color : #124453; 
    width: 2px ;
    height: 350;
    float: left;
	margin-top: 20;
	margin-right: 30;
    margin-left: 50
}	
	


#box {
float: left;
padding-top: 12px;
padding-right: 5px;
padding-left: 50px;
width: 180px;
margin-left: 100;
height: 300
}

#box2 {
float: left;
padding-top: 20px;
padding-right: 40px;
padding-left: 20px;
width:480px;
margin-left: 125;
height: 300
}

#box3 {
float: left;
padding-top: 30px;
padding-right: 0px;
padding-left: 70px;
width: 325px;
margin-left: 70;
height: 300
}



#box-services {
background-image : url(images/services-bkgnd.png); 
background-repeat: no-repeat;
float: left;
padding-top: 50px;
padding-right: 5px;
padding-left: 50px;
width: 360px;
margin-left: 20;
margin-top: -10;
height: 333

}


#box-portfolio {
float: left;
padding-top: 0px;
padding-right: 0px;
padding-left: 170px;
margin-left: 380;
left:810px;
margin-top: -300;
width: 450;
height: 350

}

.portfolio_spacer{
position: absolute;
left: 1px;
top: 0px
}



a#home{
background-image: url('images/home.jpg') no-repeat;
}

.growleft:hover {float: left;}
a.growleft:hover img {height: 250px;}
.grow:hover {}
a.grow:hover img {height: 250px;}

#navbar {
	margin: 0px;
	padding-top: 70px;
	padding-left: 50px;
	height: 31px;
	list-style-type:none
}

#navbar li { 
float: left;
}

#navbar a { 
text-decoration: none;
display: block;
text-indent: -5000px;
outline:none
}

#navbar #services{
background: url('images/services.png') no-repeat;
width:240; 
height:31;
}

#navbar #services:hover {
	background: url('images/services-hl.png') no-repeat;
}

#navbar #services-hl{
background: url('images/services-ro.png') no-repeat;
width:240; 
height:31;
}

#navbar #portfolio{
background: url('images/portfolio.png') no-repeat;
width:150;
height:31;
}
#navbar #portfolio:hover {
	background: url('images/portfolio-hl.png') no-repeat;
}

#navbar #portfolio-hl{
background: url('images/portfolio-ro.png') no-repeat;
width:150; 
height:31;
}

#navbar #home{
background: url('images/home.png') no-repeat;
width: 110;
height:50;
}
#navbar #home:hover {
	background: url('images/home-ro.png') no-repeat;
}


#navbar #about{
background: url('images/about.png') no-repeat;
width: 155;
height:33;
}
#navbar #about:hover {
	background: url('images/about-hl.png') no-repeat;
}

#navbar #about-hl{
background: url('images/about-ro.png') no-repeat;
width:155; 
height:33;
}



#navbar #contact{
background: url('images/contact.png') no-repeat;
width: 163;
height:33;
}

#navbar #contact:hover {
	background: url('images/contact-hl.png') no-repeat;
}

#navbar #contact-hl{
background: url('images/contact-ro.png') no-repeat;
width:163; 
height:33;
}





.toolbar li {
display:inline;
background-color:none;
border:0px solid;
border-color:#0 #0 #0 #0;
margin:40;
padding:.5em;
font-size: 13px;
font-color: #e1c587;
zoom: 1;
z-index: -100;
}



/* THE ROLLOVER STUFF */



	
#set_3 .thumbnail {  /* This applies to the container div. If you put position relative here it will break stacking order in IE6. The position relative is needed to make position absolute work while on hover state. But there is already position relative on hover state. The stylings for this div are irrelevant to the effect. These are simply to position the thumbs on page.*/
	float: left;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
}
#set_3 .thumbnail a:hover span { /* if you hover on a, the span will display. The has position absolute already set on its hidden state */
	display:block;
	z-index: 100;
	left: 0px;
	bottom: 130px;
}
#set_3 .resize_thumb { /* this scales down the thumb in proportion. There is no other way to target the 
first image (the thumb) without giving it a class name. The a covers both images. */
	width: auto;
	height : 125px;
}

.thumbnail a { /* a inside div. a contains both large and thumb but large is hidden */
	display:block;
	text-decoration: none;
}

.thumbnail a:hover{ /*  On hover state The position absolute will be looking for something to position itself to. */
 	position:relative;
}

.thumbnail a span {  /* this targets the large image and the caption which are inside the span, inside the a, inside the thumbnail div */
	position: absolute;
	padding:0px;
	border: none;
	display:none;
	color: #124453;
	text-decoration: none;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	font-style: bold;
	background-color: none;
	
	}
	
	
/*DROPDOWN MENU*/


.dropdowndiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 140px; /* Width of Menu Items */
border-bottom: none;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 14px;
color: #124453
}
	
.dropdowndiv ul li{
position: relative;
}
	
/*Sub level menu items */
.dropdowndiv ul li ul{
position: absolute;
width: 140px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.dropdowndiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
background: none;
padding: 1px 10px;
border: 1px;
border-left: 1px solid #aa371f
}

.dropdowndiv ul li a:visited{
color: black;
}

.dropdowndiv ul li a:hover{
background-color: none;
}

.dropdowndiv .subfolderstyle{
background: none
}

	
/* Holly Hack for IE \*/
* html .dropdowndiv ul li { float: left; height: 1%; }
* html .dropdowndiv ul li a { height: 1%; }
/* End */