img {
	float:left
}

hr {
    padding: 0px 0px 0px 0px;
    margin: 2px 0px 0px 0px;
}

h1 {
    background-image:url('../images/h1_bg.jpg');
    background-repeat:repeat-x;
    width:645px;
    height:31px;
    line-height:34px;
    font-weight:normal;
    padding:0 0 0 20px;
    margin:0 0 0 0;
	font-size:10pt;
	text-indent:4px;
	color:#363636;
    font-family:Verdana, Arial;
    letter-spacing:.1em;
    float:left;
    display:block;
}

h3{
    font-weight:bold;
    letter-spacing:.1em;
    font-family:calibri;
	font-size:10pt;
	padding:0 0 2px 0;
    margin:0 0 2px 0;
    float:left;
    width:483px;
    border-bottom:solid 1px #808080;
}   

h4{
    font-family:calibri;
    font-weight:bold;
    letter-spacing:.1em;
    margin:8px 0 0px 13px;
    padding:0 0 0 0;
    color:#363636;
    font-weight:normal;
}

form {
    padding:0 0 0 0;
    margin:0 0 0 0;
    float:left;
}   

body {
	background-image:url('../images/site-background.jpg');
	background-color:#464646;
	background-repeat:repeat-x;
	font-family:calibri;
	font-size:9pt;
	text-decoration:none;
	padding:0 0 35px 0;
	margin:0 0 0 0;
}

body a,
body a:visited{
	text-decoration:none
}

body a:hover{
	text-decoration:underline
}

a image,
a image:visited,
a image:hover {
    border:none;
}

#siteshadow {
	background-image: url(../images/site-shadow.png);
	background-repeat: repeat-y;
	width:1000px;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
	overflow:auto;
}

#site {
	background-color: #ececec;
	width:960px;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
	overflow:auto;
}

#topborder {
    width:960px;
    height:9px;
    background-color:#394255;
    margin-bottom:1px;
}  

#headimage {
    float:left;
    width:960px;
    height:187px;
    margin:0 0 0 0;
    padding:0 0 0 0;
} 

#midnav {
	padding:0 0 0 0;
	margin:0 0 1px 0;
	font-size:9pt;
	width:960px;
	height:0px;
	float:left;
	text-align:center;
	position: relative;
	top:-32px;
	
}

div.nav_links {
    float:left;
    width:665px;
}

div.spec_links {
    float:left;
    width:295px;
}

a.midnav, 
a.midnav:visited {
	display:block;
	height:32px;
	margin:0 0 0 0;
	line-height:31px;
	color:#bdbdbd;
	font-weight:bold;
	font-family:tahoma;
	font-size:7pt;
	float:left;
	letter-spacing:.1em;
	background-position:0px 0px;
	background-repeat:no-repeat;
}

a.midnav:hover {
	background-position:0px -32px;
	text-decoration:none;
	color:#fbfbff;
}

#home{
    background-image:url('../images/navimg/home.jpg');
    width:134px;
}

#about{
    background-image:url('../images/navimg/about.jpg');
    width:134px;
}

#how_work{
    background-image:url('../images/navimg/how_work.jpg');
    width:134px;
}

#news_link{
    background-image:url('../images/navimg/news.jpg');
    width:134px;
}

#portfolio{
    background-image:url('../images/navimg/portfolio.jpg');
    width:129px;
}

a.contact,
a.contact:visited {
    background-image:url('../images/contact_bg.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	height:32px;
	width:148px;
	line-height:31px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#a8aeb3;
	text-decoration:none;
	font-family:tahoma;
	font-size:7pt;
	float:left;
	text-align:center;
	letter-spacing:.1em;
	font-weight: bold;
}

a.contact:hover {
    background-image:url('../images/contact_bg.jpg');
	text-decoration:none;
	background-position:0px -32px;
	color:#fbfbff;
}

a.login,
a.login:visited {
    background-image:url('../images/login_bg.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	height:32px;
	width:147px;
	line-height:31px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#a8aeb3;
	text-decoration:none;
	font-family:tahoma;
	font-size:7pt;
	float:left;
	text-align:center;
	letter-spacing:.1em;
	font-weight: bold;
}	


a.login:hover {
    background-image:url('../images/login_bg.jpg');
	text-decoration:none;
	background-position:0px -32px;
	color:#fbfbff;
}

#background{
    background-image:url('../images/main_bg.jpg');
    background-position:right;
    background-repeat:repeat-y;
    width:960px;
    height:527px;
    padding:0 0 0 0;
    margin:0 0 0 0;
    float:left;
}

#leftcolumn {
	width:665px;
	height:527px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:10pt;	
    background-color:#ffffff;
    border-bottom: solid 1px #454545;
}

#maincontent {
    float:right;
    width:620px;
    height:471px;
    overflow:auto;
    border-top:solid 1px #a3a3a3;
    margin:0 0 0 0;
    padding:12px 20px 12px 25px;
    overflow:auto;
}

#maincontent span {
    font-weight:bold;
    letter-spacing:.1em;
}

#rightcolumnarea{    
    float:left;
    width:294px;
    height:517px;
    margin:0 0 0 1px;
    padding:0 0 0 0;
    background-color:#ececec;
}

#newsfooter{
    width:960px;
    min-height:180px;
    display:block;
    background-color:#ececec;
    margin-top:1px;
    float:left;
}

#newsfooter-alt{
    background-image:url('../images/newsfooter-bg.png');
	background-repeat:no-repeat;
    width:960px;
    min-height:261px;
    display:block;
    margin-top:1px;
    float:left;
}
    
#footlinks {
    float:left;
	width:952px;
	padding:10px 4px 0 4px;
	margin-left:auto;
	margin-top:1px;
	margin-right:auto;
	text-align:center;
	background-color:#f7f7f7;
    height:25px;
    color:#0c0c0c;
 }

#info {
    width:100%;
    background-color:#555555;
    margin:1px 0px 1px 0px;
    float:left;
}
    

#infol{
    float:left;
    text-align:left;
	width:581px;
	padding:3px 0px 2px 18px;
	color:#c9c9c9;
} 

#infor{
    float:left;
    text-align:right;
	width:343px;
	padding:2px 10px 2px 0px;
	color:#6d6d6d;
}

#sitebottom{
    background-image:url('../images/site-bottom.png');
	background-repeat:no-repeat;
    width:1000px;
	margin: 0px auto 0px auto;
}

#infor a,
#infor a:visited {
	color:#c9c9c9;
}

#infor a:hover{
	text-decoration:underline;
	color:#fffff0
}

#footlinks a,
#footlinks a:visited {
	color:#0c0c0c;
}

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

div.r_column_header_top {
	display:block;
	background-image:url('../images/current_projects_bg.jpg');
	height:32px;
	width:294px;
	line-height:34px;
	float:left;
	font-size:10pt;
	text-indent:15px;
	color:#363636;
    font-family:Verdana, Arial;
    letter-spacing:.1em;
}

div.r_column_header {
	display:block;
	background-image:url('../images/right_column_header_bg-alt.jpg');
	height:37px;
	width:294px;
	line-height:37px;
	float:left;
	font-size:10pt;
	text-indent:15px;
	color:#363636;
    font-family:Verdana, Arial;
    letter-spacing:.1em;
}

div.r_column_cell {
	width:237px;
	float:left;
	padding:10px 8px 12px 15px;
}

div.r_column_cell a,
div.r_column_cell a:visited {
    color:#363636;
}

div.project {
    width:260px;
    height:110px;
    float:left;
    padding:10px 0px 0px 18px;
}

div.project_img{
     display:block;
     width:93px;
     height:65px;
     border:solid 2px #f7f7f7;
     float:right;
     position:relative;
     top:0em;
     right:0em;
     z-index:3;     
     padding:0 0 0 0;
}

div.project span {
    font-weight:bold;
    font-family:verdana,Arial;
	font-size:8pt;
	letter-spacing:.025em;
}

div.project_content{
    display:block;
    height:58px;
    width:190px;
    float:left;
    border-top:solid 1px #fefefe;
    border-left:solid 1px #fefefe;
    border-bottom:solid 1px #fefefe;
    border-right:none;
    position:relative;
    top:-53px;
    z-index:1;
    padding:7px 0px 8px 11px;
    font-family:Verdana, Arial;
    color:#565656;
    font-size:7.5pt;
}

div.project_content span {
    font-size:7.5pt;
}

a.project_link,
a.project_link:visited {
    background-color:#fefefe;
	display:block;
	height:24px;
	padding:0 15px 0px 8px;
	margin:0 14px 0 0;
	line-height:24px;
	color:#808080;
	font-weight:normal;
	font-family:Arial;
	font-size:6pt;
	float:right;
	letter-spacing:.1em;
	position:relative;
	top:-66px;
	z-index:2;
}

a.project_link:hover {
	text-decoration:none;
	color:#334680
}  

#news {
    margin:0px 0px 0px 0px;
    padding:0 0px 0 0px;
    height:105px;
    width:260px;
    border:1px solid #939393;
    position:relative;
    z-index:2;
    float:left;
    top:-95px;
}

#news span{
    font-weight:bold;
	}
    
#news ul {
    list-style:none;
    height:105px;
    width:260px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px; 
}
        
#news ul li {
    float:left;
    height:103px;
    width:25px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:#767676;
    border:1px solid #939393;
    display: block;
    }
    
#news ul ul{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    display:none;
    }
    
#news ul ul li{
    height: 87px;
    width:129px;
    margin:0px 0px 0px 0px;
    padding:10px 12px 6px 10px;
    background-image: url('../images/newsitem_bg.jpg');
    background-repeat:repeat-y;
    border:1px solid #292929; 
    left:25px;
    top:-1px;
    position:relative;    
    }
    
#news ul li:hover ul{
    display:block;
    } 

#news ul li:hover{
    background-color:#652828;
    border:1px solid #292929;
    width:177px
    }     
    
#news ul li ul li:hover{
    width:129px
    }

div.news_description{
    float:right;
    width:110px;
    padding:10px 0px 5px 8px;
    height:80px;
    overflow:hidden
}
    
div.news_description span{
    font-weight:bold;
}

div.sample{
    width:596px;
    float:left;
    margin-bottom:20px    
}

div.sample span{
    background-image:url('../images/span1_bg.jpg');
    height:18px;
    width:594px;
    line-height:19px;
    display:block;
    text-indent:10px;
    padding-bottom:4px;
}

div.sampletxt{
    width:548px;
    padding:0px 4px 8px 12px ;
    float:left;
    overflow:auto;
}

div.example{
    height:110px;
    width:594px;
    background-image:url('../images/samples_bg.jpg');
    display:block;
    float:left;
}
    
div.example a{
    display:block;
    height:80px;
    width:80px;
    overflow:hidden;
    filter:alpha(opacity=50);
    opacity:.5;
    margin:15px 5px 15px 5px;
    float:left; 
    z-index:1;
}

div.example a:hover{
    height:106px;
    width:106px;
    filter:alpha(opacity=100);
    opacity:1;
    margin:0px -8px 0px -8px;
    z-index:2;
}

div.example img{
    border:none;
    display:block;
}    

div.example div{
    width:476px;
    height:110px;
    overflow:visible;
    display:block;
    margin-left:auto;
    margin-right:auto;
   
}

a.contact_links,
a.contact_links:visited {
	color:#808080;
	font-weight:normal;
	font-family:Arial;
	font-size:8pt;
	letter-spacing:.1em;
}

a.contact_links:hover {
	text-decoration:none;
	color:#334680
} 

div.bio {
    width:600px;
    float:left;
    text-align:left;
    height:auto;
    overflow:auto;
    margin-top:14px;
    padding:0px 0px 32px 0px;
    
}

div.bio img {
    float:left;
    padding:4px 12px 12px 0px;
}

div.lists ul
{
    margin:8px 0 8px 40px;
}

div.lists ul li {
    list-style-image:url('../images/checkbox.jpg');
    list-style-position:outside;
    padding-left:6px;
}

div.lists span {
    font-size:11pt;
    font-weight:bolder;
    text-decoration:underline;
}

div.hp-main {
    background-image:url('../images/hp_moin_bg.jpg');
    background-repeat:repeat-x; 
    width:100%; 
    height:495px; 
    border-top:solid 1px #808080; 
    float:left;
}

div.hp-top {
    background-image:url('../images/call_us_bg.jpg'); 
    background-repeat:no-repeat; 
    height:186px; 
    width:646px; 
    margin:0 auto 0 auto; 
}

div.cp-top {
    background-image:url('../images/arrow_bg.jpg'); 
    background-repeat:no-repeat; 
    height:186px; 
    width:646px; 
    margin:0 auto 0 auto; 
}

div.hp-text {
    padding:0px 12px 0px 15px;
}

span.hp-heading {
    background-image:url('../images/hp_header_bg.gif'); 
    height:34px; 
    width:623px; 
    display:block; 
    margin:0 auto 0 auto; 
    line-height:30px; 
    text-indent:35px;
    font-weight:bold;
}

span.hp-heading span {
    color:#0321a2
}

div.hp-divcap {
    background-image:url('../images/section_header.jpg'); 
    background-repeat:no-repeat; 
    height:9px; 
    width:646px; 
    margin:0 auto 0 auto;
}

div.hp-section {
    background-image:url('../images/section_bg.jpg'); 
    background-repeat:repeat-x; 
    height:300px; 
    width:646px; 
    margin:0 auto 0 auto;
}