/* commented backslash hack \*/ 

html {
	height:100%;
}

body{
	height:100%;
	background: #FAEFF6;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 76%;
	color: #2f2219;
	text-align: center;
} 


/* end hack */
html,body {margin:0;padding:0}

#outer{
	min-height:100%;
	height:auto;	    	
	background: #fff;
	width:740px;	
	margin: 0 auto;
	padding:0;
	text-align:left;
	margin-bottom:-50px;
	
	
}



* html #outer{height:100%;}


#header_image {	
	
	text-align:center;	
	height: 140px;
	width: 740px;
	margin:0;
	margin-right: auto;	
	margin-left: auto; 		
	padding:0;
	margin-top:0px;	
	background: url(../images/header_image.gif) no-repeat center top;	
	
	
}


#topnav {
		background: #fff;
		margin-left: auto;
		width: 740px;
		margin-right: auto;
		height: 36px;
		text-align: center;
}

#topnav ul#menu {
		padding-right: 0px;
		padding-left: 0px;
		background:   url(../images/navbar.gif) no-repeat left top;
		padding-bottom: 0px;
		margin: 0px;
		width: 740px;
		padding-top: 0px;
		position: relative;
		height: 36px;
}

#topnav ul#menu li {
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		margin: 0px;
		padding-top: 0px;
		list-style-type: none;
		position: absolute;
		top: 0px
}

#topnav ul#menu li a {
		text-indent: -9999px;
		text-decoration: none;
}



ul#menu li {
		display: block;
		height: 36px;
}

ul#menu a {
		display: block;
		height: 36px;
}




#home {
	left: 0px;
	width: 70px;
	
}

#about {
	left: 70px;
	width: 70px;
	
}

#services {
	left: 140px;
	width: 80px;
}

#portfolio {
	left: 220px;
	width: 90px;
}


#contact {
	left: 310px;
	width: 90px;
}



#home a:hover {
		background:   url(../images/navbar.gif) no-repeat 0px -36px;
}

#about a:hover {
		background:   url(../images/navbar.gif) no-repeat -70px -36px;
}

#services a:hover {
		background:   url(../images/navbar.gif) no-repeat -140px -36px;
}

#portfolio a:hover {
		background:   url(../images/navbar.gif) no-repeat -220px -36px;
}


#contact a:hover {
		background:   url(../images/navbar.gif) no-repeat -310px -36px;
}


#top_content {

	width: 740px;
	padding:0;
	margin:0;
	
	
	
}


#lhs {

	width: 380px;
	padding:0;
	margin:0;
	padding-left:20px;
	padding-top:20px;
	
	
	
	
	
}


#rhs {

		padding-right: 30px;
		padding-left: 0px;
		float: right;
		padding-bottom: 5px;
		width: 300px;
		padding-top: 40px;
		text-align: left;
		
		

}


#rhs ul#portfolio_menu {
	
	padding:0;	
	margin:0;
	padding-left: 30px;
	
	

}


#rhs p {

	padding-left: 30px;


}




#rhs ul#portfolio_menu {

	font-size: 12px;
	font-weight: bold;


}


#rhs ul#portfolio_menu li {
		padding:0;	
		margin:0;
		padding-bottom:20px;
		list-style-type: none;		
}




	div.address_item  {				
		font-size: 12px;
		color: #000;		
		padding-left: 20px;
		padding-bottom: 20px;
		border-bottom: 1px dashed #fff;
	}
	
	
	
	div.address_item_bottom  {				
		font-size: 12px;
		color: #000;		
		padding-left: 20px;
		padding-bottom: 20px;
		padding-right: 20px;
		
	}
	
	#rhs h2#address {
		padding:0;
		margin: 0;
		margin-left:10px;
		width: 63px;
		text-indent: -9999px;
		background: url(images/contact_address_title.gif) no-repeat left top;
		height: 18px;		
		margin-top:10px;
		margin-bottom:10px;		
	}
	
	#rhs h2#telephone {
		padding:0;
		margin: 0;
		margin-left:10px;
		width: 79px;
		text-indent: -9999px;
		background: url(images/contact_telephone_title.gif) no-repeat left top;
		height: 19px;		
		margin-top:10px;
		margin-bottom:10px;		
	}
	
	#rhs h2#email {
		padding:0;
		margin: 0;
		margin-left:10px;
		width: 42px;
		text-indent: -9999px;
		background: url(images/contact_email_title.gif) no-repeat left top;
		height: 18px;		
		margin-top:10px;
		margin-bottom:10px;		
	}




.top_service {

	margin-top: 20px;
	margin-left: 20px;
	margin-bottom:20px;
	float:left;
	width: 220px;
	padding:0;	
	display:inline;

}

.top_service p {

	padding: 0;
	margin:0;
	margin-left:5px;
	
	color: #666666;
	font-size: 0.9em;
	

}

hr {
      border: 0;
      width: 96%;
      color: #e4e4e4;
      height: 1px;
      margin-left: 20px;
      margin-top: 20px;
      margin-bottom: 20px;
     
}


HR { color:#e4e4e4; background: #e4e4e4; border: 0; Height:1px;}


#bottom_content {
	padding:0;
	margin:0;
	clear:both;
	
}

#bottom_news {
	
	float: left;
	margin-left: 20px;
	
	
	width: 200px;
	color: #6d6d6d;
	display:inline;
	

}



#bottom_showcase {

	float: left;
	margin-left: 40px;
	
	width: 420px;
	

}

#showcase_box {
	
	height: 120px;

	background-color: #77ccf0;
	color: #fff;
}

#showcase_box h1 {

	margin-left: 200px;
	margin-right:10px;
	margin-bottom: 5px;
	padding-top:10px;
	font-size: 1.1em;
	
}

#showcase_box p {

	margin-left: 200px;
	margin-top: 10px;
	margin-right:10px;
	font-size: 0.9em;
	
}


#showcase_box img{
	float: left;
}





#clearfooter{
 clear:both;
 height:50px;
}
	
#footer {
width:740px;
height:50px;
background:  #f1a308;
color: #FFF;
margin-left:auto;
margin-right:auto;
padding-top:0;
padding-bottom:0;
text-align: center;
position:relative;

}

#footer p {
	margin:0;
	padding:0;
	padding-top: 10px;
	
	color: #FFF;
}




span.newsdate {
	color:#f0a52d;
}

span.newstitle {
	color:#666666;
}



form.contact { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000; 
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-top: 10px;
	margin-left:30px;
	background: #E6E6E6;
		
}



input { 
	margin-left:10px; 
	background-color: #fff;
	border: 1px solid #8bcff0; 
	color : #000;		
}



.texta { 
	margin-left:10px; 
	background-color: #fff;
	border: 1px solid #8bcff0; 
	color : #000;
}

select { 
	margin-left:10px; 
	
	
}

textarea { 
	margin-left:10px;
	background-color: #fff;
	border: 1px solid #8bcff0; 
	color : #000;
	
}


fieldset { 
	border: #8bcff0 solid 1px; 
	padding: 10px;	
	
}

label {
	margin-left:10px; 
}
 

legend {
 	color:#5C5C5C;
	border: #8bcff0 solid 1px; 
	padding: 10px;	
}

.buttons {
 font-size: 115%;
 color: #666;
 background-color: #fff;
  
}


	div.portfolio_menu  {				
		font-size: 12px;
		color: #fff;		
		padding-left: 20px;
		padding-bottom: 20px;
		border-bottom: 1px dashed #fff;
	}


	div.portfolio_item {		
		width: 380px;
		height: 110px;
		background: #fff;
		border: 1px solid #CCCCCC;		
		margin-top:10px;
		margin-bottom:10px;
		margin-left:0px;
	}
	
		div.portfolio_item p {		
		margin:0;
		padding:0;
		padding-left:10px;
	}
	
		div.portfolio_item h1 {		
		margin:0;
		padding:0;
		font-size: 14px;
		font-weight: bold;
		color: #B5B5E3;
		padding-left:10px;
		padding-top:5px;
	}
	
		div.portfolio_item_details {
		float: left;		
		width:230px;
		height: 95px;
		/*margin: 5px;*/				
	}
	
		div.portfolio_image {
		float: left;
		width: 130px;
		height: 98px;
		padding: 5px;
		border-right: 1px solid #CCCCCC;
		
	}
	
		div.portfolio_title {
		width: 230px;
		height: 20px;
			
	}
	
	div.portfolio_description {
		/*width: 250px;*/
			
	}
	
	div.portfolio_description p {
		padding: 10px;
			
	}
	
	div.portfolio_action {
		width: 230px;
		height: 20px;		
		text-align: right;
				
	}
	
	div.portfolio_action h2 {
		margin:3px;
		font-size: 11px;
		color: #B5B5E3;		
	}

#content_view {
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 5px;
		margin:0;
		width: 700px;
		padding-top: 5px;
		text-align: center;
		background:#fff;	
}


#breadcrumb {
		border-top: #fff 10px solid;
		background: #EDEDF8;
		color: #9D9D9D;
		font-size: 10px;
		margin-left: auto;
		width: 700px;
		margin-right: auto;
		border-bottom: #fff 10px solid;
		text-align: left;
		padding-top:5px;
		padding-bottom:5px;
}


#breadcrumb ul {		
		list-style-type: none; 
		display: inline;
		border: none;		
		padding:0;
		margin:0;		
		margin-left:2px;						
}	
	
	
#breadcrumb ul.outer {		
		list-style-type: none; 
		display: inline;
		border: none;		
		padding:0;
		margin:0;		
		margin-left:10px;			
}	

	
#breadcrumb li	{
		list-style: none;
		display: inline;
		padding:0;		
		/*margin-left: 10px;*/				
}
	


#breadcrumb li a	{		
		color: #9E9E9E;
		font-weight: normal;
		text-decoration: underline;				
}


#main {		
		margin-left: auto;
		width: 700px;
		margin-right: auto;
		text-align: left;	
}