/* CSS Document */

body {margin:0; font-family:Arial; font-size:12px; color:#5a5a5a; font-weight:normal; line-height:16px;}
* {margin:0; padding:0;}
img {border:none;}
a {text-decoration:none; color:#a60001; outline:none;}
a:hover {color:#5a5a5a;}

#main {width:990px; margin:0 auto;}

#top {width:975px; float:left;}
#logo {float:left; padding:10px 0;}
#call {float:right; width:237px; height:94px; background:url(../images/call.jpg) no-repeat 0 22px;}
#main-navi {width:980px; float:left;}
#left-navi {width:13px; height:41px; float:left; background:url(../images/navi-left.jpg) no-repeat;}
#navi {width:948px; float:left; height:41px; background:url(../images/navi-bg.jpg) repeat-x;}

#nav-menu {padding:0; margin:0; list-style:none; width:948px; height:36px; overflow:hidden;}
#nav-menu li {float:left;}
#nav-menu a {display:block; background-image: url(../images/navi.jpg); padding-top:36px; /* same as height of #example-nav */ text-decoration:none; /* needed for IE8 beta, otherwise it still shows the underlines */}
#nav-menu-home {width:73px;}
#nav-menu-home:hover {background-position:0px -36px;}
#nav-menu-about {width:142px; background-position: -73px 0;}
#nav-menu-about:hover {background-position:-73px -36px;}
#nav-menu-service {width:128px; background-position: -215px 0;}
#nav-menu-service:hover {background-position:-215px -36px;}
#nav-menu-hosting {width:113px; background-position: -343px 0;}
#nav-menu-hosting:hover {background-position:-343px -36px;}
#nav-menu-wedo {width:115px; background-position: -456px 0;}
#nav-menu-wedo:hover {background-position:-456px -36px;}
#nav-menu-stuff {width:137px; background-position: -571px 0;}
#nav-menu-stuff:hover {background-position:-571px -36px;}
#nav-menu-outsource {width:137px; background-position: -708px 0;}
#nav-menu-outsource:hover {background-position:-708px -36px;}
#nav-menu-contact {width:103px; background-position: -845px 0;}
#nav-menu-contact:hover {background-position:-845px -36px;}

#right-navi {width:19px; height:41px; float:left; background:url(../images/navi-right.jpg) no-repeat;}

#header-part {width:980px; float:left; padding:11px 0 16px 0;}
#header-left {width:772px; float:left;}

#slider {margin:0; float:left; height:287px; width:772px; background-image:url(../images/slider_bg.jpg); background-repeat:no-repeat; background-position:center;}
#sliding {height:260px; width:744px; margin:auto; position:relative; top:10px; z-index:2; left:-4px;}

#header-right {width:194px; float:right;}
#testimonial {width:194px; float:left; height:36px; padding-top:12px; background:url(../images/testimonial-bg.jpg) no-repeat; text-align:center; color:#fff; font-weight:bold;}
#testimonial-text {width:159px; padding:15px 20px 0 15px; float:left; background:url(../images/testimonial-repeaty.jpg) repeat-y; height:213px;}
.testi-text {width:159px; float:left; color:#fff;}
.more {color:#fff; font-weight:bold;}
.more:hover {color:#ffa0a1;}
#testimonial-btm {float:left;}

#body-part {width:980px; float:left;}
.box-left {width:309px; float:left;}
.title-text {width:296px; padding-left:13px; float:left; height:57px; background:url(../images/shedow-bg.jpg) no-repeat; color:#a60001; font-weight:bold; line-height:37px;}
.curve-top {width:309px; float:left; height:7px; background:url(../images/curve-top.jpg) no-repeat;}
.text-content {width:281px; float:left; border-left:solid 1px #e6e6e6; border-right:solid 1px #e6e6e6; padding:5px 13px 6px 13px;}
.curve-btm {width:309px; float:left; height:7px; background:url(../images/curve-btm.jpg) no-repeat;}
.technology {width:309px; float:left; height:185px; background:url(../images/technology.jpg) no-repeat;}

#footer {width:980px; float:left; padding-top:20px;}
#footer-top {width:980px; float:left;}
.footer-img {float:left;}
#footer-color {float:left; height:6px; background:#ebebeb; width:964px;}
#footer-content {width:980px; padding:5px 0 7px 0; float:left; background:url(../images/footer-right-y.jpg) repeat-y right #ebebeb;}
#footer-ind {width:131px; float:left; padding-left:13px;}
#footer-ind span {color:#a60001; font-weight:bold; font-size:11px; line-height:26px;}
#footer-services {width:225px; float:left;}
#footer-services span {color:#a60001; font-weight:bold; font-size:11px; line-height:26px;}
#footer-tech {width:92px; float:left;}
#footer-tech span {color:#a60001; font-weight:bold; font-size:11px; line-height:26px;}
.footer-tech1 {width:66px; float:left; padding-top:24px;}
.footer-link {color:#4b4b4b; font-weight:normal; font-size:11px;}
.footer-link:hover {color:#a60001;}
#messanger {width:279px; float:right; padding:5px 20px 0 0;}
.messanger-top {width:279px; float:left;}
.messanger-btm {width:264px; padding:5px 0 5px 15px; float:left; background:#f5f5f5; color:#a60001; font-size:11px; font-weight:bold;}
.messanger-btm img {padding:10px 10px 0 0;}
#footer-bottom {width:980px; float:left;}
#footer-bottom-bg {width:964px; float:left; background:url(../images/footer-bottom-bg.jpg) repeat-x; height:10px;}
#copy-main {width:975px; float:left;}
#validator {float:left; padding:5px 0;}
#copyright {float:right; color:#838383; font-size:11px; line-height:30px;}

#body-part1 {width:980px; float:left; padding-top:15px;}
.inner-left {width:760px; float:left;}
h1 {width:760px; float:left; color:#a60001; font-weight:bold; font-size:14px; border-bottom:solid 1px #c8c6c7; padding-bottom:5px;}
.content-inner {width:760px; float:left; padding-top:18px;}
.inner-line {width:760px; float:left;}
.inner-line ol {padding:10px 0 0 30px;}
.inner-line ol li { list-style:decimal outside; padding:3px 0; background:none;}

.inner-line2 {width:760px; float:left;}
.inner-line2 ol {padding:10px 0 0 10px; list-style:none;}
.inner-line2 ol li { background:url(../images/arrow.jpg) no-repeat left 9px; padding:3px 0 3px 20px;}

/*********** contact *************/

.contact-left {width:400px; float:left;}
.contact-left ul {width:400px; float:left; list-style:none;}
.contact-left li {width:105px; float:left; padding:4px 0;}
.contact-left li span {color:#FF0000;}
.contact-left li.input1 {width:295px; float:left; padding:5px 0;}
.input-bg {width:200px; background:#f3f3f3; border:solid 1px #cdcdcd; padding:1px;}
.input-msg {width:250px; height:130px; background:#f3f3f3; border:solid 1px #cdcdcd; padding:1px; font-family:Arial; font-size:12px;}
.contact-right {width:320px; float:right;}
.contact-right span {color:#a60001;}

.portfolio-part {width:760px; float:left;}
h2 {width:760px; float:left; color:#4b4b4b; font-weight:bold; font-size:12px; padding-bottom:10px;}
.portfolio {width:325px; float:left; list-style:none;}
.portfolio li {width:325px; float:left;}
.portfolio li a {float:left; color:#a70001; background:url(../images/arrow.jpg) no-repeat left 9px; padding:3px 0 3px 15px;}
.portfolio li a:hover {color:#4b4b4b; background:url(../images/arrow-hover.jpg) no-repeat left 9px;}


/* Portfolio Image Slider */

	#folio_scroller_container						{margin-top:35px; margin-bottom:40px; height:auto;}
	#folio_scroller_container .roundabout-holder	{list-style:none; height:400px; margin:0px auto 20px auto;}
	
/* Portfolio Styles */
	
	.portfolio_item						{width:223px; position:relative; margin:10px 10px 10px 12px; padding:0;}
	.portfolio_item img					{padding:5px; border: 1px solid #aaaaaa; width:211px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin-bottom:0px;}
	.portfolio_item span				{display:none;}
	.portfolio_item:hover img			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
	.portfolio_item:hover span			{display:inline; position:absolute; 
											bottom:6px; right:6px; 
											padding:10px 15px; 
											background:#7E7E7C; 
											color:#FFF; 
											z-index:999; 
											border-left:1px solid #aaaaaa; 
											border-top:1px solid #aaaaaa; 
											-webkit-border-top-left-radius: 5px; 
											-moz-border-radius-topLeft: 5px;}

	.float								{display:inline; float:left; position:relative;}

.grid_9 				{width:760px;}