@charset "utf-8";
/* CSS Document */
/*Developed by Mahasweta on Wednesday February 24,2010*/

body{
background-color:#FFFFFF;
background-image:url(../images/layout/flowerpot.png);
background-position:bottom left;
background-repeat:no-repeat;
background-attachment:fixed;
margin:0px;
padding:0px;

}

#widecontainer{
width:100%;
background-image:url(../images/layout/usb.png);
background-position:right top;
background-repeat:no-repeat;
background-attachment:fixed;
}

#container{
width:960px;
margin:0px auto;

}

#header{
width:100%;
clear:both;
padding-top:10px;

}

#innerpageheader{
width:100%;
height:250px;
clear:both;
background-image:url(../images/layout/hangingtag.png);
background-position:left;
background-repeat:no-repeat;


}

#leftcolumn{
width:660px;
float:left;
clear:right;
margin-right:35px;
margin-top:50px;
}


#innerpageleftcolumn{
width:660px;
float:left;
clear:right;
margin-right:35px;
/*margin-top:50px;*/
}

#rightcolumn{
width:258px;
float:right;
/*margin-top:50px;*/


}


#footer{
width:100%;
clear:both;
}

.spacer{
width:100%;
clear:both;
}

.wall{
padding:10px;
}

#aboutus{
background-image:url(../images/layout/aboutusbg.png);
background-position:left;
background-repeat:no-repeat;
height:300px;
}

.iconholder{
margin-left:125px;
margin-right:20px;
text-align:right;
}


#quoteoftheday{
background-image:url(../images/layout/quotebg.png);
background-repeat:no-repeat;
height:300px;
}

#quoteholder{
padding:60px 30px 20px 30px;

}

#datetimeholder{
background-image:url(../images/layout/time-date-hello-bg.png);
background-repeat:no-repeat;
height:300px;
}

#datetimecontentholder{
padding:50px 30px 20px 30px;


}

#datetime{
width:110px;
padding-left:100px;
padding-right:20px;
margin-top:40px;
}

#homeservices{
width:100%;
clear:both;
background-image:url(../images/layout/home-servicesbg.png);
background-repeat:no-repeat;
padding-top:160px;
margin-bottom:50px;
}

#homeexpertise{
width:100%;
clear:both;
background-image:url(../images/layout/home-expertisebg.png);
background-repeat:no-repeat;
padding-top:160px;
margin-bottom:50px;
}

#homecollaborate{
width:100%;
clear:both;
background-image:url(../images/layout/home-collaboratebg.png);
background-repeat:no-repeat;
padding-top:180px;
margin-bottom:20px;
}

#footermenu{
margin:10px;
width:100%;
clear:both;
text-align:center;
}

#footertext{
margin:10px;
width:100%;
clear:both;
text-align:center;
}

/************************************************/

#servicescontent, #showcasecontent, #contactcontent{
width:100%;
clear:both;
}

#listofservices{
width:100%;
height:400px;
clear:both;
background-image:url(../images/layout/services-page-top-bg.jpg);
background-position: top left;
background-repeat:no-repeat;
/*padding-left:260px;*/
}


.servicelist{
margin-left:260px;
padding-top:50px;

}


.portfoliocontent{
width:100%;
clear:both;
padding-top:10px;
padding-bottom:10px;
}

.testimonialcontent{
width:100%;
clear:both;
margin-bottom:20px;

}


.clientspeak{
width:100%;
clear:both;
background-image:url(../images/layout/clientmsgborder.png);
background-position:left;
background-repeat:no-repeat;
border:1px solid #336699;
margin-bottom:20px;
}


.clientmessage{
color:#006699;
margin-left:70px;
}

.clientname{
color:#CC3366;
margin-left:70px;
}

.clientcomma{
color:#FF6600;
font-size:24px;
}

/* for contact form */

label{
float:left;
clear:both;
padding-top:8px;
}

input.contactinput{
width:450px;
float:left;
clear:both;
}

#youare{
float:left;
clear:both;
}

#lefthalf,
#righthalf{
float:left;
width:200px;
}

.optionline{
float:left;
clear:both;
}

.contactmsg{
float:left;
clear:both;
width:450px;
}

#captchaimg{
float:left;
clear:both;
margin-top:8px;
}

#captcha{
float:left;
clear:both;
margin-top:8px;
}

input[type = submit]{
float:left;
clear:both;
margin-top:15px;
}

#errors li{
color:#FF0000;
}

.standardframe{
border:1px solid #CCCCCC;
padding:10px;

}


.picsamples{
padding:10px;
border:1px solid #cccccc;
}

.picsamplesingleholder{
margin-top:10px;
margin-bottom:10px;
text-align:center;
width:100%;
}


.picsampleleft{
float:left;
clear:right;
margin-top:10px;
margin-bottom:10px;
text-align:center;
width:49%;
}


.picsampleright{
float:right;
margin-top:10px;
margin-bottom:10px;
text-align:center;
width:49%;
}

#validatorholder{
width:200px;
margin:10px auto;
}

#w3cvalidator{
width:100px;
text-align:center;
float:left;
clear:right;
}

#cssvalidator{
width:100px;
text-align:center;
float:right;
}