body 	{
background:#000 url('../images/bg.png') repeat top;
color:#000; 
margin:0; 
padding:0; 
font-family:Arial, "Times New Roman", serif; 
font-size:90%;
line-height:1.4;
border-top:2px solid #777;
}

a {
color:#446208; 
text-decoration:none;
}

a:hover	{
color:#446208; 
text-decoration:underline;
}

a:focus {
text-decoration:none;
outline:none;
}


h2 {
margin:0;padding:0;
font-size:140%;
color:#999;
text-shadow:0 1px 1px #000000;
line-height:1.3;
}

.fd {
color:#555;
}

p {
margin:0; 
padding:0 0 15px 0;
}

.clear {
height:30px;
clear:both;
}

img {
border:0 none;
}

.und {
border-bottom:1px dotted #ccc;
}

ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

h1 {
padding:0;
margin:0 0 10px 0;
font-size:120%;
}

#wrap {
margin:0px auto;
width:960px;
background:transparent url('../images/header.png') no-repeat left 61px;
}

#navigatn {
margin:0px auto;
background:#222; 
height:60px;
border-bottom:1px solid #555;
}

#navigatn ul {
background:transparent none;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#navigatn ul li {
background:transparent url(../images/navdiv.gif) no-repeat 100% 17px;
float:left;
padding:0 1px 0 0;
position:relative;
}

#navigatn ul li.last {
background:transparent none;
}

#navigatn ul li a{
color:#999;
display:block;
font-family:Arial,sans-serif;
font-size:120%;
font-weight:bold;
line-height:normal;
padding:23px 22px 17px;
text-decoration:none;
text-shadow:0 1px 1px #000000;
}

#navigatn ul li a span{
font-weight:normal;
font-size:80%;
margin-left:10px;
color:#666;
}

#navigatn ul li a.current {
background:transparent url(../images/navhov.gif) repeat-x bottom right;
color:#fff;
border-bottom:1px solid #777;
}

#navigatn ul li a:hover {
color:#fff;
border-bottom:1px solid #777;
}

#navigatn ul li ul{
background:#444 url('../images/ultopline.gif') repeat-x left top;
display:none;
min-width:180px;
width:180px;
position:absolute;
z-index:1;
float:left;
list-style-type:none;
}

#navigatn ul li ul:hover {
border-top:1px solid #777;
}

#navigatn ul li:hover ul,
#navigatn ul li ul:hover {
 display:block;
}

#navigatn ul li.parent > a:hover, #navigatn ul li.parent:hover > a{
background:transparent url(../images/darr.png) no-repeat bottom center;
}

#navigatn ul li ul a{
background:transparent none;
border:none;
}

#navigatn ul li ul li {
border-bottom:1px solid #666;
background:transparent none;
width:99.5%;
}

#navigatn ul li ul a:hover, #navigatn ul li.parent ul a:hover {
border:0 none;
background:transparent none;
}

#header {
margin:0px auto;
background:transparent; 
height:108px;
padding-top:30px;
}

 #header a {
background: transparent url('../images/icons.png') 0 -256px no-repeat;
display:block;
width:376px;
height:80px;
text-indent:-9999px;
margin:0 0 0 -15px;;
}

#header a:hover {
-moz-transform:scale(1.01);
}

#header a:focus {
-moz-transform:scale(1);
opacity:0.8;
}

#hd_pages {
height:260px;
background:transparent url('../images/hd_mngr.png') no-repeat right bottom;
color:#222;
text-shadow:none;
}

#hd_folio {
height:260px;
background:#e0e0e0 none;
color:#222;
text-shadow:none;
}

abbr {
cursor:help;
border-bottom:1px dotted #999;
}

ul.disc {
list-style-type:disc;
margin:0 0 0 15px;
}

ul.disc li {
margin:5px 0;
}


#hd_pages h1 {
font-size:200%;
padding: 34px 400px 5px 20px;
margin:0 0 -30px 0;
text-shadow:none;
color:#2861B4;
}

#hd_pages span {
padding: 40px 400px 0 20px;
}

#hd_pages p {
padding: 5px 400px 0 20px;
font-size:140%;
color:#222;
text-shadow:none;
}

#usage {
padding:30px;
background:#e7e8e8 url('../images/misc.png') no-repeat right top;
border:solid #666;
border-width:1px 0;
float:left;
}

#hd {
height:260px;
background:transparent url('../images/hd.png') no-repeat right bottom;
color:#fff;
text-shadow:0 1px 1px #000000;
}

#hd a, #hd a:visited { 
color:#ccc;
}


#hd a:hover { 
color:#fff;
border-bottom:1px dotted #fff;
}

#hd h1 {
font-size:200%;
padding: 34px 400px 0 20px;
margin:0 0 -30px 0;
}

#hd p {
padding: 40px 400px 0 20px;
font-size:140%;
color:#c9c9c9;
}

.intouch {
float:right;
color:#eee;
margin:-84px 0 0 0;
text-align:right;
}

.intouch h1 {
margin:0 0 0 0;
}

#hd_pages .green {
margin:0;
padding:0 3px 0 0;
color:#528C13;
}

#bt_pages {
background:#fff;
border-top:1px solid #666;
border-bottom:1px solid #999999;
}

#bt {
background:#e0e0e0;
border-top:1px solid #fff;
border-bottom:1px solid #999999;
}

#bt, #bt_pages{
float:left;
padding:0 0 40px 0;
}

.whitebg {
background-color:#fff;
}

#bt .one, #bt .two, #bt .three, #bt_pages .one, #bt_pages .two, #bt_pages .three {
background:transparent;
width:280px;
padding:0 0 0 20px;
float:left;
margin:20px 20px 0 0;
}

#usage .one {
background:transparent;
width:275px;
padding:0 0 0 5px;
float:left;
margin:20px 20px 0 0;
}

#usage .two, #usage .three {
background:transparent;
width:260px;
padding:0 0 0 20px;
float:left;
margin:20px 20px 0 0;
}

#usage .three {
background:transparent url('../images/quote.png') no-repeat right bottom;
}

#usage .two, #usage .one {
background:transparent url(../images/vdiv.gif) repeat-y right;
}

#bt .two, #bt .three, #bt_pages .two, #bt_pages .three {
background:transparent url(../images/vdiv.gif) repeat-y left;
}

#content {
margin:0px auto;
background:#222; 
border-top:1px solid #555;
}

.clientft {
font-style:italic;
font-family:Georgia,"Times New Roman",Times,serif;
color:#555;
}

#content_pages {
margin:0px auto;
background:#E0E0E0; 
border-top:1px solid #555;
}

img.profile {
border:4px solid #c6c6c6;
float:left;
width:60px;
height:68px;
margin:4px 12px 2px 0;
opacity:1;
}

img.profile:hover {
opacity:0.9;
}

#bt .three p{
font-size:90%;
line-height:1.5;
}

ul.ftext {
float: right;
text-align:right;
font-size:80%;
margin:0 0 0 40px;
}

ul.ftext li a, ul.ftext li a:visited{
color:#999;
}

ul.ftext li a:hover {
color:#fff;
}

ul.ftext li.dark {
color:#777;
}

ul.ftext li.dark2 {
color:#999;
}


ul.fimg {
background:transparent;
text-indent:-9999px;
width:600px;
display:inline;
}


#clients {
margin:0 auto;
background:#fff url(../images/grad.png) repeat-x top; 
border-top:1px solid #fff;
padding:20px;
color:#222;
float:left;
width:920px;
}


#clients .featured {
float:left;
width:200px;
height:160px;
margin:10px 11px 0 11px;
padding:3px;
text-decoration:none;
background:#FFFFFF;
border:1px solid #999;
}

#clients .portf {
float:left;
width:200px;
height:240px;
margin:10px 11px 0 11px;
text-decoration:none;
}

#clients .portf h1 {
margin:4px 0 0;
}

#clients .portf span {
font-size:80%;
margin-left:0;
}

#clients .portf img {
border:1px solid #999;
background:#FFFFFF;
padding:3px;
}

#clients .featured:hover, #clients .portf img:hover {
border:1px solid #444;
-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);
}

#clients span {
font-size:130%;
margin-left:11px;
}


#footer {
margin:0 auto;
margin-top:30px;
background:#222  url('../images/footer.png') no-repeat top right; 
border-top:1px solid #555;
height:80px;
padding:20px;
color:#ccc;
float:left;
width:920px;
}

#footer p{
float:right;
}

#footer ul.fimg li{
float:left;
display:block;
margin:0 20px 0 0;
}

#footer ul.fimg li a, #footer ul.fimg li a:visited{
background:transparent;
height:54px;
display:block;
text-indent:-9999px;
opacity:0.8;
}

#footer ul.fimg li a:hover {
opacity:1;
}

#footer ul.fimg li a.host{
background:transparent url(../images/icons.png) no-repeat -112px -190px;
width:144px;
height:54px
}

#footer ul.fimg li a.del{
background:transparent url(../images/icons.png) no-repeat -112px -140px;
width:189px;
height:50px;
}

.submitform {
background:transparent url(../images/icons.png) no-repeat -224px -110px;
border:0 none;
width:100px;
height:30px;
text-indent:-9999px;
cursor:pointer;
}

#usage input.submitform:hover {
opacity:0.8;
border:0 none;
}

#usage input.submitform:focus {
border:0 none;
}

ul.cwork {
display:inline;
margin:0 0 0 0;
}

ul.downloadbtn li.dload a {
background:transparent url(../images/icons.png) -130px -55px;
width:194px;
display:block;
float:left;
height:54px;
text-indent:-9999px;
margin:9px 0 0 17px;
}

ul.downloadbtn li.dload a:hover{
background-position:-130px 0;
}

#usage input.text {
border:1px solid #999;
color:#555;
padding:3px;
width:210px;
}

#usage input:hover, #usage textarea:hover, #usage input.verify:hover, #usage input:focus, #usage textarea:focus, #usage input.verify:focus {
border:1px solid #444;
}

#usage textarea {
border:1px solid #999;
color:#555;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
height:110px;
line-height:1.6em;
padding:3px;
width:210px;
}

#usage input.verify {
width:100px;
border:1px solid #999;
color:#555;
padding:3px;
position:absolute;
}

#usage .two img {
margin:0 8px 0 0;
position:relative;
border:1px solid #999;
width:97px;
height:22px;
}

#tweet {
background:transparent url(../images/icons.png) no-repeat 0 -336px;
line-height:1.5em;
padding:15px 10px;
width:221px;
font-size:80%
}

#tweet2 {
background:transparent url(../images/icons.png) no-repeat 0 -480px;
font-size:0.85em;
padding:35px 10px 0;
width:221px;
}

ul.minicons li {
float:left;
}

ul.minicons li a {
display:block;
height:16px;
width:16px;
margin:2px;
text-decoration:none;
text-indent:-9999px;
background:transparent url(../images/icons.png) no-repeat;
opacity:0.7;
}

ul.minicons li a:hover, ul.maxicons li a:hover {
opacity:1;
}

ul.minicons li a.flickr {
background-position:-112px 0;
}

ul.minicons li a.twitter {
background-position:-112px -16px;
}

ul.minicons li a.facebook {
background-position:-112px -32px;
}

ul.minicons li a.logopond {
background-position:-112px -48px;
}

ul.minicons li a.wordpress {
background-position:-112px -64px;
}

ul.maxicons li {
float:left;
}

ul.maxicons li a {
display:block;
height:64px;
width:64px;
margin:2px;
text-decoration:none;
text-indent:-9999px;
background:transparent url(../images/icons.png) no-repeat;
opacity:0.7;
}

ul.maxicons li a.twitter {
background-position:0 0;
}

ul.maxicons li a.facebook {
background-position:0 -64px;
}

ul.maxicons li a.blog {
background-position:0 -128px;
}

ul.maxicons li a.linkedin {
background-position:0 -192px;
}