/* CSS Document */
/*Main body*/
body{ background:#053256; margin:0px; padding:0px; }
:-moz-any-link:focus {outline: none;}

h1, h2, h3, h4, p, form, label, input, textarea, span{margin:0; padding:0;}
h2{ color:#ff7200; font-size:16px; font-weight:bold; padding:10px 0px 5px 15px; font-family:Trebuchet MS, arial;}
h3{ color:#cbe7fd; font-size:20px; font-weight:normal; padding:10px 0px 5px 5px; font-family:Trebuchet MS, arial;}

.spacer{clear:both; font-size:0; line-height:0;}
img { border: none; }

.f-left{float:left;}
.f-right{float:right;}
p a{ color:#FFFFFF}
p a:hover{ color:#FFFFFF; text-decoration:none;}


/*Main body wrapper*/
#wrapper{width:985px; margin-left:auto; margin-right:auto;}
#innercontainer{}
/*Left container*/
#leftcontainer{width:250px; float:left; background:url(../images/left-bkg.jpg) repeat-x;}
.logo{ width:226px; margin:10px auto 10px auto;}

/*What We Do*/
.what-wedo{background:url(../images/what-wedo-bkg.gif) center center no-repeat; width:239px; height:294px; padding:5px 0px 0px 10px; }
.what-wedo-head{color:#ff9000; font-family:Trebuchet MS, arial; font-size:20px; font-weight: normal; padding:5px 0px 5px 15px;}
.what-wedo-list{margin:0px 0px 10px 0px; }
.what-wedo-list ul{ list-style-type:none; margin:0px 0px 0px 15px; padding:0px; }
.what-wedo-list ul li{margin:0px; padding:0px 0px 1px 15px;font-family:Trebuchet MS, arial; font-size:13px; color:#f0fcfe; background:url(../images/orange-bullet.gif) left no-repeat;}
.portfolio-btn{ padding:0px 0px 0px 25px;}

/*Testimonials*/
.testimonials{background:url(../images/testimonial-bkg.gif) center center no-repeat; width:239px; height:263px; padding:0px 0px 0px 10px; }
.testimonials-head{color:#ff9000; font-family:Trebuchet MS, arial; font-size:20px; font-weight: normal; padding:5px 0px 2px 15px;}
.testimonials-content{font-family:Trebuchet MS, arial; font-size:12px; font-weight: normal; color:#cbcdcd; width:200px; padding:0px 0px 0px 15px; line-height:16px;}
.testimonials-by{font-family:Trebuchet MS, arial; font-size:13px; font-weight: bold; color:#fff; width:200px; padding:5px 0px 0px 15px; font-style:italic;}

.testimonials-more{background: url(../images/testimonial-more-bkg.gif) center center no-repeat; width:239px; height:26px; padding:2px 0px 0px 10px;}
.testimonials-more a{font-family:Trebuchet MS, arial; font-size:11px; font-weight: normal; color:#cbcdcd; }
.testimonials-more a:hover{font-family:Trebuchet MS, arial; font-size:11px; font-weight: normal; color:#ffffff; text-decoration:none; }
.inner-pad{padding:3px 25px 0px 0px}

.ad{background:url(../images/ad.gif) center center no-repeat; width:239px; height:263px; padding:0px 0px 0px 10px; }


/*Contact Us On*/
.contact-us{background:url(../images/contactus-bkg.gif) top center no-repeat; width:239px; height:197px; padding:5px 0px 0px 10px; margin:10px 0px 10px 0px; }
.contact-us-head{color:#ff9000; font-family:Trebuchet MS, arial; font-size:20px; font-weight: normal; padding:0px 0px 5px 15px;}
.contact-us-list{margin:0px 0px 10px 0px; }
.contact-us-list ul{ list-style-type:none; margin:0px 0px 0px 15px; padding:0px; }
.contact-us-list ul li{margin:0px; padding:0px 0px 10px 0px;font-family:Trebuchet MS, arial; font-size:13px; color:#f0fcfe; font-weight:bold;}
.contact-us-list ul li a{ color:#f0fcfe; font-weight: bold; font-size:13px; text-decoration:none;}
.contact-us-list ul li a:hover{ color: #7cc5fb; font-weight:bold; font-size:13px; text-decoration:none;}
.icons{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:middle}

.face-book{width:239px; padding:5px 0px 0px 10px; margin:10px 0px 10px 0px;  }

.paging{ font-family:Trebuchet MS,Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:13px; text-align:right; padding:30px; clear:both;}
.paging a{color:#FFFFFF; font-size:13px; text-align:right}
.paging a:hover{color: #ff8a00; font-size:13px; text-align:right; text-decoration:none;}

.contact-us-inner{width:239px; height:197px; padding:5px 0px 0px 0px; margin:10px 0px 10px 0px; }
.contact-us-head-inner{color:#fff; font-family:Trebuchet MS, arial; font-size:15px; font-weight: bold; padding:0px 0px 5px 15px;}
.contact-us-list-inner{margin:0px 0px 10px 0px; }
.contact-us-list-inner ul{ list-style-type:none; margin:0px 0px 0px 15px; padding:0px; }
.contact-us-list-inner ul li{margin:0px; padding:0px 0px 10px 0px;font-family:Trebuchet MS, arial; font-size:13px; color:#f0fcfe; font-weight:bold;}

.contact-us-list-inner ul li a{ color:#f0fcfe; font-weight: bold; font-size:13px; text-decoration:none;}
.contact-us-list-inner ul li a:hover{ color: #7cc5fb; font-weight:bold; font-size:13px; text-decoration:none;}


.why-choose{clear:both; }

/*Right container*/

.top-nav{font-family:Trebuchet MS, arial; font-size:13px; color:#000; padding:32px 0px 0px 0px; clear:both; width:700px;}
.top-nav ul{font-family:Trebuchet MS, arial; font-size:13px; color:#000; list-style-type:none; margin:0px 0px 0px 30px; padding:0px; height:30px;}
.top-nav ul li{font-family:Trebuchet MS, arial; font-size:13px; color:#000; float:left}
.top-nav ul li a{font-family:Trebuchet MS, arial; font-size:15px; color:#025594; text-decoration:none; font-weight:bold; padding:0px 15px}
.top-nav ul li a:hover{font-family:Trebuchet MS, arial; font-size:15px; color:#ff7200; }

html body#home a#homenav, body#howworks a#hownav, body#free a#freenav, body#portfolio a#portfolionav, body#product a#productnav, body#service a#servicenav, body#testimonial a#testimonialnav, body#blog a#blognav, body#useful a#usefulnav, body#about a#aboutnav, body#contact a#contactnav{color:#ff8a00; font-size:15px;}


.image img{ padding:10px 21px; margin:0px; border:0px; float:left}
.content{ width:710px;}
.content p{font-family:Trebuchet MS, arial; font-size:13px; color:#FFFFFF; padding:5px 0px 10px 10px; clear:both}
.content-list{}
.content-list ul{ list-style-type:none; padding:0px; margin:0px 0px 0px 10px;float:left;color:#FFFFFF;font-family:Trebuchet MS, arial; font-size:12px;}
.content-list ul li{ padding:0px 0px 0px 13px; margin:0px; background:url(../images/orange-bullet.gif) left 3px no-repeat;}
.content-list ul li a{color:#cbe7fd;font-family:Trebuchet MS, arial; font-size:12px;}
.content-list ul li a:hover{color:#FFFFFF;font-family:Trebuchet MS, arial; font-size:12px; text-decoration:none;}



#rightcontainer{width:720px; float:right;}
.rightp-top-bkg{background:url(../images/right-top-bkg.gif) no-repeat; height:198px; width:711px; margin:10px 0px 10px 0px;}
.content-head{font-family:Trebuchet MS, arial; font-size:22px; color:#FFFFFF; padding:15px 0px 0px 12px; width:400px;}
.content-head h1{font-family:Trebuchet MS, arial; font-size:22px; color:#FFFFFF;}
.content-head h1 span{font-family:Trebuchet MS, arial; font-size:22px; color:#ff9000;}
.content-main p{ color:#FFFFFF;font-family:Trebuchet MS, arial; font-size:13px; padding:0px 10px 0px 10px;}

.list-items{}
.list-items ul{ list-style-type:none; padding:0px; margin:0px 0px 0px 5px;float:left;color:#FFFFFF;font-family:Trebuchet MS, arial; font-size:12px;}
.list-items ul li{ padding:0px 0px 0px 13px; margin:0px; background:url(../images/orange-bullet.gif) left 3px no-repeat;}

.left-list{ float:left;color:#FFFFFF;font-family:Trebuchet MS, arial; font-size:13px; width:300px;}
.left-list ul{ list-style-type:none; padding:0px; margin:0px 0px 0px 5px;float:left;color:#FFFFFF;font-family:Trebuchet MS, arial; font-size:12px;}
.left-list ul li{ padding:0px 0px 0px 13px; margin:0px; background:url(../images/orange-bullet.gif) left 3px no-repeat;}

.right-list{ float:right;color:#FFFFFF;font-family:Trebuchet MS, arial; font-size:13px; width:375px;}
.right-list ul{ list-style-type:none; padding:0px; margin:0px 0px 0px 5px; color:#FFFFFF;font-family:Trebuchet MS, arial; font-size:12px;}
.right-list ul li{ padding:0px 0px 0px 13px; margin:0px; background:url(../images/orange-bullet.gif) left 3px no-repeat;}
.buttons{ margin:10px;} 
.project-outer{ padding:20px;}
.project{float:left; width:250px; padding-left:10px;}
.project-desc{float:left; color:#FFFFFF; font-family:Trebuchet MS, arial; font-size:13px; width:400px;}
.visit{ padding:10px 0px 0px 0px;}
.visit a{color:#cbe7fd; font-size:12px;}
.visit a:hover{color:#ffffff; font-size:12px; text-decoration:none}


#quotetable{ border:1px solid  #023e6e; background:#09375b;}
#quotetable th{ background:url(../images/cell-bkg.jpg) repeat-x; height:22px; color:#023f78; padding:0px 0px 0px 5px; font-family:Trebuchet MS, arial; font-size:14px; }
#quotetable td{ padding:5px;font-family:Trebuchet MS, arial; font-size:12px; color:#FFFFFF;}

.indicator{font-size:25px; font-family:Trebuchet MS, arial,'Times New Roman', Times, serif; color: #999999}
.addthis{float:left; width:130px;}
.pagevalidator{float:left; width:200px;}

.elance-portfolio{ clear:both; font-family:Trebuchet MS, arial; font-size:22px; color:#FFFFFF; text-decoration:none; padding:20px 0px 0px 0px;}

.elance-portfolio a{color:#FFFFFF; text-decoration: underline;font-size:18px;}
.elance-portfolio a:hover{color:#FFFFFF; text-decoration: none;}


#quotetable1{border:1px solid  #023e6e; background:#09375b; margin-top:20px;}
#quotetable1 th{ background:url(../images/cell-bkg.jpg) repeat-x; height:22px; color:#023f78; padding:0px 0px 0px 5px; font-family:Trebuchet MS, arial; font-size:14px; }
#quotetable1 td{ padding:5px;font-family:Trebuchet MS, arial; font-size:16px; color:#FFFFFF;}
#quotetable1 td a{color:#FFFFFF; font-size:14px;}
#quotetable1 td a:hover{color:#FFFFFF; text-decoration:none;}


#quotetable2{border:1px solid  #023e6e; margin-top:20px;}
#quotetable2 th{height:25px; background:#000; color:#fff; padding:0px 5px 0px 5px; font-family:arial; font-size:11px; }
#quotetable2 th a{color:#fff;}
#quotetable2 td{padding:5px; font-family:verdana, arial; font-size:11px; color:#FFFFFF; background:#023e6e}
#quotetable2 td a{color:#FFFFFF; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif}
#quotetable2 td a:hover{color:#FFFFFF; text-decoration:none;}
.button1{ border:1px solid #000000; cursor:pointer; font-size:12px; }
/*Footer*/
#footer{ background:#1672ba url(../images/footer-bg.jpg) repeat-x; height:185px; clear:both; width:100%; margin:auto; overflow:hidden}
#footer .footer-inner{width:985px; margin:auto; }
#footer .leftp{ float:left; height:185px; width:600px; padding-top:15px;}
#footer .leftp-top { font-family:Trebuchet MS, arial; font-size:12px; color:#FFFFFF; text-decoration:none;}
#footer .leftp-top a{ font-family:Trebuchet MS, arial; font-size:12px; color:#FFFFFF; text-decoration:none; padding:0px 5px 0px 5px;}
#footer .leftp-top a:hover{color:#FFFFFF; text-decoration: underline;}
#footer .leftp-top{font-family:Trebuchet MS, arial; font-size:12px; color:#FFFFFF; text-decoration:none;}
#footer .leftp-top a{font-family:Trebuchet MS, arial; font-size:12px; color:#FFFFFF; text-decoration:none; padding:0px 5px 0px 5px;}
#footer .leftp-top a:hover{font-family:Trebuchet MS, arial; font-size:12px; color:#FFFFFF; text-decoration: underline;}
#footer .leftp-bottom {font-family:Trebuchet MS, arial; font-size:12px; color:#ced6dc; text-decoration:none; }
#footer .leftp-bottom a{font-family:Trebuchet MS, arial; font-size:11px; color:#ced6dc; text-decoration:none; padding:0px 5px 0px 5px;}
#footer .leftp-bottom a:hover{font-family:Trebuchet MS, arial; font-size:11px; color:#FFFFFF; text-decoration: underline;}

#footer .leftp-bottom-social{padding:20px 20px 0px 0px;}

#footer .rightp{ float:right;height:185px; width:380px; padding-top:15px;}
#footer .rightp-top-head{font-family:Trebuchet MS, arial; font-size:14px; color:#FFFFFF; text-decoration:none; font-weight:bold;}
#footer .rightp-top{font-family:Trebuchet MS, arial; font-size:12px; color:#FFFFFF; text-decoration:none;}
#footer .rightp-top a{font-family:Trebuchet MS, arial; font-size:12px; color:#FFFFFF; text-decoration:none;padding:2px ;}
#footer .rightp-top a:hover{font-family:Trebuchet MS, arial; font-size:12px; color:#FFFFFF; text-decoration: underline;}
#footer .rightp-bottom{padding:10px 5px 0px 0px;}