@charset "utf-8";
/* CSS Document */

/* begin basic global styles */
html, body, div, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd {
color: #3a3a3a;
list-style: none;
margin: 0;
padding: 0;
font-family: georgia;
}
html {
background:#fff;
}
body {
font: 12px arial;
}
abbr,acronym{border:none}
:focus{ outline:0}
a {color: #B85B5A;font-weight: bold;text-decoration: none;}

.floatright {
float: right;
}
.floatleft {
float: left;
}

.bdimenu {margin-top: 10px; text-align: center;}
.bdimenu a {color: #000;}
.bdimenu a:hover {color: #999}
#leftLinks { 
background:transparent url('/content/images/leftlinksbg.png'); 
background-repeat:repeat-x;
border: 2px solid #ccc; 
padding:1em; 
text-align: left;
margin-right:1.8em;
width: auto;
height: auto;
}

/*.clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; }*/
#leftLinks ul { width:auto; }
#leftLinks ul {padding: 0; margin: 0; list-style: none; 
font-family: Arial, Helvetica, sans-serif; 
}
#leftLinks ul a { display: block; text-decoration: none; 
padding: 5px 10px 5px 0; font-size: 1em; color: #fff; 
font-family: Arial, Helvetica, sans-serif; 
margin-bottom:4px}

#leftLinks ul li {float: left; width: auto; }
#leftLinks ul li {position: relative;}
/* hide from IE mac */
#leftLinks ul li {position: static; }
/* end hiding from IE5 mac */
#leftLinks li ul, #leftLinks ul li { width: 23em; }
#leftLinks ul li a {margin-left:18px }
#leftLinks ul li ul li a { color: #565656; border-right: 0; 
padding: 3px 12px 3px 16px; font-weight:normal; 
margin-left:0}
#leftLinks li ul { position: absolute; display: none; background: #fff;
border-right: 1px solid #333; border-bottom: 1px solid #333; 
border-left: 1px solid #333;}
#leftLinks li:hover a, #leftLinks a:focus, #leftLinks a:active, 
#leftLinks li.p7hvr a { color: #fff;}
#leftLinks li:hover ul, #leftLinks li.p7hvr ul { display: block; }
#leftLinks li:hover ul a, #leftLinks li.p7hvr ul a { color: #000; 
background-color: transparent; }
#leftLinks ul li ul li a:hover { background-color: #606060!important; 
color: #fff !important; }
#leftLinks ul li a.trigger:active,
#leftLinks ul li a.trigger:focus,
#leftLinks ul li a.trigger:hover {background:transparent}


#menu h2 {color: #5B67B1;}
#relatedInfo { padding: 1em; text-align: center; margin: 0 auto; width: 800px; }
#relatedInfo li { display:inline; }
#relatedInfo h3 { color: #ffffff; font-size: 18px; }
#relatedInfo a {
color: #000;
text-transform: capitalize;
padding-right: 4px;
padding-left: 4px;
border-right: #000 1px solid;
}
#relatedInfo a:hover { color: #5B67B1; }


h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
#header {
height: 134px;
}
#header h1 span {
background: url('/content/images/header.jpg') no-repeat;
position: absolute;
width: 853px;
height: 136px;
}
#header ul {
display:none
}
#main {
background:url('/content/images/bg.jpg') repeat-y;
margin: 0px auto;
width: 853px;
}
/*three boxes*/
#service-highlights {background:url('/content/images/three.jpg') no-repeat;height: 245px;text-align:justify;}
#service-highlights h2 {position:absolute; top:45px; left:-9999px}
#service-highlights ul{margin: 55px 0px 0px 0px;width: 215px; }
#service-highlights ul li{
list-style-image:url('/content/images/list-image.gif');
list-style-type: circle;
color: #444;
border-bottom: 1px dashed #c05454;
margin-bottom: 5px;
padding-bottom:5px;
font-size: 12px;
font-family: georgia;
}
#professional-seo{float:left;width:295px;height:235px;}
#professional-seo ul{margin-left:55px;}

#website-design{float:left;width:262px;height:235px;}
#website-design ul{margin-left:25px;}

#website-optimization{width: 260px;float:left;height:235px;}
#website-optimization ul{margin-left:30px;}

/*center bg overlap*/
#wrapBg {

}
#wrap {
min-height: 1031px;
}
/* left bar */
#left {
float:left;
background: url('/content/images/left_bg_repeat.jpg') repeat-y;
width: 310px
}
#leftFooter{
height:24px;

}
#contactTop {
height: 49px;

}
#aboutTop {
height: 69px;
}
#left p{

}

#contactBody {
background: url('/content/images/left_bg_contact.jpg') no-repeat;
min-height:193px;
padding:0 0 0 3em;
}
#aboutBody {
padding:.6em 3em 0 4em;
min-height:500px;

}
#aboutBody img {

border:3px double #ccc;

width:221px;
margin-bottom:18px;

}
#aboutBody p {
font-weight:bold;
text-align:center;
margin-bottom: 6px;
}
/* content */

#content {
margin-bottom: 7em;
text-align: left;
font-color:#000;
padding: 1em 3em 0em 2em;
font-size: 1.3em;
min-height: 600px;
text-align:justify;
}
#content h1 {
color: #333;
text-align: center;
font-size: 18px;
text-transform: uppercase;
margin: 0 0 15px 0;

}
#content h2 {
color: #333;
font-size: 20px;
text-transform: uppercase;
border-bottom: 1px dashed #c05454;
margin: 25px 0;
width: 90%;
}
#content p {
font-size: 1em;
color: #333;
line-height: 1.4em;
display:block;
margin-bottom: 10px;
}
#content ul {
margin: 20px;
}

#content ul li{

position:relative;
left: 40px;
}
#content li {
color: #333;
list-style: circle;
margin: 0px 0px 0px 20px;
text-transform: capitalize;
}
img {
border: 0px;
}
#content img {
width:260px;
border: #000 1px solid;
margin: 1.4em;
}
html*#content img {
width:260px;
border: #999 0px solid;
margin: 0em;
padding:1.4em
}
.floatLeft{
float:left;
}
.floatRight{
float:right;
}
/*Contact Form*/
#left #form {
width: 225px;
}
#formTop {
width: 225px;
}
#left a {
font-weight:bold;
}
#left p {
color:#333333;
font-family:arial;
font-size:14px;
}
#left form {
margin-top:18px;
}
#left form input {
margin-bottom:6px;
margin-top:2px;
width:215px;
}
#left form textarea {
margin-bottom:9px;
margin-top:2px;
width:215px;
}
#left form label {
color:#333333;
font-family:arial;
font-size:12px;
}
#formBottom {
text-align: center;
}
#left form input#submit {
color:#000000;
cursor:pointer;
font-size:15px;
font-weight:bold;
height:36px;
width:170px;
}
.error {
background:#d7d7d7;
margin-bottom:13px;
display:block;
border:2px solid #f00;
text-align:center;
color:#000;
padding:3px 0;
font-size:11px;
width:215px;
}
#humanidentify {
margin-bottom: 0px;
}
#bdicontent form{
padding-left: 60px;
padding-right: 60px;
}
#bdicontent legend {
font-size: 24px;
}
#bdicontent fieldset {
border: none;
}
#formBottom p {
font-size: 9px;
}
.phonenumber {
font-weight: bold;
font-size: 20px;
color: #000;
}


/*graph*/
#graph hr{
width:313px;
}

#graph h2{
padding:0px;
margin:0px auto;
font-size: 18px;
font-weight:normal;
border:0px;

}

#graph{
margin:0px auto;
width:473px;
float:right;
margin-left:20px;
}

#graphTop{
background-image:url('http://usasubpros.com/images/graph_top.jpg');
background-repeat:no-repeat;
height:19px;
}

#graphBg{
background-image:url('http://usasubpros.com/images/graph_bg.jpg');
background-repeat:repeat-y;
padding-left:14px;
}

#graphBot{
background-image:url('http://usasubpros.com/images/graph_bot.jpg');
background-repeat:no-repeat;
height:27px;
}

#graph .graph_img{ 
height:536px;
width:438px;
}

#graph_466{
background-image: url('http://usaseopros.com/_images/sub/466.png');
background-repeat: no-repeat;
background-position: -1px center;
}


#graph_973{
background-image: url('http://usaseopros.com/_images/sub/466.png');
background-repeat: no-repeat;
background-position: -1px center;
}

/*footer*/
#footer{
background-image:url('/content/images/footer.jpg');
background-repeat:no-repeat;
width:868px;
height:41px;
}


#footer p{
font-size: 10px;
line-height: auto;
font-family:Arial;
color: #000;
display:block;
width:828px;
text-align:right;
margin-top:10px
}

#footer a{
font-size: 9px;
font-family:Arial;
color: #000;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}
#footer{
background-image:url('/content/images/footer.jpg');
background-repeat:no-repeat;
width:868px;
height:41px;
}


#contactBody {
background: url('/content/images/left_bg_contact.jpg') no-repeat;
min-height:193px;
padding:0 0 0 4em;
}

.blog a {font-size: 12px}
.blog { border-top: 1px solid #000; margin-top: 15px; overflow: hidden; }
.blog legend { font-weight:bold; font-size:16px; }
.blog legend {font-size:10px;}
.blogDetail div {font-size: 12px; }
.blogDetail img { display:none !important; }
.blogDetail object { display:none !important; }
.blog div{font-size:12px;}
.blog fieldset {font-size: 12px; }
#content div { }