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

body{
background:#a0a0a0 url(../images/bg-reap.gif) repeat-x 0 0;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
color:#434343;

}
body, ul, ol, li, img, form, h1, h2, h3, h4, h5, h6{
padding:0;
margin:0;
}
h1, h2, h3, h4, h5, h6{
font-family:Arial, Helvetica, sans-serif;

}
h4{
font-size:120%;
}
.gray-container h4{
font-size:140%;
color:#e60b0c;
}
#warp{
background-color:#fff;
margin:0 auto;
text-align:left;
width:900px;
/*overflow:hidden;*/
clear:both;
height:auto;
}

#header{
float:left;
width:100%;
border-top:15px solid #434343;
}
#t-head{
float:left;
width:100%;
}

#t-head h1{
float:left;
width:182px;
margin:5px 2px auto 14px;
border:0;
background:url(../images/web-all-solution.jpg) no-repeat 0 0;
text-indent:-999px;
font-size:1%;
}
#t-head h1 a{
display:block;
height:90px;
text-decoration:none;
}

#t-head ul{
float:right;
margin-right:2px;
text-align:right;
height:90px;
width:auto;
}
#t-head li{
float:left;
list-style-type:none;
text-align:center;
font-variant:normal;
line-height:90px;
border-top-width:0;
width:87px;
margin-right:1px;
text-transform:capitalize;
}
#t-head li a{
display:block;
background:#f6f6f6 url(../images/t-tab-bg.gif) repeat-x 0 0;
border:1px solid #ebebeb;
color:#434343;

text-decoration:none;
}
#t-head li a:hover{
background:#000 url(../images/t-tab-over.gif) repeat-x 0 0;
border:1px solid #424242;
color:#fff;
text-decoration:none;
}

#drop-menu{
float:left;	
background:#d60c0d;
width:100%;
height:34px;
}

#drop-menu ul{
margin:3px 0 0 0;
z-index:100;
clear:both;
}

#drop-menu li
{	
list-style: none;
float: left;
}
* html #drop-menu li{
font-size:90%;
}

#drop-menu li a
{	
display: block;
padding: 5px 7px 2px 7px;
width:130px;
background: #d60c0d;
text-transform:capitalize;
color: #FFF;
text-align: center;
text-decoration: none
}

#drop-menu li a:hover
{	
background: #d60c0d
}
#drop-menu div
{	
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background:#e60b2a;
border: 1px solid #cc0b0c;
z-index:200;
}

#drop-menu div a
{	
position: relative;
display: block;
margin: 0;
padding: 5px 7px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
border-bottom:1px solid #e33c53;
background:#d60c0d;
color: #fff;
z-index:2000;
}

#drop-menu div a:hover
{	
background:#ad0a0a;
color: #FFF
}
#banner-container{
float:left;
width:900px;
height:298px;
background:url(../images/banerH.jpg) 677px top no-repeat;
}
#banner-containerInt{
float:left;
width:900px;
height:213px;
background: url(../images/banerR.jpg) 677px top no-repeat;
}
.link-outer{
width:889px;
float:left;
left:5px;
right:2px;
position:relative;
margin:0 0 1px 0;
}
.gray-container ul{
float:left;
width:210px;
background:#212121 url(../images/blk-dotted.gif) repeat-y right top;
}
.gray-container ul.no-border{
background-image:none;
}
.gray-container li{
list-style-type:none;
color:#8b8c8c;
background:url(../images/arrow.gif) no-repeat left center;
padding-left:12px;
line-height:28px;
}
.gray-container li a{
color:#8b8c8c;
text-decoration:none;
}
.gray-container li a:hover{
color:#8b8c8c;
text-decoration:underline;
}
.gray-container{
background:#212121;
float:left;
width:654px;
padding:5px;
}

.testmonial{
float:left;
width:206px;
height:187px;
background:url(../images/testimon-bg.jpg) no-repeat 0 0;
padding:4px 5px 4px 10px;
border:1px solid #cecece;
margin-right:2px;
}
.testmonial .testi-txt{
margin-left:10px;
text-align:justify;
width:180px;
height:100px;
color:#d00c0d;
text-indent:12px;
}


.testmonial .testi-txt strong{
color:#3f3f3f;
font-weight:bold;
}
.testmonial img{
float:right;
display:block;
margin: 0 32px 0 0;
}
.testmonial h4{
text-indent:-999px;
background:url(../images/testi.gif) no-repeat center bottom;
width:200px;
text-align:center;
margin: 12px 0 19px 0;
height:17px;
}


#mid, #footer{
display:block;
margin:0px auto;
width:100%;
padding:1px 0 0 0;
clear: both;
}
#footer{
border-top:4px solid #e51011;
}

#mid{
border-left:1px solid #fff;
border-right:1px solid #fff;
}

#L-side {
float:left;
width:673px;
background:url(../images/mid-bg.gif) repeat-x 0 0;
padding:12px 2px 1px 2px;
border-right:1px solid #fff;
height:auto;
}
#Larg{
float:left;
background:url(../images/mid-bg.gif) repeat-x 0 0;
height:auto;
width:894px;
padding:12px 2px 1px 2px;
}

.fl330{
float:left;
width:330px;
}
.fl250{
float:left;
width:250px;
}
.pink-outer{
float:left;
position:relative;
clear:both;
width:889px;
background:url(../images/pnk-l.gif) no-repeat left bottom;
margin-bottom:8px;
margin-left:5px;
overflow:hidden;
}
.pink-r{
float:left;
position:relative;
left:6px;
width:883px;
background: url(../images/pnk-r.gif) no-repeat  right bottom;
}
.pink-internal{
float:left;
position:relative;
width:880px;
padding-bottom:8px;
background:url(../images/pnk-bg.gif) repeat-x left bottom;
}
.gr-outer{
float:left;
position:relative;
clear:both;
width:889px;
background: url(../images/gr-l.gif) no-repeat left bottom;
margin-bottom:2px;
margin-left:5px;
overflow:hidden;
}
.gr-r{
float:left;
position:relative;
left:6px;
width:883px;
background: url(../images/gr-r.gif) no-repeat  right bottom;
}
.gr-internal{
float:left;
position:relative;
width:880px;
padding-bottom:8px;
background: url(../images/gr-bg.gif) repeat-x left bottom;
}
.cel, .cellast{
float:left;
text-align:left;
width:202px;
height:212px;
text-align:left;
line-height:18px;
color:#545050;
}

.cel h4, .cellast h4{
line-height:24px;
text-align:center;
color:#e60b0c;
text-transform:capitalize;
}
.cel h4 a, .cellast h4 a{
text-decoration:none;
color:#e60b0c;
}

.gr-internal .cel{
background:url(../images/gr-dotted.gif) no-repeat right bottom;
}

.cel{
background:url(../images/pnk-dotted.gif) no-repeat right bottom;
padding-right:11px;
padding-left:5px;
}

.ico-cm, .ico-wd, .ico-wdev, .ico-seo, .ico-wwa, .ico-wwd, .ico-hww, .ico-os{
background-position: center top;
background-repeat:no-repeat;
padding-top:55px;
}
.ico-cm{
background-image:url(../images/cont-manag.jpg);
}
.ico-wd{
background-image: url(../images/web-des.jpg);
}
.ico-wdev{
background-image:url(../images/web-dev.jpg);
}
.ico-seo{
background-image:url(../images/seo.jpg);
}
.ico-wwa{
background-image: url(../images/who-we.jpg);
}
.ico-wwd{
background-image:url(../images/we-do.jpg);
}
.ico-hww{
background-image:url(../images/how-we.jpg);
}
.ico-os{
background-image:url(../images/support.jpg);
}


.textRd{
color:#c20a1a;
}
.content ul, ol{
margin-left:17px;
}

.content, .contentH{
text-align:justify;
line-height:22px;
padding:3px;
}
.contentH{
min-height:200px;
height:200px;
/*overflow-x: hidden;
overflow-y:auto;*/
}

.content a, .contentH a{
text-decoration:none;
color:#c20a1a;
font-weight:bold;
}
.content a:hover, .contentH a:hover{
text-decoration: underline;
color:#434343;
font-style:italic;
}
h2{
font-size:130%;
color:#000;
line-height:28px;
}

#R-side{
float: left;
width:220px;
}
#R-side ul{
background:#e9e8e8;
margin:2px 0 0 0;
padding:5px 0px;
}
#R-side li.RTitle{
background-color:#1f1f1f;
line-height:32px;
color:#fff;
background-image:none;
font-size:130%;
font-weight:bold;
text-align: center;
padding:1px;
}

#R-side li{
list-style-type: none;
background: url(../images/arow.gif) no-repeat 8px 10px;
padding-left:22px;
line-height:24px;
text-align:left;
}
#R-side li a{
text-decoration:none;
color:#434343;
}


.proj-container{
float:left;
width:200px;
padding:15px 1px 2px 15px;
background:#6e6e6e  url(../images/proj-bg.jpg) no-repeat left top;
height:auto;
min-height:153px;
height:153px; 
}
.proj-container .btn-blue, .proj-container .btn-yellow {
color:#1b1c1f;
text-decoration:underline;
text-align:center;
width:190px;
height:30px;
display:block;
padding:17px 3px 1px;
}
.mrgTop{
margin-top:2px;
}
.proj-container .btn-blue {
background:url(../images/blue-btn.gif) no-repeat center top;
}
.proj-container .btn-yellow {
background: url(../images/yl-btn.gif) no-repeat center top;
}

.fL{
float:left;
}

#footer ul{
float:right;
color:#676363;
list-style-type:none;
width:auto;
margin-right:2px;
}
#footer li{
float:left;
padding:3px;
border-right: 1px solid #676363;
text-align:center;
}
#footer li.noBorder{
border:none;
}

#footer li a{
text-decoration:none;
color:#676363;
}
#footer li a:hover{
text-decoration:none;
color:#e60b0c;
}
#footer div{
float:left;
display:inline;
width:880px;
padding-left:2px;
}

.Btm-logo{
background:url(../images/botm-logo.gif) no-repeat center bottom;
padding-bottom:53px;
text-align:center;
clear:right;
}
.Rd-txtB{
color:#e60b0c;
font-weight:bold;
font-size:110%
}
.allborder{
border:1px solid #DCDADA;
padding:3px;
clear:both;
margin-bottom:2px;
}
.allborder h3{
margin:0;
border:0;
}
.clear{
clear:both;
}