/* ---------------------------------------------------
maven / adapted adam brady
----------------------------------------------------- */

body {
margin:0;
padding:0 10px;
font:normal 70%/160% 'Lucida Grande',Verdana,Arial,sans-serif;
color:#CCC;
background:#1B1B1B  url(http://www.mavenmetrics.com/images/header.jpg) left top repeat-x;
text-align:center
}

.float {
float:right;
margin:0 0 10px 10px;
}

#team .float {
float:right;
margin:15px 0 10px 10px;
border:0px solid #666;
}

h3 span {font-size:70%}

.frame, .frameend {
overflow:hidden;
}
#client .frame {
margin:10px 28px 17px 0;
width:100%;
height:249px;
}

#home .frame, #portfolio .frame, #home .frameend, #portfolio .frameend {
float:left;
height:175px;
width:30%;
}
.frame {
margin:0 30px 28px 0;
}
.frameend {
margin:0 0 28px 0
}
#content_main .frame {
float:none;
width:500px;
margin-bottom:13px;
}

.frame p, .frameend p {
display:block;
width:auto;
font-weight:700;
font-size:90%;
margin:-29px 0 15px;
padding:5px 15px 5px 5px;
color:#FFF;
}


/* ---------------------------------------------------
HEADINGS
----------------------------------------------------- */

h1,h2,h3,h4,h5 {
color:#FFF
}

h1 {
float:right;
width:289px;
height:153px;
margin:24px 23px 0px 0;
padding-bottom:0;
background:url(http://www.mavenmetrics.com/images/mm-logo-for-web.gif) no-repeat;
text-indent:-9999px
}

h2 {
font-size:150%;
padding-bottom:14px;
background:#1B1B1B url(http://www.mavenmetrics.com/images/separator.gif) bottom left repeat-x;
}
#portfolio h2 {
margin-right:26px;
}

h2 a:link,h2 a:visited {
color:#FFF;
text-decoration:none
}

h3 a:link,h3 a:visited {
color:#FB80BD
}

h3 {
margin-bottom:0;
font-size:120%;
line-height:150%
}
.content_third_blog h3 {
margin:0 0 5px 0;
padding:0;
}

#content_main h3 {
font-size:130%
}

#content_supp h3, #services #content_main h3, #about #content_main h3, #team #content_main h3 {
padding-bottom:11px;
background:#1B1B1B url(http://www.mavenmetrics.com/images/separator.gif) bottom left repeat-x;
}
#services #content_supp h3 {
margin-top:30px;
}
#services #content_main h3, #about #content_main h3 {
margin-top:30px;
}

h4 {
margin-bottom:0;
font-size:120%
}

h5 {
margin-bottom:0;
font-size:110%
}

/* ---------------------------------------------------
LINKS (Specific styles grouped with relevant selectors)
----------------------------------------------------- */

a:link, a:visited {
color:#C1D273;
outline:0;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#D0EB54;
outline:0;
font-weight:bold
}

a:active {
outline:0
}

/* ---------------------------------------------------
MAIN NAV
----------------------------------------------------- */

ul#nav {
float:left;
margin:22px 0 0px 20px;
padding:0;
font-weight:700;
font-size:110%
}

ul#nav li {
display:inline;
margin-right:13px;
margin-left:0;
padding-bottom:5px;
padding-left:0;
}

ul#nav li a:link, ul#nav li a:visited {
color:#FFF
}
ul#nav li a:hover {
padding-bottom:5px;
background:url(http://www.mavenmetrics.com/images/grey_line.gif) bottom left repeat-x
}

/* Highlighting the current page */
#home a.home,#about a.about,#clients a.clients,#media a.media,#why a.why,#contact a.contact {
color:#CCC;
padding-bottom:5px;
background:url(http://www.mavenmetrics.com/images/grey_line.gif) bottom left repeat-x
}

/* ---------------------------------------------------
OTHER LISTS
----------------------------------------------------- */

#content_main li {
margin-bottom:6px
}

#content_supp ul, #content_main ul {
list-style-type:none;
margin:15px 0px 15px 0;
padding:0
}

#content_sub ul {
list-style-type:none;
margin:12px 0 10px;
padding:0
}

#footer ul {
padding-left:0;
font-size:11px;
margin:0
}

#footer li {
display:inline;
margin-left:0;
padding-left:0;
padding-right:10px
}

/* ---------------------------------------------------
LAYOUT
----------------------------------------------------- */

#container {
min-width:780px;
max-width:980px;
text-align:left;
border-left:0px solid #444;
border-top:0px solid #444;
border-right:0px solid #333;
border-bottom:1px solid #333;
margin:0 auto;
padding:0;
}

#masthead {
clear:both;
padding-right:0px;
margin-bottom:30px;
background:url(http://www.mavenmetrics.com/images/top.gif) repeat-x;
}

#masthead .rule {
clear:both;
height:6px;
background:url(http://www.mavenmetrics.com/images/space.gif) repeat-x;
}

#content_full {
margin-top:10px;
padding:0 0 0 20px
}

#content_main {
float:left;
width:62%;
margin:10px 23px 10px 0;
padding:0 25px 0 20px;
}

#content_supp {
float:left;
width:29%;
margin:10px 0px 10px 0;
padding:0 0 0 0px
}

.content_third_case {
clear:both;
float:left;
width:30%;
margin:0 35px 10px 0
}

.content_third {
float:left;
width:30%;
margin:0 35px 10px 0
}

.content_third_blog {
float:left;
width:30%;
margin:0 0 10px
}

#content_sub {
clear:both;
margin:0 0 0 0;
padding:0px 0 0 0;
}

#footer {
clear:both;
margin-top:0;
background:#1B1B1B url(http://www.mavenmetrics.com/images/endpage.gif) top right repeat-x;
padding:55px 20px 20px
}

#footer img {
margin:10px 5px 5px 0
}

img {
border:0
}

.content_third_case img,.content_third img,.content_third_blog img {
margin:0px
}

/* ---------------------------------------------------
PARAGRAPHS AND ASSOC LINKS
----------------------------------------------------- */

#masthead p {
float:left;
width:57%;
margin-top:20px;
margin-left:0;
font-size:170%;
line-height:160%;
color:#FFF;
background:transparent;
padding:30px 0px 0 20px
}

#content_sub p {
margin-bottom:8px
}

.intro {
clear:left;
float:left;
width:63%;
margin-top:10px;
margin-right:10px;
margin-bottom:20px;
}
.intro p {
font-size:110%;
line-height:170%;
}
#portfolio .intro {
margin-top:0;
margin-bottom:15px;
}

.posted {
clear:both;
font-size:11px;
margin-top:0;
margin-bottom:10px;
padding-bottom:25px;
color:#999;
background:#1B1B1B url(http://www.mavenmetrics.com/images/separator.gif) bottom left repeat-x;
}

.posted a:link,.posted a:visited {
color:#999
}

#home blockquote p {
margin:0;
padding:0 10px
}

.content_third_case p, .content_third p, .content_third_blog p {
margin:0px 0 5px 0;
}
#content_sub .content_third_blog p {
padding-bottom:15px;
margin-bottom:6px;
background:#1B1B1B url(http://www.mavenmetrics.com/images/separator.gif) bottom left repeat-x;
}

/* -------------------------------------------------
MISCELLANEOUS
--------------------------------------------------*/

blockquote {
width:70%;
font-size:120%;
font-style:italic;
color:#666;
background:url(http://www.mavenmetrics.com/images/quote.gif) top left no-repeat;
margin:10px 0 0;
padding:0 0 0 50px
}

.action {
float:left;
width:30%;
background:#1B1B1B url(http://www.mavenmetrics.com/images/lin.gif) -3px left repeat-x;
color:#DDD;
font-size:100%;
margin:10px 0px 20px 25px;
}
.intro h2 {
margin:0;
padding:0px 0px 13px 0px;
background:#1B1B1B url(http://www.mavenmetrics.com/images/separator.gif) bottom left repeat-x;
color:#FFF;
}
.action h3 {
margin:0;
padding:0px 0px 11px 0px;
background:#1B1B1B url(http://www.mavenmetrics.com/images/separator.gif) bottom left repeat-x;
color:#FFF;
}
.action p {
margin:12px 0 0 0;
padding:0px;
}
.action a:link, .action a:visited {
color:#C1D273;
text-decoration:none
}
.action a:hover {
color:#D0EB54
}
.action p.credit {
margin:7px 0 0 0;
padding:5px 0px 12px 0px;
background:#1B1B1B url(http://www.mavenmetrics.com/images/lin.gif) bottom left repeat-x;
}
.action p.credit a:link, .action p.credit a:visited {
color:#C1D273
}
.action p.credit a:hover {
color:#D0EB54
}

abbr,acronym {
border-bottom:1px dotted #CCC;
cursor:help
}

/* -------------------------------------------------
FORMS
--------------------------------------------------*/

form {
float:left;
margin:15px 35px 3px 0px;
width:80%;
border:0;
padding:0
}

fieldset,#submitbox {
border-top:0px solid #333;
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
margin:15px 15px 1em 0;
padding:2em;
background:#1B1B1B url(http://www.mavenmetrics.com/images/separator.gif) left -6px repeat-x;
}

legend {
display:none;
}

#submitbox p {
margin:0
}

label {
margin:.9em 0 .9em 0
}

label, label span {
display:block;
font-weight:700
}

input {
border:1px solid #666;
padding:3px;
background:#DDD;
}

#container #content_main fieldset input,textarea {
background:#DDD;
border:3px double #666;
padding:3px
}

#name,#email,#from,#to,#subject,#message,#req_name,#req_email,#req_reply,#req_telephone {
width:95%
}

input.submit {
border:0;
margin-bottom:-5px !important;
background:#DDD;
color:#333;
}

/* --------------------------------------------------------
MICROFORMATS Cards used all over the place, hence numerous rules
---------------------------------------------------------- */
#contact .vcard {
float:left;
margin:0px 20px 10px 0;
padding:0px;
}

.vcard p {
margin:5px 0 0 0;
padding:4px 5px 6px 0
}

.vcard img.photo {
display:none
}

/* hcard items in Contact page */
.vcard .role,.vcard .adr,.vcard .tel,.vcard .photo,.vcard .email {
padding:3px 0
}

.vcard .tel {
font-size:130%
}

#nav .hidden,.vcard .url,.vcard .org,.vcard .honorific-suffix {
display:none
}

h3 a:link,h3 a:visited,ul#nav li a:link,ul#nav li a:visited,#footer a:link,#footer a:visited,.intro a:link,.intro a:visited,dd a:link,dd a:visited,.vcard a.email:link,.vcard a.email:visited,.vcard p a:link,.vcard p a:visited {
text-decoration:none
}

#content_supp ul li,#content_sub ul li,#content_main ul li {
display:block;
margin-top:5px;
background:url(http://www.mavenmetrics.com/images/small_line.gif) top left no-repeat;
text-decoration:none;
padding:0 10px 0 18px
}

#content_supp ul.rssli li,#content_sub ul.rssli li {
display:block;
margin-top:5px;
background:url(http://www.mavenmetrics.com/images/rss14.gif) top left no-repeat;
text-decoration:none;
padding:0 10px 0 18px
}

#content_supp ul li a:link,#content_supp ul li a:visited,#content_sub ul li a:link,#content_sub ul li a:visited,#content_supp ul li a:hover,#content_sub ul li a:hover {
text-decoration:none;
}

.clear,.spacer {
clear:both
}