
body{
background-color:#eee;
padding:0;
margin:0;
}


#maincontainer {
width:1002px;
margin-left:auto;
margin-right:auto;
/*background-color:#999;*/
overflow:hidden;
padding:0 3px 0 3px;
  box-shadow:0 8px 12px #666;
 -webkit-box-shadow:0 8px 12px #666;
 -moz-box-shadow: 0 8px 12px #666; 
}

#container{
width:1000px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
overflow:hidden;
background-image:url(artofdata_website_designers_new_pics/bg-repeat2.jpg);
background-repeat:repeat-y;
background-position:top left;
}


#header{
width:1000px;
height:140px;
background-color:#fff;
background-image:url(artofdata_website_designers_new_pics/website-designers-header.jpg);
background-repeat:no-repeat;
background-position:top left;
padding-top:0px;
margin-top:0px;
}

/*#header{
width:1000px;
height:135px;
position:relative;
}}*/
.logo-link a:link, .logo-link a:visited, .logo-link a:active, .logo-link a:hover, .logo-link img{ border:0; text-decoration:none; outline: none;
}
.logo-link a:hover { background:url(/new-artofdata/images/artofdata-logo-hover.png) top center no-repeat; z-index:10; display:block; }
.contact-link a:link, .contact-link a:visited, .contact-link a:active, .contact-link a:hover, .contact-link img{ border:0; text-decoration:none; outline: none;}
.logo-link { float:left; clear:both;}
.contact-link { float:right; clear:both; margin-right:20px;}
.contact-link a:hover { background:url(/new-artofdata/images/contact-us-hover.png) top center no-repeat; display:block;}

#timedate {
width:390px;
height:20px;
background-color:#fff;
float:right;
padding:0px;
margin:-20px 0 0 0;
padding:5px 10px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
text-align:right;
}

#timedate a {
text-decoration:none;
color:#fff;}

#rss {
height:15px;
width:32px;
background-color:transparent;
float:right;
margin:-1px 10px 0 0;
}

#homebutton {
width:70px;
height:20px;
background-color:#fff;
background-image:url(artofdata_website_designers_new_pics/artofdata-website-designers-home.jpg);
background-position:top left;
background-repeat:no-repeat;
float:left;
padding:0px;
margin:0 0 0 10px;
padding:5px 0 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
}
#homebutton a{
text-decoration:none;
color:#fff;
}
#homebutton a:hover{
text-decoration:underline;
color:#fff;
}


#header h2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
margin:0px;
padding:0px;
text-decoration:none;
font-weight:normal;
border:0;
}
#header h2 a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
margin:0px;
padding:5px;
text-decoration:none;
font-weight:normal;
border:0;
}

#header #headerbartext h2 a:hover{

color:#222;

}




#footer{ width:1000px; display:block; text-align:center; clear:both; padding:50px 0 60px 0; background-color:#666; color:#fff; background-image:url(new-artofdata/images/footer-bg.jpg); background-repeat:repeat-x; background-position:top left; }

#footer img {border:1px solid #555;}

#footer h2 {text-align:center!important;}
#footer h2 a{
color:#eee;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
padding:0 0 0 5px;
margin:0px;
line-height:12px;
font-weight:bold;
letter-spacing:0; border:0;
text-decoration:none; border:0; text-align:center;
} 
#footer h2 a{
color:#ddd;
text-decoration:underline;
} 
#footer h2 a:hover{
color:#ddd;
text-decoration:underline;
font-size:16px;
} 


#footer p {
color:#eee;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
line-height:11px;
} 
#footer p a {
color:#eee;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
text-decoration:none;
}

#footer p a:hover {
color:#ddd;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
text-decoration:underline;
}



#content-right{
width:750px;
min-height:1000px;
float:left;
background-color:transparent;
padding:0px;
margin:0px;
text-align:left;
}

#content-right a.link{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*color:#30537E;*/
color:#222;
line-height:15px;
text-align:left;
text-decoration:none;

}

#content-right a.link:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0066CC;
line-height:15px;
text-align:left;
text-decoration:underline;
}


h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#333;
line-height:22px;
padding:0;
margin:0 0 10px 0;
text-align:left;
letter-spacing:-1px;
border-bottom:1px dotted #333;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333;
line-height:18px;text-align:left;
letter-spacing:-1px;
padding:0;
margin:0 0 10px 0;

border-bottom:1px dotted #333;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333;
line-height:18px;
padding:0;
margin:0 0 10px 0;
text-align:left;
letter-spacing:-1px;
border-bottom:1px dotted #333;
}

p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
line-height:15px;
text-align:left;
padding:0;
margin:0 0 10px 0;
}



#content-right li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
line-height:15px;
list-style-image:url(/new-artofdata/images/list-bullet.png);
/*list-style-image:url(artofdata_website_designers_new_pics/website-designers-design-bullet.jpg);*/
text-align:left;
}

.quotelink {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#333;
line-height:20px;
text-align:right;
text-decoration:none;
/*list-style-image:url(artofdata_website_designers_new_pics/website-designers-big-bullet.jpg);*/
list-style-image:url(/new-artofdata/images/list-bullet.png);
}
.quotelink a {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#222;
line-height:20px;
text-align:right;
text-decoration:none;
/*list-style-image:url(artofdata_website_designers_new_pics/website-designers-big-bullet.jpg);*/
list-style-image:url(/new-artofdata/images/list-bullet.png);
}
.quotelink a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#222;
line-height:20px;
text-align:right;
text-decoration:underline;
/*list-style-image:url(artofdata_website_designers_new_pics/website-designers-big-bullet.jpg);*/
list-style-image:url(/new-artofdata/images/list-bullet.png);

}



#inside-content{
padding:20px;
width:710px;
text-align:left;
}


#content-left-menu{
width:230px;
min-height:1000px;
float:right;
background-color:transparent;
padding:20px 20px 0 0;
margin:0px;
}
#content-left-menu a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
line-height:15px;
text-align:left;
text-decoration:none;}
#content-left-menu a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*color:#30537E;*/
color:#222;
line-height:15px;
text-align:left;
text-decoration:underline;}







.bl {background: url(".../images/bl.jpg") 0 100% no-repeat; width: 20em;}

.formtext {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
line-height:16px;
text-align:left;
height:16px;
float:left;
background-color:#F8F8F8;
}

.tab {font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333;
line-height:16px;
text-align:left;}

#fadecontainer {margin-left:0; margin-right:0; margin-top:15px; margin-bottom:0; width:725px; position:relative; background-color:#fff; overflow:hidden; border-left:1px solid #777;border-right:1px solid #777;border-top:1px solid #777;}
#transheader {width:725px; height:300px;  background-repeat:no-repeat; position:relative;  clear:both; z-index:1;}
#transheader #pics {position:absolute; left:0px; top:0px; z-index:1; width:725px; height:300px; overflow:hidden; text-align:center;}
#textbelow { background-image:url(textbelow.jpg); background-position:top left; background-repeat:no-repeat; height:30px; width:707px; padding:10px; margin:0 0 30px;font-family:Arial, Helvetica, sans-serif;font-size:16px; line-height:30px;color:#eee;text-align:left;letter-spacing:-1px;
font-weight:bold; border-top:2px solid #333;}


.boxtop {  background-color:#fff; margin:0; 



	text-decoration: none;
    font:18px Arial; letter-spacing:-1px;
	color:#666;
	font-weight:bold; text-shadow: -1px -1px #ddd







}
/*.box {background-image:url(boxbg.jpg); background-repeat:repeat-x; background-position:top left; padding:5px; border:1px solid #888; background-color:#FFFFFF; margin:0;}*/
.box { padding:5px; border:1px solid #ccc;  margin:0 0 10px 0; background-color:#f3f3f3; }
.box-shadow { background-image:url(box-shadow.jpg); background-repeat:no-repeat; height:10px; margin:0 0 5px 0; padding:0;}

.content-wrap { color:#999999; font-family:Arial, Helvetica, sans-serif; padding-left:10px; margin-top:50px;}
.content-wrap  h1{ font-size:30px; color:#333;font-family:Arial, Helvetica, sans-serif; letter-spacing:0; line-height:50px; font-weight:bold;}
.content-wrap  p{color:#555; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:20px;}
.content-wrap a {color:#333; font-family:Arial, Helvetica, sans-serif;}
.services-content{margin-top:0; width:700px; float:left; padding:0 0 0 40px; text-align:justify;}
.services-content ul{ list-style-image:url(new-artofdata/images/list-bullet.png);}
.ser-sub-nav { float:left;}
.ser-sub-nav ul{ list-style-type:none; list-style:none;}
.ser-sub-nav ul li{ background:url(new-artofdata/images/sub-nav-bg.jpg) repeat-x; height:34px; text-align:center; width:200px; padding-top:10px; list-style-type:none; list-style:none;}
.ser-sub-nav a{ color:#fff; text-decoration:none;}
.ser-sub-nav a:hover { color:#eee;}
.sub-current { color:#333; border-color:#FFFFFF; border-style:solid; border-width:1px; box-shadow: inset 0 0 12px #ffffff; 
    -webkit-box-shadow: inset 0 0 12px #ffffff;  
    -moz-box-shadow: inset 0 0 12px #ffffff; 
}
.services-content{margin-top:0; width:700px; float:left; padding:0 0 0 40px; text-align:justify;}
.services-content ul{ list-style-image:url(new-artofdata/images/list-bullet.png);}
.s-c{ color:#FFFFFF;}
img{ border:none;}







/*#new-menu {width:978px;  height:30px; background-color:#666; 
margin:0 10px 0 10px; border-left:1px solid #333;border-right:1px solid #333;border-top:2px solid #333;border-bottom:2px solid #333; background-image:url(menubg.jpg); background-repeat:repeat-x; }*/
#new-menu {height:41px; }
#new-menu ul.menutier1 {list-style-type:none;margin:0;  padding: 0 5px 0 0;}
#new-menu ul.menutier1 li.menuitem {display:block;float:left; }
#new-menu ul.menutier1 li.menuitem a.menulink {display:block;background-color:transparent; color:#ddd; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; text-transform:uppercase; padding:9px 10px 9px 10px; border-right:1px solid #333; float:left; text-decoration:none; letter-spacing:1px; font-weight:bold;}

#new-menu ul.menutier1 li.menuitem_s {display:block;float:left; }
#new-menu ul.menutier1 li.menuitem_s a.menulink {display:block;background-color:transparent; color:#ddd; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; text-transform:uppercase; padding:9px 10px 9px 10px; border-right:1px solid #333; float:left; text-decoration:none;  letter-spacing:1px; font-weight:bold;}
/*#new-menu ul.menutier1 li.menuitem_s a.menulink:hover {background-color:#444;}*/
#new-menu ul.menutier1 li.menuitem_s a.menulink:hover {background-image:url(/new-artofdata/menu/images/hover.png);background-repeat:no-repeat;  }
#new-menu .menudrop {
position:absolute;
visibility: hidden;
z-index: 100;
background-color: #444;
text-decoration: none;
padding:0;
text-align:left;
margin-top:2px;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
border-left: 1px solid #333;
width:180px;
}

#new-menu .menudrop .menusublink {
color:#ddd; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; font-weight:normal; text-decoration:none; padding:5px 5px 5px 10px; display:block; background-color:#444; }
#new-menu .menudrop .menusublink:hover {
background-color:#333;}
#new-menu .menudrop .menusublink_s {
color:#ddd; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; font-weight:normal; text-decoration:none; padding:5px 5px 5px 10px; display:block; background-color:#444; }
#new-menu .menudrop .menusublink_s:hover {
background-color:#333;}

.menu-shadow {width:980px; height:10px; background-image:url(menu-shadow.jpg); background-repeat:no-repeat; margin-left:10px; margin-right:10px;}

