html,
body {
   margin:0;
   padding:0;
   height:100%;
   font:normal 14px Helvetica, Myriad Pro, Verdana, Arial;
}
.alignleft{	
	float:left;
}
.alignright{
	float:right; 
}
.alignright2{
	float:right; 
	margin-left:50px;
}
.clear{
clear:left;
height:200px;
}
.new_clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

a{
	color:#01340d;
	text-decoration:none;
}
p{
	color: #01320b;
}
/*Main Structure*/
#container {
	_height:100%;
   min-height:100%;
   position:relative;
   background:url('images/top_leaf.jpg') top left no-repeat;
}
#body {
   padding:10px;
   padding-bottom:200px;   /* Height of the footer */

}
#footer {
	clear:left;
   position:absolute;
   bottom:0;
   width:100%;
   height:200px;   /* Height of the footer */
   background:url('images/footer.jpg') bottom no-repeat;
} 
.content{
	width:908px;
	margin:0 auto;
}


#home-bg{
	background:url('images/home_bg3.jpg') top no-repeat;
	width:908px;
	height:620px;
	clear:both;
	color:#fff;
} 
#home-bg h1{font-size:48px; font-family:Adobe Caslon Pro; font-style:italic;font-weight:bold;line-height:5px;margin-top:22px;}
#home-bg h2{font:bold 28px Adobe Caslon Pro;line-height:25px;margin-bottom:-10px;}
#block-top{
	width:400px;
	height:100px;
	float:right;
	margin-right:70px;
	_margin-right:40px;
	>padding-top:10px;
	color: #fff;
}
#block-bottom{
	clear:both;
	width:380px;
	height:160px;
	padding-top:310px;
	padding-left:100px;
	_padding-top:250px;
	color: #fff;
}
#block-bottom p, #block-top p{color: #fff;}
#block-bottom span{
	font:normal 28px Adobe Caslon Pro;line-height:15px;
	padding-left:90px;
}
#bg{
	width:908px;
	clear:both;
} 
.home_right{
	margin: 0 0 0 30px;
	font-size: 36px; 
	font-family: Adobe Caslon Pro;
}
.home_right2{
	font-size: 48px; 
	font-family: Adobe Caslon Pro;
	font-style: italic;
	font-weight: bold;
}
#content-left{
	width:400px;
	float:left;
	margin-left:90px;
	_margin-left:40px;
}
#content-right{
	width:300px;
	float:left;
	margin-left:70px;
	_margin-left:50px;
	background:url('images/blockquote.jpg') left bottom no-repeat;
}
#bread{
	align:left;
}
#content-right img{
	margin-bottom:30px;
}
#content-right blockquote{
	color: #fff !important;
}
#content-right blockquote p{
	color: #fff !important;
}
/*new*/
#content-left ul,#content-left ol{
	width: 380px;
	overflow: hidden;
	list-style: circle outside;
	padding: 3px 0 3px 15px;
	margin: 5px 0 5px 5px;
}
#content-left ul li, #content-left ol li{
	width: 375px;
	padding: 3px 0 3px 5px;
	text-align: left;
}
#content-left ul p, #content-left ol p{
margin: 0; padding: 0;
}
/*Added new breadcrumb class*/
.breadcrumb{
	margin: 20px 0;
	color: #8647C9;
	font-size: 12px;
}
.breadcrumb-about{
	font-size: 12px;
	display:block;
	height:95px;
	background:url('images/breadcrumb.jpg') 	
	color: #8647C9;
	align:left;
}
.breadcrumb-about a,
.breadcrumb a{
	text-decoration: none;
	color: #8647C9;
}

/*Logo*/
/*
#logo {
	width: 797px;
	height: 67px;
	background: url('images/logo.gif') 0 0 no-repeat;
	line-height: normal;
	margin-left:7em;
	margin: 10px 0 5px 0;
}
*/
#logo {
width: 797px;
height: 80px;
background: url('/images/logo.gif') 0 0 no-repeat;
line-height: normal;
margin-left:4em;

}
#logo a {
	display: block;
	width: 797px;
	height: 67px;
}
	
#logo span {
	display: none;
}
/*Footer*/
#footer-container{
	width:778px;
	margin-left:20px;
	font:normal 13px Trebuchet Ms;
	padding-left:50px;
}
#footer span, #footer span a{
	color:#908d8d;
	font:normal 13px Arial;
}	
/*top nav*/

#nav-container{
height:60px;
background:url('images/nav_bg.gif') left center no-repeat;
margin-left:5.0em;
}
li.current ul li a:hover{
color: #b684d7!important;
} 
#nav a{
text-transform:uppercase;
font: bold 13px Trebuchet Ms;
color:#fff;
background-color:transparent;
line-height:60px;
}


#nav a:hover{
color: #b684d7;
}
ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
}

li { /* all list items */
float: left;
position: relative;
width: 127px;
text-align:center;
}
li.current, li:hover.current{
background: url('images/nav_current.gif') bottom no-repeat;
>margin-top: 1px;

}
li.current a, li:hover.current a{
color:#fff!important;
}
li ul { /* second-level lists */
display: none;
position: absolute;
left: 0;
right: 0;
background: url('images/drop.gif') bottom no-repeat;
>margin-top:39px;
margin-top:-15px;
}



li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
background-color:transparent;
>margin-top:25px;
padding-bottom:10px;
color:#000;
line-height:0px;
}
li ul li:hover{
background-color:transparent;
}
#nav li ul a{
line-height:25px;
padding:5px 0 5px 0;
}

/*contact form*/
form#contact_form {
	margin: 0 auto;
	padding: 0;
	width: 400px;
}
#contact_form .input {
	border: 1px solid #cecece;
	margin-bottom: 7px;
	width: 250px;
}
#contact_form .textarea {
	border: 1px solid #cecece;
	margin-bottom: 15px;
	width: 400px;
	height: 200px;
}

/*Contact form*/
form#contact_form { 
	margin: 0 auto;
	padding: 0;
	width: 400px; 
}
#contact_form .input {
	border: 1px solid #cecece;
	margin-bottom: 7px;
	width: 250px;
}
#contact_form .textarea {
	border: 1px solid #cecece;
	margin-bottom: 15px;
	width: 400px;
	height: 200px;
}
#contact_form fieldset{
	border: none;
}
#contact_form .submit{
	padding: 5px 10px;
}




/*Before and after page*/
#project-content-left{
	width:700px;
	float:left;
	margin-left:90px;
	_margin-left:40px;
}
.project-summary{
	clear: both;
	width: inherit;	
}
.summary-border{
	clear: both;
	width: inherit;
	border-bottom: 2px solid #67856E;
}
.project-summary-text{
	margin: 5px 10px 10px 10px;
	width: 500px;
	float: left;
}
.project-summary img{
	float: left;
	margin: 25px 10px 5px 10px;
	border: none;
}
.project-summary h2{
	font-size: 20px;
	color: #8647C9;
}
.project-summary a{
	color: #8647C9;
	text-decoration: none;
}

/*Before and after profile's page*/
#project-details-right{
	width:300px;
	overflow: hidden;
	float:left;
	margin-top: 30px;
	margin-left:70px;
	_margin-left:50px;
}
#project-details-right li{
	font-size: 12px;
}
#project-details-right img{
	clear: both;
	margin: 0 auto 10px auto;
	text-align: center;
}
.image-caption{
	clear: both;
	width: 100px;
	height: 20px;
	margin: 5px auto;
	color: #8647C9;
	text-align: center;
}
/*Services*/
#service-content-left{
	width:200px;
	float:left;
	margin-left:90px;
	_margin-left:40px;
	font-size: 16px;
	font-weight: bold;
}
#service-content-left ul{
	width: inherit;
	border-top: 2px solid #C9D3C8;
	margin-top: 25px;
	margin-bottom: 20px;
}
#service-content-left li{
	text-align: left;
	margin: 0;
	padding: 6px 0;
	width: inherit;
	border-bottom: 2px solid #C9D3C8;
}
#service-content-left a{
	color: #01340D;
	text-decoration: none;	
}
#service-content-left a#current{
	color:#9041C5;
}
#service-content-right{
	width:470px;
	float:left;
	margin-left:70px;
	_margin-left:50px;
	margin-right: 30px;
}
#service-content-right ul,#service-content-right ol{
	width: 445px;
	overflow: hidden;
	list-style: circle outside;
	padding: 3px 0 3px 20px;
	margin: 5px 0 5px 5px;
}
#service-content-right ul li, #service-content-right ol li{
	width: 435px;
	padding: 3px 0 3px 10px;
	text-align: left;
}
#service-left{
	width:400px;
	float:left;
	margin-left:90px;
	_margin-left:40px;
	height: 40px;
}

/*Additional*/
#content-left h1{
font-family: Cochin;

	font-wieght: bold;
	font-size: 28;
	color: #8F41C8;
}
#service-content-right h1{
 	font-family:Cochin;
	font-wieght: bold;
	font-size: 28;
	color: #8F41C8;
}
#content-left h2,
#service-content-right h2{
	font-family: Garamond;
	color: #8F41C8;
	font-size: 18px;
}

#services-image{
	display: block;
	width: 180px;
	margin: 10px auto;
}
#services-image img{
	margin-top: 40px;
}

.top{
	width: inherit;
	background:url('/images/top.gif') top left no-repeat;
}
.bottom{
	width: inherit;
	padding-top: 15px;
	background:url('/images/bottom.gif') bottom left no-repeat;
	color: #fff;
}
.bottom2{
	width: inherit;
	padding-top: 15px;
	background:url('/images/bottom.gif') bottom left no-repeat;
	color: #fff;
}
.bottom p{
	color:  #fff;
	padding: 20px 25px;
}
.bottom2 p{
	color:  #fff;
	padding: 10px 15px;
}