@charset "UTF-8";
/* GLOBAL */

html { 
text-align : center;
}

body { 
position : relative; 
width : 960px; 
margin : 0 auto; 
text-align : left;
font: 12px/18px bold Arial, Helvetica, sans-serif;
color: #484848;
background-color:#aea78c;
}

h1 {
font: 22px/32px bold Georgia, "Times New Roman", Times, serif;
color: #006eb5;
padding: 20px 0 10px 0;
}

h2 {
font: 14px/24px bold Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: .05em;
color: #006eb5;
}

#blog_wrapper h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:17px;
}

p {
margin:0px;
padding:10px 10px 0px 0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#000000;
line-height:21px;
}

body#home p {
padding: 0 4em 1em 4em;
}

body#home #promo p {
padding: 0;
}

a {color: #006eb5; text-decoration: none;}
a:link, a:visited {color: #006eb5; cursor: pointer;}
a:hover {color: #CC9933}
a:active {color: #006eb5}


img {border: none;}
.img-right {float: right; margin: 0 0 10px 10px;}
.img-left {float: left; margin: 0 10px 10px 0;}

strong {
font-weight: 600;
}

#wrapper {
width: 960px;
background: #FFF;
margin:0px auto;
}

#header {
width: 960px;
margin: 0px auto;
padding: 0px;
height: 130px;
margin-bottom:10px;
}
/* RAMEY LOGO */
#brand {
position: relative;
width:120px;
z-index: 99;
/*top:0px;
left: 11px;*/
margin:0px;
margin-top:-40px;
margin-left:12px;
padding:0px;
}


/* SUBNAV, in CONTENT article areas, such as Case Studies */
#subnav {
background: #ECDCB4;
width: 600px;
height: 30px;
margin: 10px auto 0 auto;
padding: .5em 0 0 0;
text-align:center;
}

ul.subnavbar {
list-style-type: none;
list-style-position:outside;
position: relative;
margin: 0;
padding: 0;
}

.subnavbar li {
display: block;
overflow: hidden;
margin: 0;
padding: 15 10px 15px 10px;
float: left;
height: 1em;
font-size: 10px;
letter-spacing: .25em;
color: #333;
border-right: 1px solid #333;
}
.subnavbar li.first {border: none;}
.subnavbar li.last {border: none;}

#subnav a:link {color: #333; cursor: pointer;}
#subnav a:visited {color: #333;}
#subnav a:hover,
#subnav a:active {color: #4F6B91;}

/* TAGLINE */
#tagline {
position: relative;
width: 100%;
margin: -60px 0 0 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
/*background: #E9EFFB;*/
}

#tagline h1 {
/*height:70px;*/
margin-top:1px;
font-size:50px;
font-style:italic;
padding: 0px;
/*color: #d9d5c4;*/
color: #8B7447;
font-weight: 200;
line-height:50px;
}

#tagline h3 {
padding: 0;
font-size: 1.35em;
font-style:normal;
text-transform: uppercase;
letter-spacing: .2em;
color: #BD4A22;
font-weight: normal;
}

/* MAIN CONTENT */

#content {
padding:0;
margin: 0;
}

#content ul {
padding: 0 4em 2em 5em;
list-style:outside;
list-style-type:disc;
}

/* ALL PRIMARY CONTENT */
#main {
position: relative;
float: left;
width: 600px;
min-height: 394px;
margin-left: 140px;
padding: 0 10px 10px 0;
border-right: 1px dashed #999999;
border-bottoom: 1px dashed #999999;
}

/* ALL SIDEBAR and SUBNAV CONTENT */
#sidebar {
float: right;
width: 190px;
min-height: 394px;
margin: 0;
padding-left: 10px;
background: #ECDCB4;
}

/* RELATED CONTENT */
#related {
float: left;
width: 800px;
min-height: 40px;
margin: 4px 0 0 140px;
padding: 0 0 10px 0;
border-top: 1px dashed #999999;
}

#twitter {
position: relative;
float: left;
width: 280px;
min-height: 90px;
margin: 10px 0 0 0;
padding: 0;
border-right: 1px dashed #999999;
}

#twitter img {float:left;}

#twitter ul#twitter_update_list3 {
list-style: none;
margin:0;
padding: 0 20px;
text-align: left;
font: 17px/19px normal Georgia, "Times New Roman", Times, serif;
font-style:italic;
color: #8B7447;
}

#promo {
position: relative;
float: left;
width: 220px;
margin: 0;
padding: 10x;
}

#promo a img {
margin:5px;
clear:none;
}

#promo p {
width:120px;
font: 16px/22px bold Georgia, "Times New Roman", Times, serif;
text-align: left;
margin: 0px;
margin-top:10px;
padding: 0px;
float:right;
color: #8B7447;
}


#promo p a:link,
#promo p a:visited,
#promo p a:hover,
#promo p a:active {text-decoration: none; color: #8B7447;} 

.promo_description {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-style:italic;
color:#0067ac;
}

#flickr {
position: relative;
float: right;
width: 280px;
min-height: 80px;
margin: 0px 0 0 0;
padding: 0;
border-left: 1px dashed #999999;
}

#flickr img {float:left;}

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 10 0 0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 15px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff; margin: 0 0 0 10; padding:0; float:right;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* SECONDARY NAV */
#rightrail {
float: right;
width: 200px;
min-height: 400px;
padding: 0;
}

#rightrail p {
padding: 0 1em 1em 1.4em;
}

/* FOOTER */
#footer {
width:960px;
clear: both;
padding: 5px 0 0 0;
background-image:url(../images/footer_back.jpg);
height:16px;
}

#footer p {
font-size: 10px;
letter-spacing: .1em;
text-transform: uppercase;
text-align: right;
margin: 0;
padding: 0;
color:#fff;
margin-top:-5px;
}

#footer a {color:#fff;}

#footer a:active, #footer a:hover {color:#8B7447;}

/* Client Listing Page */



/* MISC CLASSES */
.center { margin:0 auto; text-align: center;}
.subhead {
font: 12px bold Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: .05em;
color: #006eb5;
}
#tagline h1.max {
height:80px;
width: 800px;
margin-left: 140px;
margin-top:1px;
}
#main.max {
width: 800px;
border-right: 0px;
}
#rightrail.min {
display:none;
visibility:hidden;
width:0px;
}
#tagline h1.article {
font-size: 3em;
text-align: center;
}

img.banner {
float:left;
margin-top: -40px;
margin-left:0px;
}