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

body, div, img {
border: none;
padding: 0;
margin: 0;
}

body {
background-color: white;
font-family: "Myriad Pro",Myriad,"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
color: #787878;
font-size: 13px;
}

a {
color: #1e6c88;
}
a:hover {
color: #89afb5;
}

#container {
background: #f5f6e8 url(../images/bottom.gif) no-repeat scroll left bottom;
width: 950px;
margin: 0 auto 1px auto;
padding-bottom: 20px;
position: relative;
min-height:550px;
height:auto !important;
height:550px;

}
#header {
height: 138px;
width: 100%;
position: relative;
padding-bottom: 34px;
}
#header .logo {
padding: 22px 0 0 25px;
float: left;
}
#header .services {
padding-left: 50px;
}


#service-nav {
float: left;
width: 385px;
height: 119px;
}
#service-nav a {
background-position: left top;
width: 192px;
height: 59px;
float: left;
overflow: hidden;
text-indent: -800px;
}
#service-nav a:hover {
background-position: left bottom;
}
.serv-ad {
background-image: url(../images/services/advertising.gif);
}
.serv-pub {
background-image: url(../images/services/public-relations.gif);
}
.serv-mark {
background-image: url(../images/services/marketing.gif);
}
.serv-e {
background-image: url(../images/services/e-marketing.gif);
}


#login {
position: absolute;
top: 0;
right: 0;
z-index: 99;

width: 205px;
height: 28px;
}
#login a {
background-position: left top;
height: 28px;
float: left;
overflow: hidden;
text-indent: -800px;
}
#login a:hover {
background-position: left bottom;
}
.vendor-login {
background-image: url(../images/vendor-login.gif);
width: 106px;
}
.client-login {
background-image: url(../images/client-login.gif);
width: 97px;
}
.logout {
background-image: url(../images/sign-out.gif);
width: 79px;
float: right !important;
}







#header .contact-info {
float: right;
padding: 55px 20px 0 0;
text-align: right;
}
#header .phone {
color: #962330;
font-size: 18px;
}
#header .email a {
color: #1e6a86;
font-size: 13px;
text-decoration: none;
}
#header .email a:hover {
text-decoration: underline;
}



#content {
width: 565px;
padding: 20px 45px 0 45px;
float: left;
}
#side-bar {
float: left;
}
#quote-area {
width: 222px;
padding: 10px 40px 20px 20px;
background: transparent url(../images/quote-bg.gif) no-repeat scroll left bottom;

color: #787878;
font-size: 15px;
}
#quote-area .author {
font-weight: bold;
font-size: 14px;
}
#quote-area h3 {
color: #8e2920;
font-size: 16px;
text-transform: uppercase;
font-family: "Myriad Pro",Myriad,"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
}





#blog-area {
width: 282px;
background: transparent url(../images/quote-bg.gif) no-repeat scroll left bottom;
margin-top: 10px;
color: #787878;
font-size: 14px;
}
#blog-area ul {
padding-left: 0;
margin-left: 0;
list-style-type: none;
}
#blog-area ul li {
padding-left: 10px;
padding-bottom: 9px;
background: transparent url(../images/blog-bull.gif) no-repeat scroll -3px 3px;
}
#blog-area .blog-top {
width: 282px;
height: 17px;
background-image: url(../images/quote-bg-top.gif);
}
#blog-area .blog-content {
width: 222px;
padding: 10px 40px 20px 20px;
color: #787878;
}
#blog-area .date {
font-size: 12px;
}
#blog-area h2 {
color: #8e2920;
font-size: 16px;
text-transform: uppercase;
font-family: "Myriad Pro",Myriad,"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
margin-bottom: 10px;
}
#blog-area h3 {
color: #787878;
font-size: 14px;
font-family: "Myriad Pro",Myriad,"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
}







#footer {
width: 935px;
padding: 0 15px 15px 0;
margin: 0 auto;
text-align: right;
}

/*----------------------------*/

.clear {
clear: both;
}
h1 {
font-family: "Myriad Pro",Myriad,"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 22px;
color: #8e2920;
font-weight: normal;
}
h2 {
font-family: "Myriad Pro",Myriad,"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform: uppercase;
color: #1e6c88;
font-size: 12px;
}
.ms {
color: #8e2920;
font-weight: bold;
}
.adr {
padding: 0 0 10px 0;
}
.vcard {
padding: 10px;
font-size: 1.1em;
}
.dl-vc {
float: right;
padding: 0px 50px 0 0;
text-align: center;
}
.dl-vc a {
color: #1e6c88;
text-decoration: none;
}
.dl-vc a:hover {
border-bottom: 1px dotted;
}

/* -- portfolio -- */
#portfolio-names {
width: 231px;
float: left;
margin-top: 20px;
padding-left: 40px;
padding-right: 10px;
}
.portfolio {
color: #9ca315;
}
#portfolio-names ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
#portfolio-names ul li {
padding-left: 15px;
padding-bottom: 8px;
background: transparent url(../images/portfolio-arrow.gif) scroll no-repeat left 3px;
}
#portfolio-names ul li ul li {
background-image: none;
padding-bottom: 2px;
}
#portfolio-names ul li ul li a {
text-decoration: underline;
}


#portfolio-names ul li a {
color: #787878;
text-decoration: none;
}
#portfolio-names ul li a:hover {
color: #8e2920;
text-decoration: none;
}

#portfolio-details {
width: 657px;
background: transparent url(../images/portfolio-mid.gif) repeat-y scroll left top;
float: left;
margin-top: 20px;
}
#portfolio-details .head {
background: transparent url(../images/portfolio-top.gif) scroll no-repeat left top;
width: 100%;
height: 15px;
}
#portfolio-details .foot {
background: transparent url(../images/portfolio-bottom.gif) scroll no-repeat left top;
height: 15px;
width: 100%;
clear: both;
}
.portfolio-visual {
float: left;
width: 370px;
padding: 0 40px;
margin: 15px 0;
border-right: 1px solid #bababa;
text-align: center;
overflow: hidden;
}
.portfolio-text {
float: left;
width: 176px;
padding: 15px;
}
.portfolio-sections {
background-color: #bfc29b; /*c3c4b7; */
width: 181px;
padding: 10px 15px 5px 15px;
color: white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-top: 20x;
}
.portfolio-sections h2 {
color: #8E2920;
font-size: 17px;
font-weight: normal;
margin-top: .1em;
}
.portfolio-sections ul li {
background-image: none !important;
padding: 0 0 4px 5px !important;
font-size: 1.1em;
}
.portfolio-sections a {
color: white !important;
}
.portfolio-sections a:hover {
text-decoration: underline !important;
}

label {
float: left;
display: block;
width: 70px;
padding-right: 25px;
text-align: right;
}
input {
margin-bottom: 7px;
width: 140px;
}