/* CSS Document */

#main{
width:958px;
height:1600px;
margin:auto;
border: 1px dotted #2076b9;
background-color:white;
}

ul{
list-style-type: none;
padding: 0;
padding-top:10px;
padding-left:10px;
}

li{
background-image:url(images/bullet.png);
background-repeat: no-repeat;
margin-top:10px;
}

.top{
width:958px;
height:155px;
vertical-align:top;
margin-top:10px;
}

.logo{
width:290px;
height:95px;
background-image:url(images/logo.png);
background-repeat:no-repeat;
float:left;
margin-left:18px;
margin-top:8px;
}

.webandgraphic{
width:179px;
height:112px;
background-image:url(images/webandgraphic.png);
background-repeat:no-repeat;
float:left;
margin-left:35px;
margin-top:4px;
}

.webdevelopment{
width:146px;
height:118px;
background-image:url(images/webdevelopment.png);
background-repeat:no-repeat;
float:left;
margin-left:40px;
}

.seo{
width:201px;
height:118px;
background-image:url(images/seo.png);
background-repeat:no-repeat;
float:left;
margin-left:40px;
}

.navdiv{
width:892px;
height:42px;
margin-left:37px;
}

.homenav{
width:136px;
height:55px;
background-image:url(images/home.png);
background-repeat:no-repeat;
float:left;
}

.companynav{
width:137px;
height:55px;
background-image:url(images/company.png);
background-repeat:no-repeat;
float:left;
margin-left:12px;
}

.servicesnav{
width:137px;
height:55px;
background-image:url(images/services.png);
background-repeat:no-repeat;
float:left;
margin-left:12px;
}

.contactnav{
width:137px;
height:55px;
background-image:url(images/contact.png);
background-repeat:no-repeat;
float:left;
margin-left:12px;
}

.portfolionav{
width:136px;
height:55px;
background-image:url(images/portfolio.png);
background-repeat:no-repeat;
float:left;
margin-left:12px;
}

.feedbacksnav{
width:136px;
height:55px;
background-image:url(images/feedbacks.png);
background-repeat:no-repeat;
float:left;
margin-left:12px;
}

.header{
width:950;
height:300px;
margin-top:22px;
}

.whatwedocol{
width:277px;
height:510px;
border:1px solid #2076b9;
font-family:Arial;
font-size:12px;
color:#333333;
float:left;
margin-top:25px;
margin-left:38px;
}

.whatwedoheading{
font-family:Tahoma;
font-size:20px;
color:#2076b9;
font-weight:bold;
margin-left:10px;
margin-top:7px;
}

.bullet{
width:12px;
height:12px;
background-image:url(images/bullet.png);
background-repeat:no-repeat;
float:left;
margin-top:14px;
margin-left:10px;
}

.whatwedotxt{
font-family:verdana;
font-size:13px;
color:black;
margin-left:30px;
margin-top:12px;
}

.followustxt{
font-family:Tahoma;
font-size:20px;
color:#272727;
font-weight:bold;
margin-left:10px;
margin-top:14px;
}

.facebook{
width:64px;
height:86px;
background-image:url(images/facebook.png);
background-repeat:no-repeat;
float:left;
margin-left:10px;
margin-top:14px;
}

.twitter{
width:63px;
height:86px;
background-image:url(images/twitter.png);
background-repeat:no-repeat;
float:left;
margin-left:28px;
margin-top:14px;
}

.elance{
width:77px;
height:84px;
background-image:url(images/elance.png);
background-repeat:no-repeat;
float:left;
margin-left:28px;
margin-top:14px;
}

.welcomecol{
width:583px;
height:510px;
border:1px solid #2076b9;
float:left;
margin-top:25px;
margin-left:18px;
}

.welcomeheading{
font-family:Tahoma;
font-size:20px;
color:#2076b9;
font-weight:bold;
margin-left:10px;
margin-top:7px;
}

.welcometxt{
width:565px;
font-family:verdana;
font-size:12px;
color:black;
margin-left:12px;
margin-top:9px;
line-height:25px;
}

.clientbox{
width:885px;
height:350px;
border:5px solid #2076b9;
float:left;
margin-top:25px;
margin-left:31px;
}

.featuredclientsheading{
font-family:Tahoma;
font-size:20px;
color:#2076b9;
font-weight:bold;
margin-left:10px;
margin-top:10px;
}


.intread{
width:192px;
height:113px;
background-image:url(images/intread.png);
background-repeat:no-repeat;
float:left;
margin-left:5px;
margin-top:33px;
}

.clientseparator1{
width:1px;
height:146px;
background-image:url(images/client-vertical-separator.png);
background-repeat:no-repeat;
float:left;
margin-left:8px;
}

.broody-foodie{
width:146px;
height:146px;
background-image:url(images/broody-foodie.png);
background-repeat:no-repeat;
float:left;
margin-left:15px;
}

.clientseparator2{
width:1px;
height:146px;
background-image:url(images/client-vertical-separator.png);
background-repeat:no-repeat;
float:left;
margin-left:14px;
}

.mexicontacts{
width:242px;
height:46px;
background-image:url(images/mexicontacts.png);
background-repeat:no-repeat;
float:left;
margin-left:17px;
margin-top:42px;
}

.clientseparator3{
width:1px;
height:146px;
background-image:url(images/client-vertical-separator.png);
background-repeat:no-repeat;
float:left;
margin-left:10px;
}

.writeaudio{
width:216px;
height:146px;
background-image:url(images/writeaudio.png);
background-repeat:no-repeat;
float:left;
margin-left:10px;
margin-top:42px;
}

.expertinheading{
font-family:Tahoma;
font-size:20px;
color:#2076b9;
font-weight:bold;
float:left;
margin-left:10px;
}

.icons{
width:870px;
height:64px;
margin-top:10px;
margin-left:7px;
float:left;
}

.ps{
width:64px;
height:64px;
background-image:url(images/ps.png);
background-repeat:no-repeat;
float:left;
margin-left:38px;
margin-top:10px;
}

.ai{
width:64px;
height:64px;
background-image:url(images/ai.png);
background-repeat:no-repeat;
float:left;
margin-top:10px;
margin-left:25px;
}

.dw{
width:64px;
height:64px;
background-image:url(images/dw.png);
background-repeat:no-repeat;
float:left;
margin-top:10px;
margin-left:25px;
}

.fl{
width:64px;
height:64px;
background-image:url(images/fl.png);
background-repeat:no-repeat;
float:left;
margin-top:10px;
margin-left:25px;
}

.dotnet{
width:106px;
height:60px;
background-image:url(images/m.net.png);
background-repeat:no-repeat;
float:left;
margin-top:14px;
margin-left:25px;
}

.php{
width:86px;
height:60px;
background-image:url(images/php.png);
background-repeat:no-repeat;
float:left;
margin-top:14px;
margin-left:25px;
}

.mysql{
width:86px;
height:60px;
background-image:url(images/mysql.png);
background-repeat:no-repeat;
float:left;
margin-top:14px;
margin-left:25px;
}

.oracle{
width:86px;
height:60px;
background-image:url(images/oracle.png);
background-repeat:no-repeat;
float:left;
margin-top:14px;
margin-left:25px;
}

.footercol{
width:896px;
height:106px;
float:left;
margin-top:15px;
margin-left:37px;
}

.footerlinks{
font-family:Tahoma;
font-size:15px;
font-weight:bolder;
color:#666666;
word-spacing:50px;
}

.skype{
float:right;
}

.copyright{
font-family:Helvetica;
font-size:12px;
color:#323232;
margin-left:275px;
padding-top:10px;
}

.terms{
font-family:Helvetica;
font-size:12px;
color:#323232;
margin-left:375px;
margin-top:12px;
}

/*portfolio*/

#mainbox{
width:885px;
height:550px;
border:1px solid #2076b9;
float:left;
margin-top:25px;
margin-left:37px;
}

#main2{
width:958px;
height:1400px;
margin:auto;
border: 1px dotted #2076b9;
background-color:white;
}
