html, body, div,tr, th, td, ul {  
margin: 0;  
padding: 0;  
}  
table {border-collapse: collapse;border-spacing: 0;}





ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
}
:focus {
outline : 0;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
body {
font-family : Verdana, Geneva, Arial, helvetica, sans-serif;
background : url(../img/top-bg3.jpg) no-repeat;
background-color : #d6e9ed;
}
h1, h2 ,h3 {
color : #00cccc;
font-size : 22px;
font-weight : 200;
}

h4 {
color : #ff33cc;
font-size : 18px;
font-weight : 200;
}
h6 {
color : #0099ff;
font-size : 16px;
font-weight : 300;
margin: 0;  
padding: 0;  
border: 0;
}
.hr {
background : url(../img/hr1.jpg) no-repeat;
padding : 20px;
}
#nav {
width : 800px;
height : 100px;
float : left;
}
.jqueryslidemenu {
margin : 30px 0 0 260px;
font-size : 18px;
text-transform : uppercase;
padding : 0;
width : 800px;
position : relative;
height : 85px;
display : block;
float : left;
z-index : 10;
letter-spacing : 2px;
}
.jqueryslidemenu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
.jqueryslidemenu ul li {
position : relative;
display : inline;
margin : 0;
padding-top : 33px;
padding-right : 24px;
padding-bottom : 0;
padding-left : 0;
float : left;
overflow : visible;
}
.jqueryslidemenu ul li a {
color : #9a9a9a;
text-decoration : none;
text-transform : uppercase;
padding-top : 2px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
display : block;
}
.jqueryslidemenu ul li a.current {
color : #ffffff;
text-decoration : none;
}
.jqueryslidemenu ul li a:hover {
color : #ffffff;
text-decoration : none;
}
.jqueryslidemenu ul li ul {
display : block;
z-index : 100;
width : 178px;
left : 55px;
float : none;
background-repeat : no-repeat;
background-position : left top;
padding-top : 12px;
position : absolute;
visibility : visible;
background-image : url(../images/dropdown-top.png);
}
.jqueryslidemenu ul li ul li {
display : block;
list-style : none;
margin : 0;
float : left;
background-repeat : repeat-y;
background-position : left top;
padding : 0;
}
.jqueryslidemenu ul li ul li a {
margin : 0;
font-size : 11px;
display : block;
width : 130px;
text-align : left;
color : #ffffff;
background-image : url(../images/dropdown-bg.png);
background-repeat : repeat;
padding-top : 4px;
padding-right : 7px;
padding-bottom : 4px;
padding-left : 7px;
float : left;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #333333;
}
.jqueryslidemenu ul li ul li a:hover {
text-decoration : none;
background-image : url(../images/dropdown-bg-hover.png);
background-repeat : repeat;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #00a8cc;
}
#left-area-whole {
width : 700px;
padding : 30px 15px 0 15px;
float : left;
height : inherit;
}
.main-text {
font-size : 15px;
line-height : 20px;
color : #8d8d8e;
margin : 10px 10px 0 10px;
}
.main-text a {
font-size : 15px;
line-height : 20px;
color : #8d8d8e;
}
.main-text a:hover {
font-size : 15px;
line-height : 20px;
color : #333333;
}
.main-text2 {
font-size : 12px;
line-height : 20px;
color : #666666;
margin : 10px 10px 0 10px;
}
.main-text2 a {
font-size : 12px;
line-height : 20px;
color : #8d8d8e;
}
.main-text2 a:hover {
font-size : 12px;
line-height : 20px;
color : #333333;
}
.coltext {
color : #006600;
background-color : #fff;
padding : 5px;
font-weight : normal;
text-align : center;
vertical-align : top;
border : 1px solid #e2e2e2;
}
.coltexthead {
color : #999999;
padding : 2px;
text-align : center;
vertical-align : top;
font-size : 12px;
}
.coltextheadleft {
color : #556655;
padding : 2px;
text-align : left;
font-size : 12px;
margin-top : 8px;
}
.coltextleft, .coltexthead, .coltextheadleft {
background-color : #e6e5d3;
padding : 2px;
border : 1px solid #f3f3e9;
}
.coltext {
background-color : #f3f3e9;
text-align : center;
}
#sub-main {
height : 170px;
width : 680px;
padding : 5px;
margin-top : 5px;
}
#sub-main1 {
height : 170px;
width : 680px;
padding : 5px;
margin-top : 5px;
}
.sub-main-text {
font-size : 15px;
line-height : 20px;
color : #8d8d8e;
}
#media {
float : left;
}
#design {
float : right;
}
#left-area-whole-service {
padding : 5px;
float : left;
}
#web-services-case {
max-width : 950px;
padding-bottom : 25px;
}
#leftcolumn {
width : 430px;
float : left;
padding-right : 50px;
padding-left : 30px;
}
#rightcolumn {
max-width : 450px;
float : left;
}
.text-service {
font-size : 12px;
color : #999999;
}
.text-service a {
color : #0099ff;
text-decoration : none;
float : right;
}
.text-service a:hover {
color : #999999;
}
.text-service h3 {
color : #0099ff;
font-size : 14px;
padding-bottom : 5px;
}
#website-design1 {
float : left;
padding-right : 15px;
}
#website-design {
float : left;
}
#left-area-whole-portfolio {
padding : 5px;
padding-left : 60px;
float : left;
}
#web-portfolio {
height : 900px;
width : 700px;
}
ul.portfolio-tiles {
list-style-type : none;
padding : 0;
margin : 0;
display : block;
width : 950px;
float : left;
}
ul.portfolio-tiles li img {
margin : 0;
padding-top : 10px;
padding-right : 0;
padding-bottom : 0;
padding-left : 10px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #333333;
border-right-color : #333333;
border-bottom-color : #333333;
border-left-color : #333333;
}
ul.portfolio-tiles li a.item {
font-size : 13px;
color : #aaa;
text-decoration : none;
padding : 0;
margin : 0;
border : 1px solid #999999;
background-color : #cccccc;
display : block;
}
ul.portfolio-tiles li a.item:hover {
text-decoration : none;
margin : 0;
padding : 0;
cursor : pointer;
color : #ffffff;
}
ul.portfolio-tiles li strong {
font-size : 15px;
font-weight : normal;
display : block;
width : 205px;
padding-top : 10px;
padding-right : 10px;
padding-left : 10px;
text-decoration : none;
height : 25px;
margin : 0;
padding-bottom : 0;
color : #6c6c6c;
}
ul.portfolio-tiles li p {
padding-left : 10px;
width : 205px;
padding-right : 10px;
display : block;
}
ul.portfolio-tiles li .text {
display : block;
text-align : left;
margin : 0;
padding-top : 0;
padding-right : 10px;
padding-bottom : 0;
padding-left : 10px;
height : 100px;
}
ul.portfolio-tiles li .post_date {
margin : 0;
padding-top : 0;
padding-right : 10px;
padding-bottom : 5px;
padding-left : 10px;
font-weight : bold;
display : block;
color : #ffffff;
}
ul.portfolio-tiles li a.ext-link {
position : absolute;
width : 40px;
height : 40px;
top : 92px;
text-indent : -9999px;
left : 87px;
background-image : url(../images/external-link.png);
background-repeat : no-repeat;
background-position : left top;
}
ul.portfolio-tiles li a.ext-link:hover {
background-position : 0% bottom;
}
ul.portfolio-tiles-gallery {
list-style-type : none;
padding : 0;
margin : 0;
display : block;
width : 950px;
float : left;
z-index : 999;
}
ul.portfolio-tiles-gallery li {
float : left;
margin : 0;
width : 225px;
padding-top : 0;
padding-right : 0;
padding-bottom : 15px;
padding-left : 10px;
text-decoration : none;
overflow : hidden;
position : relative;
}
ul.portfolio-tiles-gallery li h3 {
margin : 0;
color : #fff;
font-size : 16px;
text-decoration : none;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-left-style : none;
width : 205px;
display : block;
padding : 10px;
}
ul.portfolio-tiles-gallery li .boxgrid {
margin : 0;
float : left;
background-color : #00768e;
padding : 0;
width : 225px;
height : 225px;
cursor : pointer;
overflow : hidden;
position : relative;
}
ul.portfolio-tiles-gallery li .boxgrid img {
top : 0;
left : 0;
background-color : #333333;
float : left;
padding : 10px;
position : absolute;
}
ul.portfolio-tiles-gallery .boxgrid slideright a img {
margin : 0;
padding : 0;
}
ul.portfolio-tiles-gallery li .boxgrid p {
color : #ffffff;
width : 205px;
float : left;
padding : 10px;
}
ul.portfolio-tiles-gallery li a {
font-size : 11px;
font-weight : bold;
color : #0a2e36;
display : block;
padding-right : 10px;
padding-left : 10px;
text-decoration : underline;
}
#portfolio-filter {
width : 912px;
height : 18px;
display : block;
float : left;
padding-top : 12px;
padding-right : 20px;
padding-bottom : 10px;
padding-left : 20px;
margin-top : 0;
margin-right : 0;
margin-bottom : 20px;
margin-left : 0;
}
#portfolio-filter .browse {
color : #00768e;
float : left;
font-size : 16px;
}
#portfolio-filter ul {
margin : 0;
padding : 0;
float : right;
}
#portfolio-filter li {
background : none;
display : inline;
padding : 0;
margin : 0;
}
#portfolio-filter li a {
text-decoration : none;
font-size : 12px;
padding-top : 0;
padding-right : 10px;
padding-bottom : 0;
padding-left : 10px;
float : right;
color : #8d8d8e;
display : block;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 5px;
}
#portfolio-filter li a.current, #portfolio-filter li a:hover {
color : #00768e;
text-decoration : none;
}
a.visit_back_a {
color : #ffffff;
margin-bottom : 0;
float : right;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 5px;
float : right;
display : inline;
background-color : #e2f0f3;
padding : 5px;
}
#right-area-whole {
width : 220px;
float : left;
position : relative;
padding : 15px 15px 0 15px;
background-color : #e2f0f3;
height : auto;
margin-top:10px;
}
.block {
padding : 0;
font-size : 12px;
}
.block p {
padding : 0;
margin : 0;
}
.block ul {
width : 250px;
top : 0;
display : block;
list-style-type : none;
padding-top : 0;
padding-right : 0;
padding-bottom : 15px;
padding-left : 0;
margin : 0;
float : left;
}
.block ul li {
display : block;
cursor : pointer;
cursor : pointer;
padding-top : 5px;
padding-right : 0;
padding-bottom : 5px;
padding-left : 0;
float : left;
width : 220px;
background-image : url(../images/border.gif);
background-repeat : repeat-x;
background-position : bottom;
margin : 0;
}
.block ul li a {
color : #00768e;
text-decoration : none;
background-repeat : no-repeat;
background-position : left 6px;
padding-top : 0;
padding-right : 10px;
padding-bottom : 0;
padding-left : 10px;
display : block;
background-image : url(../images/bullet_footer_ul.gif);
margin : 0;
}
.block ul li a:hover {
color : #00768e;
text-decoration : underline;
}
.block li span {
font-family : georgia, arial;
font-size : 9px;
color : #464646;
}
.slider_holder {
float : right;
padding-top : 0;
padding-right : 0;
padding-bottom : 5px;
padding-left : 0;
background-repeat : no-repeat;
background-position : 18px 15px;
z-index : 999;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
}
.slider, .slider li {
overflow : hidden;
width : 210px;
padding-top : 20px;
padding-right : 10px;
padding-bottom : 20px;
padding-left : 0;
color : #999999;
z-index : 1;
height : 150px;
}
.nav {
width : 250px;
text-align : right;
padding-top : 10px;
padding-right : 10px;
padding-bottom : 7px;
padding-left : 20px;
float : left;
}
.nav .counter {
letter-spacing : 1px;
color : #ffffff;
float : left;
width : 150px;
text-align : left;
margin : 0;
padding : 0;
}
.nav ul {
margin : 0;
float : right;
display : block;
width : 60px;
padding-top : 0;
padding-right : 5px;
padding-bottom : 0;
padding-left : 0;
}
.nav ul li {
margin : 0;
padding : 0;
list-style-type : none;
display : inline;
}
.nav a {
text-decoration : none;
padding-top : 0;
padding-right : 5px;
padding-bottom : 0;
padding-left : 5px;
height : 17px;
width : 20px;
font-size : 1px;
float : right;
}
.nav a.prev {
margin : 0;
padding : 0;
background-image : url(../images/toogle_left.gif);
background-repeat : no-repeat;
background-position : left top;
}
.nav a.next {
margin : 0;
background-image : url(../images/toogle_right.gif);
background-repeat : no-repeat;
background-position : right top;
padding : 0;
}
.testimonial {
float : left;
margin-top : 1px;
position : relative;
font-size : 12px;
}
.testimonial div {
float : left;
margin-left : 1px;
padding : 20px 20px 40px;
width : 204px;
}
.testimonial a {
text-align : right;
display : block;
color : #00768e;
}
.testimonial .author {
font-weight : bold;
color : #cccccc;
text-align : right;
display : block;
}
#recent-work {
width : 100px;
height : 390px;
height : inherit;
}
#web-pack {
height : 202px;
width : 650px;
background : url(../img/pack.jpg) no-repeat;
border-bottom : 1px dotted #999999;
border-top : 1px dotted #999999;
margin-top : 15px;
}
.pack-service {
font-size : 14px;
color : #ff0033;
line-height : 18px;
padding-left : 200px;
padding-top : 25px;
}
.pack-service a {
color : #666666;
text-decoration : none;
}
.pack-service a:hover {
color : #999999;
}
#bott-foot {
background : url(../img/bottfoot9.jpg) no-repeat;
height : 480px;
width : 100%;
position : relative;
margin-top : -20px;
}
#bott-foot2 {
background : url(../img/bottfoot9.jpg) no-repeat;
height : 480px;
width : 100%;
position : relative;
margin-top : -20px;
}
#bott-links {
height : 200px;
width : 920px;
padding-left : 190px;
padding-top : 225px;
}
#links-1 {
height : 200px;
width : 260px;
float : left;
}
#links-2 {
height : 200px;
width : 300px;
float : left;
}
#links-3 {
height : 200px;
width : 300px;
float : left;
padding-left : 20px;
}
.footer-column {
font-size : 15px;
color : #8d8d8e;
text-align : center;
letter-spacing : 6px;
}
.footer-column a {
font-size : 15px;
color : #99ff33;
text-decoration : none;
text-align : center;
}
.footer-column a:hover {
font-size : 15px;
color : #ccff00;
text-decoration : underline;
}
#bottom2 {
width : 100%;
height : 20px;
background-color : #0c0c0c;
border-top : 1px solid #333333;
}
.copy {
color : #666666;
font-size : 12px;
margin : 3px 0 0 140px;
float:left;
}
ul.c3 {
position : relative;
}
li.c2 {
position : absolute;
top : 0;
left : 0;
display : none;
}
ul.c1 {
display : none;
visibility : visible;
}





#myslidemenu{ padding-left:147px; height:300px;}
#wrapper{ height:100%;  overflow:auto;}
#container{width:992px; margin:auto; position:relative; float:left; padding-left:147px;}
#cu3er-container{ padding-bottom:20px;}
 ul.c3 {position: relative;}
 li.c2 {position: absolute; top: 0px; left: 0px; display: none;}
 ul.c1 {display: none; visibility: visible;}
#valid{ height:20px; width:300px; float:left; padding-left:50px; padding-top:2px;} 
.valid-text{ font-size:12px; color:#00FF00;}
.valid-text a{ font-size:10px; color:#006F00; text-decoration:none;}
.valid-text a:hover{ font-size:10px; color:#00FF00;}