/* CSS Document */
body,html{
padding:0; margin:0;}

body{
background-image: url(../images/sh-bg.gif); 
background-repeat:repeat-x; 
background-color:#fff; 
font-family:Arial, Helvetica, sans-serif; 
font-size:.8em; color:#000;}

#page{
width:1000px; margin: auto}
.page{
width:1000px; margin: auto}
#header{
background-image:url(../images/sh-header-bg.gif); 
width:1000px; 
height:305px; 
background-repeat:no-repeat}
#header-spacer{
height:156px; overflow:hidden}
#header-left-spacer{
width:349px; float:left;}
#header-right{
width:651px; 
float:right; 
background-image: url(../images/top-image.jpg); 
background-repeat:no-repeat; 
height:134px}




#topmenu{
 height:29px; 
 text-align:right; 
 padding-right:80px; 
 color:#fff; 
 font-weight:bold; 
 line-height:29px; 
 vertical-align: baseline}
.topmenu{
text-decoration:none; color:#fff; font-weight:bold;}
.topmenu a{
text-decoration:none; color:#fff; font-weight:bold;}
.topmenu:hover{
text-decoration:underline; color:#fff; font-weight:bold;}
/*bottom menu starts here*/
#left{
width:379px; float:left}
#left-area{
width:361px; float:left;}
#left-area-top{
background:url(../images/menu-right-area-bg.gif) no-repeat; height:81px}
#menu-left{
width:259px; 
float:left; 
font-family:Arial, Helvetica, sans-serif; 
font-size:16px; 
font-weight:bold; 
color:#fff; 
text-align:center; 
padding:20px 00px 0px 100px; 
line-height:140%; 
height:56px}
#right-area{
width:621px; float:right; min-height:680px; _height:680px;}
#menu-spacer{
width:18px;
float:left;
background:url(../images/spacer-bg.gif) no-repeat;
height:81px}

/* news button starts here*/
#news-button{
width:182px; 
float:left;
height:81px;
background:url(../images/news-button-bg.gif) no-repeat; 
}
#news-button-area{
background-image: url(../images/news-button.gif); 
width:53px; height:28px; float:left;
margin-top:25px}
#news-button-area ul{
padding:0; margin:0; 
list-style-type:none; 
margin-left:0px}
#news-button-area ul li{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none; 
background-image:url(../images/news-button.gif); 
background-repeat:no-repeat; 
background-position:0px 0px;}
#news-button-area ul li a{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none; 
background-image:url(../images/news-button.gif); 
background-repeat:no-repeat; 
background-position:0px 0px; 
width:53px; height:28px}
#news-button-area ul li a:hover{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none; 
background-image: url(../images/news-button-hover.gif); 
background-repeat:no-repeat; 
background-position:0px 0px; 
width:53px; height:28px}
/* news button starts here*/

/* services button starts here*/
#services-button{
width:172px;
float:left;
height:81px;
background:url(../images/services-button-bg.gif) no-repeat}

#services-button-area{
background-image: url(../images/news-button.gif); 
width:108px; 
height:28px; 
float:left;
margin-top:25px}
#services-button-area ul{
padding:0; 
margin:0; 
list-style-type:none; 
margin-left:0px}
#services-button-area ul li{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none; 
background-image: url(../images/services-button.gif); 
background-repeat:no-repeat; 
background-position:0px 0px;}
#services-button-area ul li a{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none; 
background-image:url(../images/services-button.gif); 
background-repeat:no-repeat; 
background-position:0px 0px; 
width:108px; 
height:28px}
#services-button-area ul li a:hover{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none; 
background-image: url(../images/services-button-hover.gif); 
background-repeat:no-repeat; 
background-position:0px 0px; 
width:108px; height:28px}

/* services button ends here*/

/* testimonial button starts here*/
#testimonial-button{
width:267px;
float:right;
height:81px;
background:url(../images/testi-button-bg.gif) no-repeat}
#testimonial-button-area{
background-image: url(../images/testimonial-button.gif); 
width:129px; 
height:28px; 
float:left;
margin-top:25px}
#testimonial-button-area ul{
padding:0; 
margin:0; 
list-style-type:none; 
margin-left:0px}
#testimonial-button-area ul li{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none; 
background-image:  url(../images/testimonial-button.gif); 
background-repeat:no-repeat; background-position:0px 0px;}
#testimonial-button-area ul li a{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none;  
background-image:url(../images/testimonial-button.gif); 
background-repeat:no-repeat; 
background-position:0px 0px; 
width:129px; 
height:28px}
#testimonial-button-area ul li a:hover{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none; 
background-image:  url(../images/testimonial-button-hover.gif); 
background-repeat:no-repeat; 
background-position:0px 0px; 
width:129px; 
height:28px}
/* testimonial button ends here*/
/*bottom menu ends here*/
#middle-area-bg{
background:url(../images/middle-area-bg1.gif) repeat-y}
#spacer{
width:62px; float:left}
/*form starts here*/
#formarea{
width:379px; clear:both}
#formspacer{
width:93px; float:left}
.formspacer{
width:94px; float:left}
#form-holder{
width:286px; float:right}
.form-holder{
width:285px; float:right}
#contact-form{
width:240px; 
background-color:#e8e8e8; 
float:left; 
border:1px solid #cacaca; 
margin-top:0px;}

#contact-form-header{
background-image:url(../images/contact-form-image.gif); 
background-repeat:no-repeat; 
background-position:15px 0px; 
height:62px; 
margin-top:20px}

#contact-form-body{
width:212px;float:left;}
#contact-right-spacer{
width:13px; float:right}
#contact-spacer{
width:15px; float:left}


#contact-form-body2{
width:352px;float:left;}


.input{
width:135px; height:22px; border:1px solid #7f7f7f}
.text-input{
width:135px; height:100px; border:1px solid #7f7f7f}
#name{
width:70px; 
float:left; 
text-align: left; 
font-family:Arial, Helvetica, sans-serif; 
font-size:13px; 
font-weight:bold; 
color:#121212; 
height:22px; 
line-height:22px; 
vertical-align:middle}

.name{
width:70px; 
float:left; 
text-align: left; 
font-family:Arial, Helvetica, sans-serif; 
font-size:13px; 
font-weight:bold; 
color:#121212; 
height:22px; 
line-height:22px; 
vertical-align:middle}

#name2{
width:200px; 
float:left; 
text-align: left; 
font-family:Arial, Helvetica, sans-serif; 
font-size:13px; 
font-weight:bold; 
color:#121212; 
height:22px; 
line-height:22px; 
vertical-align:middle}

.name2{
width:200px; 
float:left; 
text-align: left; 
font-family:Arial, Helvetica, sans-serif; 
font-size:13px; 
font-weight:bold; 
color:#121212; 
height:22px; 
line-height:22px; 
vertical-align:middle}


#input-area{
width:135px; float:right}
.input-area{
width:135px; float:right}
.input3{
width:34px; height:22px; border:1px solid #7f7f7f}
.input4{
width:45px; height:22px; border:1px solid #7f7f7f}
.response{
float:left; 
text-align: left; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
color:#121212;}

/*newsletter starts here*/
#newsletter{
 width:242px; float:left; margin-top:10px}
#newsletter-header{
background-image:url(../images/newsletter-header.gif); 
height:34px; 
background-repeat: no-repeat; }
#newsletter-area{
width:222px; 
background-color:#121212;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
color:#cdcdcd; 
padding:20px 0px 10px 20px;}

.newsletter-input{
width:200px; 
height:15px;}
#signup-button{
padding:10px 10px 10px 0px}
.link{
font-family: Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#003e75;
text-decoration:none}
/*newsletter ends here*/

/*form ends here*/
#textarea{
padding:0; margin:0; font-size:.7em}
#text-area h1{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif; 
font-size:25px;
font-weight:600;
color:#00203c;
padding:30px 0px 20px 40px;
}
#text-area p{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif; 
font-size:1.1em;
font-weight:500;
color:#404040;
padding:10px 20px 10px 40px;
line-height:150% ;
text-align:justify;
}

.readmore-textbody{
width:432px; 
height:21px; 
overflow:hidden; 
background-color:#F0F0F0; 
border:1px solid #D8D8D8; 
margin-right:0px;  
margin-top:30px; 
margin-bottom:20px; 
float:right}

.readmore-small-text{
width:395px; 
float:left; 
font-family: Tahoma; 
font-size:12px; 
font-weight:600; 
color:#121212; 
line-height:18px; 
vertical-align:middle}

.readmore-button-text{
width:32px; 
float:right; 
padding-top:3px; 
padding-left:0px}




/* start of css for inner page*/
#inner-page-text-area{
padding:0; margin:0; font-size:1em}
#inner-page-text-area h1{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif; 
font-size:25px;
font-weight:600;
color:#00203c;
padding:30px 0px 20px 40px;
}
#inner-page-text-area h2{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif; 
font-size:17px;
font-weight:600;
color:#00203c;
padding:0px 40px 0px 40px;}
#inner-page-text-area p{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif; 
font-size:1.1em;
font-weight:300;
color:#404040;
padding:10px 20px 10px 40px;
line-height:150% ;
text-align:justify;
}
#about-us-image{
padding:0; margin:0; float:right; margin-top:87px; margin-left:20px}
#founder{
padding:0; margin:0;}
#founder h2{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif; 
font-size:17px;
font-weight:600;
color:#00203c;
padding:0px 30px 20px 40px;}
#founder p{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif; 
font-size:14px;
font-weight:300;
color:#404040;
padding:10px 20px 10px 40px;
line-height:150% ;
text-align:justify;}
#founder-image{
padding:0; 
margin:0; 
float:right; 
margin-top:0px; 
margin-left:20px;
font-family:Arial, Helvetica, sans-serif; 
font-size:14px;
font-weight:300;
color:#404040;
text-align:center}
#founder{
padding:0; margin:0;}


#project-image{
padding:0; margin:0; float:right; margin-top:0px; margin-left:20px}
.project-gallery{
background-color:#f6f6f6; 
border:1px solid #c2c2c2; 
padding:10px;
margin-right:59px}


/* end of css for inner page*/


#footer{
background:url(../images/footer-bg-gradient.gif) repeat-x; 
height:168px}

#footer-left{
width:395px; background:url(../images/footer-logo-new.gif) no-repeat; 
float:left; 
height:168px;}

#footer-right{
width:605px; 
float:right;
text-align:center}

#footer-top-link{
font-family: Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
color:#404040; 
height:50px; 
line-height:50px; 
vertical-align:middle}

.footer-link{
font-family: Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
color:#404040; 
text-decoration:none; 
padding:0px 5px 0px 5px }

.footer-link a{
font-family: Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
color:#404040; 
text-decoration:none }

.footer-link:hover{
font-family: Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
color:#fff; 
text-decoration:underline }

#footer-logo{
background-image: url(../images/footer-bg.gif); 
height:168px; 
background-repeat:no-repeat}

#copyright{
font-family: Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
color:#404040; 
text-align: center; 
padding-top:15px;
clear:both}
#footer-text{
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#424141;
text-align: justify;
background-color: #aaaaaa;
border:1px solid #c1c0c0;
width:500px;
float:left;
padding:10px}
#footer-text-spacer{
width:60px; 
float:left;
}