html, body {font-family: Arial, Verdana, Tahoma, Sans-serif; color: #000; font-weight: normal; background: #fff; font-size: 12px; padding: 0; margin: 0;}

h1 {color: #000; font-size: 24px; font-weight: normal; margin: 0; padding: 0;}
p {margin: 0; padding: 0 0 7px 0;}
textarea, select {background: #fff; border: 1px solid #A7A6AA; color: #000; font-family: Arial, Verdana, Tahoma, Sans-serif; font-size: 11px;}
img {border: 0; margin: 0; padding: 0;}
form {margin: 0; padding: 0;}

#container  {position: relative; width:970px; margin: 0 auto; padding: 0;}
#top {width:100%; margin: 0; padding: 0; overflow: hidden;} 
  #top #logo {float: left; margin: 35px 0 0 20px; padding: 0;}
  #top #topmenu {float: right; width: 600px; margin: 0; padding: 10px 0 0 0; text-align: right;overflow: hidden;}
  #top #topmenu  a         {color: #1d5793; text-decoration:none;}
  #top #topmenu  a:visited {color: #1d5793; text-decoration:none;}
  #top #topmenu  a:active  {color: #000; text-decoration:none;}
  #top #topmenu  a:hover   {color: #000; text-decoration:none;}

  #top #topmenu ul.m1 {margin: 0 0 0 320px; padding: 0;height: 37px;}
  #top #topmenu ul.m1 li {float:left; display: inline; margin: 0 0 0 15px; padding: 0 0 0 7px; background: url(../images/menu/arrow.gif) top left no-repeat; font-size: 13px; font-weight: bold;}

  #top #topmenu ul.m2 {margin: 0; padding: 0;}
  #top #topmenu ul.m2 li {float:left; display: inline; margin: 0 0 0 28px; padding: 0;}

  #top .l {float: left; width: 12px; height: 90px; margin: 0; padding: 0; background: url(../images/topleft.gif) top left no-repeat;}
  #top .r {float: left; width: 12px; height: 90px; margin: 0; padding: 0; background: url(../images/topright.gif) top left no-repeat;}
  #top .m {float: left; width: 946px; height: 90px; margin: 0; padding: 0; background: url(../images/top.gif) top left repeat-x;}

#content {position: relative; clear: both; width: 100%;}

#home {position: relative; clear: both; width: 100%; height: 405px;  background: url(../images/mainbg.gif) bottom left no-repeat;}
#home h1, p {margin: 0 40px 0 35px ;}
#home h1 {margin-top: 45px;}


#homecontent {float: right; width: 505px;}


#bottomtabs {clear: both; margin: 10px 0 0 0; padding: 0; width: 100%;}
#tabs {float: left; margin: 0; padding: 0; width: 550px; height: 164px;}
  #tabs ul {margin: 0 0 0 5px; padding: 0;}
  #tabs li {float:left; display: inline; margin: 20px 15px 0 0; padding: 0 5px 0 0; width: 155px;  background: url(../images/tabs/sep.gif) top right no-repeat;}
  #tabs li.lilast {background: none; padding: 0; margin: 20px 0 0 0;;}

  #tabs p {margin: 0; padding: 0;}
  #tabs .l {float: left; width: 13px; height: 164px; margin: 0; padding: 0; background: url(../images/tabs/left.gif) top left no-repeat;}
  #tabs .r {float: left; width: 13px; height: 164px; margin: 0; padding: 0; background: url(../images/tabs/right.gif) top left no-repeat;}
  #tabs .m {float: left; width: 524px; height: 164px; margin: 0; padding: 0; background: url(../images/tabs/middle.gif) top left repeat-x;}

#portfolio {float: right; width: 408px; height: 162px; margin: -10px 0 0 0; padding: 0; background: url(../images/tabs/portfolio.gif) bottom left no-repeat; font-size: 14px; font-weight: bold;}
  #portfolio ul {margin: 80px 0 0 40px; padding: 0; list-style-image: none;list-style-type:none;}
  #portfolio li {margin: 0; padding: 0 0 0 18px; background: url(../images/tabs/arrow.gif) top left no-repeat;}


#bottom {clear: both; text-align: center; overflow: hidden;}
#bottom p {padding: 11px; line-height: 18px;}
  #bottom  a         {color: #000; text-decoration:none;}
  #bottom  a:visited {color: #000; text-decoration:none;}
  #bottom  a:active  {color: #666; text-decoration:underline;}
  #bottom  a:hover   {color: #666; text-decoration:underline;}
  #bottom  .l {float: left; width: 12px; height: 62px; margin: 0; padding: 0; background: url(../images/bottomleft.gif) top left no-repeat;}
  #bottom  .r {float: left; width: 12px; height: 62px; margin: 0; padding: 0; background: url(../images/bottomright.gif) top left no-repeat;}
  #bottom  .m {float: left; width: 946px; height: 62px; margin: 0; padding: 0; background: url(../images/bottom.gif) top left repeat-x;}


#inner {
	position: relative;
	clear: both;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	background: url(../images/mainbgr.gif) bottom left no-repeat;
	background-image: url(../images/mainbgr.gif);
}

  #inner #portfolio {clear: both; width: 331px; height: 127px; margin: 10px 0 0 0; padding: 0; background: url(../images/portfolio.gif) bottom left no-repeat; font-size: 14px; font-weight: bold;}
    #inner #portfolio ul {margin: 60px 0 0 20px; padding: 0; list-style-image: none;list-style-type:none;}
    #inner #portfolio li {margin: 0; padding: 0 0 0 18px; background: url(../images/tabs/arrow.gif) top left no-repeat;}


  #inner .l {height: 444px;float: left; width: 12px; margin: 0; padding: 0; background: url(../images/mainleft.gif) bottom left no-repeat; overflow: hidden;}
  #inner .r {height: 444px;float: left; width: 12px; margin: 0; padding: 0; background: url(../images/mainright.gif) bottom left no-repeat; overflow: hidden;}
  #inner .m {height: 444px;float: left; width: 946px; margin: 0; padding: 0; background: url(../images/main.gif) bottom left repeat-x; overflow: hidden;}

  #inner #portfolio {clear: both; width: 331px; height: 127px; margin: 10px 0 0 0; padding: 0; background: url(../images/portfolio.gif) bottom left no-repeat; font-size: 14px; font-weight: bold;}
    #inner #portfolio ul {margin: 60px 0 0 20px; padding: 0; list-style-image: none;list-style-type:none;}
    #inner #portfolio li {margin: 0; padding: 0 0 0 18px; background: url(../images/tabs/arrow.gif) top left no-repeat;}

#innercontent {float: left; margin: 0; padding: 0; width: 628px; overflow: hidden;}
  #innercontent div {margin: 20px; padding: 0;}
  #innercontent p {margin: 0; padding: 0 0 7px 0;}


  

#innertabs {
	position: relative;
	float: right;
	margin: 10px 10px 0 0;
	padding: 0;
	width: 331px;
}
  #innertabs .tab {clear: both; margin: 5px 0 0 0; padding: 0; width: 331px; height: 95px; background: url(../images/tabs/inner1.gif) bottom left no-repeat;}
  #innertabs .tab p {padding: 0 10px 0 20px; margin: 0; font-size: 11px;}
  #innertabs .tab img {padding: 10px 12px 0 20px; margin: 0;}
#bgbottom {position: relative;float: right;margin: 10px 10px 0 0;padding: 0;width: 331px;background: url(../images/) bottom right no-repeat;}

#testimonials {
	position: relative;
	width: 154px;
	height: 300px;
	margin: 130px 0 0 10px;
	padding: 0 0 0 5px;
	background: url(../images/testimonials_bg.gif) top left no-repeat;
	overflow: visible;
}
  #testimonials h1 {margin: 0; padding: 10px 12px 0 12px; font-style: normal; font-size: 18px; color: #666;}
  #testimonials p {margin: 0; padding: 0 12px; font-style: italic ; font-size: 11px;}



#innercontentblog {float: left; margin: 0; padding: 0 0 10px 0; width: 628px; overflow: hidden;position:relative;}
#innertop {float:left;margin: 0 ; padding: 0 0px 0px 0; width: 618px;background: url(../images/bgtopinner.gif) repeat-x left top ; overflow: hidden; position:relative;}
#innerbottom {clear: both; width: 618px; padding: 0; margin: 0; overflow: hidden; background: url(../images/bgbottominner.gif) repeat-x left bottom ;position:relative;}
#innerbottom img {margin: 5px 0 20px 31px;}
 #bot {margin: 0; padding: 0;background: url(../images/bottominner.gif) left bottom no-repeat ;width:618px;position:relative;overflow: hidden;}
#innerbottom  h1 {margin: 0; padding: 0 0 0px 31px; color: #2a2a2a; font-weight:bold;}                                                                                                                                                                             
#innerbottom #our_portfolio{clear:both;margin: 0 0 0 31px; padding: 0 0px 0px 0; width: 554px;overflow: hidden;}
#our_portfolio .client {float:left;margin: 0 13px 0 0; padding: 0 0px 0px 0; width: 176px;overflow: hidden;}
.client ul {float:left;margin: 0px 0 15px 0px; padding: 0; list-style-image: none;list-style-type:none;width: 176px;color:#333333; font-size:11px;}

.client a:visited, .client a:link {width: 300px; display: block; text-decoration: none; padding: 7px 0px; border-bottom: 1px solid #666; color: #333;}
.client a:hover {background: #ed1b2e; color: #fff; text-decoration: none;}
.client a.sel {background: #ed1b2e; color: #fff; text-decoration: none;}




a         {color: #0156a5; text-decoration:underline;}
a:visited {color: #0156a5; text-decoration:underline;}
a:active  {color: #333; text-decoration:underline;}
a:hover   {color: #333; text-decoration:underline;}