@charset "utf-8";
/* CSS Document */

body{ padding:0px; margin:0px; background:url(../images/main-bg.gif) #f6f6f6 repeat-x left top; font:12px/20px Arial, Helvetica, sans-serif; color:#32353e;}

#clear{ clear:both;}

.12black{ font:12px/18px "Trebuchet MS"; color:#32353e; text-decoration:none}
.12pink{ font:22px/18px "Trebuchet MS"; color:#ec008c;}
.12grey{ font:12px/18px "Trebuchet MS"; color:#72747a; text-decoration:none}


#logo{ padding:0px; margin:34px 50px 0 0; width:156px; height:93px; display:block; float:right;}

#main{ padding:0px; margin:0px auto; margin-top:4px; width:998px; height:500px; border-bottom: solid 4px #e6e7e8; border-left: solid 1px #e6e7e8; border-right: solid 1px #e6e7e8; background:url(../images/inner-bg.gif) #FFFFFF repeat-x left top;}

#flash{ padding:60px 0 0 0; margin:0px; width:998px;}


/*Home Page Menu*/
#menu{ padding:0px; margin:40px 68px 0 68px; height:62px;}
#menu span{ padding:0px; margin:0px; width:28px; height:62px; background:url(../images/menu-left.gif) no-repeat left top; float:left;}
#menu label{ padding:0px; margin:0px; width:28px; height:62px; background:url(../images/menu-right.gif) no-repeat left top; float:right;}

#menu-center{ padding:21px 0 0 0; margin:0px; background-color:#f8f8f8; height:41px; float:left; width:806px;}
#menu-center ul{ padding:0px 0px 0 0; margin:0px; float:left; width:806px; list-style-type:none;}
#menu-center ul li{ padding:0px 0px 0 0; margin:0px; float:left; list-style-type:none;}

#services a{ padding:0px 0 0 0; margin:0px 0 0 18px; width:228px; height:20px; background:url(../images/whatwedo-normal.gif) no-repeat left top; display:block;}
#services a:hover{ padding:0px 0 0 0; margin:0px 0 0 18px; width:228px; height:20px; background:url(../images/whatwedo-hover.gif) no-repeat left top; display:block;}

#about a{ padding:0px 0 0 0; margin:0px 0 0 0; width:200px; height:20px; background:url(../images/about-normal.gif) no-repeat left top; display:block;}
#about a:hover{ padding:0px 0 0 0; margin:0px 0 0 0; width:200px; height:20px; background:url(../images/about-hover.gif) no-repeat left top; display:block;}

#portfolio a{ padding:0px 0 0 0; margin:0px 0 0 0; width:230px; height:20px; background:url(../images/portfolio-normal.gif) no-repeat left top; display:block;}
#portfolio a:hover{ padding:0px 0 0 0; margin:0px 0 0 0; width:230px; height:20px; background:url(../images/portfolio-hover.gif) no-repeat left top; display:block;}

#contact a{ padding:0px 0 0 0; margin:0px 0 0 0; width:109px; height:20px; background:url(../images/contact-normal.gif) no-repeat left top; display:block;}
#contact a:hover{ padding:0px 0 0 0; margin:0px 0 0 0; width:109px; height:20px; background:url(../images/contact-hover.gif) no-repeat left top; display:block;}
/*Home Page Menu End*/


/*Inner Page Menu*/
.innermenu{ padding:45px 0 0 50px; margin:0px 0px 0 0px; height:62px; width:650px;}
.innermenu span{ padding:0px; margin:0px; width:34px; height:62px; background:url(../images/inner-menu-left.gif) no-repeat left top; float:left;}
.innermenu label{ padding:0px; margin:0px; width:34px; height:62px; background:url(../images/inner-menu-right.gif) no-repeat left top; float:right;}

.innermenu-center{ padding:21px 0 0 0; margin:0px; height:41px; float:left; width:582px; background:url(../images/inner-menu-bg.gif) repeat-x left top;}
.innermenu-center ul{ padding:0px 0px 0 0; margin:0px; float:left; width:806px; list-style-type:none;}
.innermenu-center ul li{ padding:0px 0px 0 0; margin:0px; float:left; list-style-type:none;}

.innerservices a{ padding:0px 0 0 0; margin:0px 0 0 0px; width:170px; height:20px; background:url(../images/inner-whatwedo-normal.gif) no-repeat left top; display:block;}
.innerservices a:hover{ padding:0px 0 0 0; margin:0px 0 0 0px; width:170px; height:20px; background:url(../images/inner-whatwedo-hover.gif) no-repeat left top; display:block;}
#innerservices { padding:0px 0 0 0; margin:0px 0 0 0px; width:170px; height:20px; background:url(../images/inner-whatwedo-hover.gif) no-repeat left top; display:block;}

.innerabout a{ padding:0px 0 0 0; margin:0px 0 0 0; width:135px; height:20px; background:url(../images/inner-about-normal.gif) no-repeat left top; display:block;}
.innerabout a:hover{ padding:0px 0 0 0; margin:0px 0 0 0; width:135px; height:20px; background:url(../images/inner-about-hover.gif) no-repeat left top; display:block;}
#innerabout { padding:0px 0 0 0; margin:0px 0 0 0; width:135px; height:20px; background:url(../images/inner-about-hover.gif) no-repeat left top; display:block;}

.innerportfolio a{ padding:0px 0 0 0; margin:0px 0 0 0; width:168px; height:20px; background:url(../images/inner-portfolio-normal.gif) no-repeat left top; display:block;}
.innerportfolio a:hover{ padding:0px 0 0 0; margin:0px 0 0 0; width:168px; height:20px; background:url(../images/inner-portfolio-hover.gif) no-repeat left top; display:block;}
#innerportfolio { padding:0px 0 0 0; margin:0px 0 0 0; width:168px; height:20px; background:url(../images/inner-portfolio-hover.gif) no-repeat left top; display:block;}

.innercontact a{ padding:0px 0 0 0; margin:0px 0 0 0; width:108px; height:20px; background:url(../images/inner-contact-normal.gif) no-repeat left top; display:block;}
.innercontact a:hover{ padding:0px 0 0 0; margin:0px 0 0 0; width:108px; height:20px; background:url(../images/inner-contact-hover.gif) no-repeat left top; display:block;}
#innercontact { padding:0px 0 0 0; margin:0px 0 0 0; width:108px; height:20px; background:url(../images/inner-contact-hover.gif) no-repeat left top; display:block;}
/*Inner Page Menu End*/

#aboutus-content{
	padding:0px 0 0 50px;
	margin:0px;
	width:450px;
	text-align: justify;
}
#aboutus-image{ padding:0px; margin:30px 50px 12px 0; width:419px; background:url(../images/aboutus-image.gif) no-repeat right top; width:419px; height:271px; float:right;}

#footer{ padding:6px 0 0 0; margin:0 auto; width:897px; border-top: solid 1px #e6e7e8; text-align:center; font:12px/18px "Trebuchet MS"; color:#72747a;}
#footer span{ padding:0px; margin:0;font:12px/18px "Trebuchet MS"; color:#ec008c;}
#footer label{ padding:0px; margin:0;font:12px/18px "Trebuchet MS"; color:#32353e;}



#scrol1{
scrollbar-3dlight-color:#ffd700;
scrollbar-arrow-color:#ff0;
scrollbar-base-color:#ff6347;
scrollbar-darkshadow-color:#ffa500;
scrollbar-face-color:#008080;
scrollbar-highlight-color:#ff69b4;
scrollbar-shadow-color:#f0f
}


#div.scroll {
height: 200px;
width: 300px;
overflow: auto;
border: 1px solid #666;
background-color: #777788;
padding: 8px;
}