/* Pasadena Covenant 2009 - core.css */

@import url('reset.css');
@import url('text.css');
@import url('980.css');
@import url('fonts.css');


body {
background:#222 url(../img/body/body.jpg) repeat-x top center;
font-family: 'Droid Sans Regular', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
color:#392210;
}

a {
color:#017a97;
text-decoration:none;
cursor:pointer;
}

a:hover {
color:#c60;
cursor:pointer;
}

h3 {
color:#7a4027;
}

strong {
font-family: 'Droid Sans Bold', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
}

/* HEADER */

#header {
background:url(../img/header/header.jpg) no-repeat top center;
height:150px;
width:980px;
margin:0 auto;
padding:0;
}

.header_social_links {
position:relative;
float:left;
display:inline-block;
}

#ql_btn_twitter {
width:90px;
height:35px;
left:0px;
top:19px;
}

.ie6 #ql_btn_twitter {
left:-30px;
}

.ie8 #ql_btn_twitter {
top:0;
}

#ql_btns {
width:320px;
height:35px;
left:0px;
top:19px;
margin:0;
padding:0;
}

.ie8 #ql_btns {
top:0;
}

.ie6 #ql_btns {
width:340px;
}

.header_social_links ul, .header_social_links ul li {
list-style:none;
}

.header_social_links ul li {
display:inline;
}

.header_social_links ul li a {
display:block;
width:35px;
height:35px;
cursor:pointer;
font-size:0px;
text-indent:-9999px;
float:left;
margin-left:18px;
}

.header_social_links ul li#ql_twitter a {
margin-left:30px;
}

.ie6 .header_social_links ul li#ql_twitter a {}

#header_twitter {
color:#4b696e;
width:552px;
margin:0;
padding:6px 0;
line-height:13px;
font-size:11px;
word-spacing:1.3px;
letter-spacing:1px;
text-transform:uppercase;
float:left;
position:relative;
top:18px;
left:0px;
height:23px;
}

.ie6 #header_twitter {
width:529px;
}

.win.gecko #header_twitter {
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:10px;
}

#header_twitter a {
color:#019dbd;
padding:0 6px;
margin:0 0 0 6px;
font-size:10px;
font-family:Arial, Helvetica, Verdana, sans-serif;
text-transform:uppercase;
letter-spacing:1.2px;
}

.ie6 #header_twitter a {
margin-left:0px;
}

#header_twitter a:hover {
color:#c60;
}

#header_twitter ul, #header_twitter ul li {
list-style:none;
margin:0;
padding:0;
}

#ql_twitter a {background:url(../img/header/ql_twitter.png) no-repeat top center;}
#ql_facebook a {background:url(../img/header/ql_facebook.png) no-repeat top center;}
.ie8 #ql_facebook a {margin-top:19px;}
#ql_linkedin a {background:url(../img/header/ql_linkedin.png) no-repeat top center;}
.ie8 #ql_linkedin a {margin-top:19px;}
#ql_behance a {background:url(../img/header/ql_behance.png) no-repeat top center;}
#ql_delicious a {background:url(../img/header/ql_delicious.png) no-repeat top center;}
#ql_flickr a {background:url(../img/header/ql_flickr.png) no-repeat top center;}
#ql_vimeo a {background:url(../img/header/ql_vimeo.png) no-repeat top center;}

#ql_twitter a:hover {background:url(../img/header/ql_twitter.png) no-repeat 0 -35px;}
#ql_facebook a:hover {background:url(../img/header/ql_facebook.png) no-repeat 0 -35px;}
#ql_linkedin a:hover {background:url(../img/header/ql_linkedin.png) no-repeat 0 -35px;}
#ql_behance a:hover {background:url(../img/header/ql_behance.png) no-repeat 0 -35px;}
#ql_delicious a:hover {background:url(../img/header/ql_delicious.png) no-repeat 0 -35px;}
#ql_flickr a:hover {background:url(../img/header/ql_flickr.png) no-repeat 0 -35px;}
#ql_vimeo a:hover {background:url(../img/header/ql_vimeo.png) no-repeat 0 -35px;}

/* NAV */

#nav_container {
width: 966px;
margin: 0 auto;
padding:0;
position: relative;
top:-77px;
}

#nav {
margin:0;
position:relative;
top:0px;
left:0px;
}

#nav ul, #nav ul li, #nav ul li ul, #nav ul li ul li, #nav ul li ul li ul, #nav ul li ul li ul li {
list-style:none;
margin:0;
padding:0;
}

#nav ul li {
display:inline;
}

#nav ul li a {
color:#d6d0c4;
cursor:pointer;
font-family: 'TitilliumText14L 600 wt', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
}

#nav ul li a.nav_button {
Width:150px;
height:33px;
padding:18px 5px 26px 5px;
margin:0;
display:block;
float:left;
text-align:center;
font-size:14px;
text-transform:uppercase;
letter-spacing:1.1px;
cursor:pointer;
text-decoration:none;
position:absolute;

}

#nav ul li a#nav_home {
left:0px;
text-indent:-9999px;
}
#nav ul li a#nav_profile {
left:160px;
}
#nav ul li a#nav_services {
left:320px;
}
#nav ul li a#nav_portfolio {
left:480px;
}
#nav ul li a#nav_weblog {
left:640px;
}
#nav ul li a#nav_contact {
left:800px;
}

#nav ul li a.nav_button:hover {
background:url(../img/nav/nav_hover.jpg) top center no-repeat;
color:#fff;
cursor:pointer;
}

.nav_button_active {
background:url(../img/nav/nav_selected.jpg) top center no-repeat;
color:#fff;
cursor:pointer;
}

#nav ul li a.nav_button:active {
background:url(../img/nav/nav_selected.jpg) top center no-repeat;
color:#fff;
cursor:pointer;
}

#nav ul li a.nav_button_active:hover, #nav ul a.nav_button:active:hover {
background:url(../img/nav/nav_selected_hover.jpg) top center no-repeat;
color:#fff;
cursor:pointer;
}

#nav ul.navigation li a {
color:#fff;
cursor:pointer;
}

#nav ul.navigation li a:hover {
background:url(../img/nav/nav_hover.jpg) top center no-repeat;
color:#fff;
cursor:pointer;
}

#nav ul.navigation li a.selected {
background:url(../img/nav/nav_selected.jpg) top center no-repeat;
color:#fff;
cursor:pointer;
}

#nav ul.navigation li a.selected:hover {
background:url(../img/nav/nav_selected_hover.jpg) top center no-repeat;
color:#fff;
cursor:pointer;
}

#nav ul li a#nav_home.selected {
background:url(../img/nav/nav_selected_logo.jpg) top center no-repeat;
}

#nav ul li a#nav_home:hover {
background:url(../img/nav/nav_hover_logo.jpg) top center no-repeat;
}

#nav ul li a#nav_home.selected:hover {
background:url(../img/nav/nav_selected_hover_logo.jpg) top center no-repeat;
}

#nav ul li a#nav_home span {
font-size:0px;
text-indent:-9999px;
}

#nav ul li a#nav_contact.selected {
background:url(../img/nav/nav_selected_contact.jpg) top center no-repeat;
}

#nav ul li a#nav_contact:hover {
background:url(../img/nav/nav_hover_contact.jpg) top center no-repeat;
}

#nav ul li a#nav_contact.selected:hover {
background:url(../img/nav/nav_selected_hover_contact.jpg) top center no-repeat;
}


/* DD MENU */

#nav ul.ddmenu {
list-style:none;
padding:0;
margin:0;
}

#nav ul.ddmenu li ul {
margin:0 auto;
padding: 15px 5px;
height: 225px;
width: 950px;
display:block;
overflow: hidden;
position: absolute;
top:0;
left:1px;
background:#f6f6ed;
border:2px solid #a93e0e;
border-top:none;
z-index:10;
display:none;
}

#nav ul.ddmenu li ul div.dd_intro {
width:265px;
height:230px;
display:block;
float:left;
padding:15px;
}

#nav ul.ddmenu li ul div.dd_img {
width:325px;
height:240px;
display:block;
float:left;
padding:0 15px;
margin-top:-10px;
}

#nav ul.ddmenu li ul div.dd_links {
width:230px;
height:230px;
display:block;
float:left;
padding:15px;
}

#nav ul.ddmenu li ul div.dd_img img {
border:1px solid #c3ba95;
}

#nav ul.ddmenu li ul div.dd_intro h3 {
margin:0;
padding:0 0 15px 0;
line-height:24px;
font-size:24px;
font-weight:normal;
font-family: 'Droid Serif Regular', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
font-variant:small-caps;
}

#nav ul.ddmenu li ul li {
padding:0;
margin:0;
float:left;
background:none;
border:none;
}

#nav ul.ddmenu li ul li a, #nav ul.ddmenu li ul li a.nav_button_active {
display: block;
float:left;
padding:0 0 0 15px;
margin:0px 0px 0px 15px;
font-size:14px;
line-height:21px;
cursor:pointer;
width:175px;
color:#628988;
text-decoration:none;
text-align:left;
font-weight:normal;
background:none;
border:none;
}

#nav ul.ddmenu li ul li a:hover {
color:#c60;
background:none;
border:none;
}

#nav ul.ddmenu li ul span.find_out_more a, #nav ul.ddmenu li ul span.find_out_more a.nav_button_active {
background:none;
border:none;
color:#628988;
}

#nav ul.ddmenu li ul span.find_out_more a:hover, #nav ul.ddmenu li ul span.find_out_more a.nav_button_active:hover {
color:#c60;
}


/* CODA SLIDER - CUSTOM */

#slider {
width: 960px;
height:100%;
margin: 0 auto;
padding:0 10px;
position: relative;
top:-76px;
}

.scroll {
height: 100%;
width: 956px;
padding:0;
overflow: auto;
overflow-x: hidden;
position: relative;
top:76px;
clear: left;
margin:0;

background:#e8eff1;
border:2px solid #7da0a5;
border-top:none;
}

.scrollContainer div.panel {
padding: 15px 8px;
height: 100%;
width: 940px;
margin:0 auto;
}

.scrollButtons {
position: absolute;
top: 0px;
cursor: pointer;
z-index:7000;
}

.scrollButtons.left {
left: -6px;
top: 280px;
}

.scrollButtons.right {
right: -6px;
top: 280px;
}

.hide {
display: none;
}

#slider .panel ul, #slider .panel ul li {
margin:0;
padding:0;
font-size:13px;
font-weight:normal;
}

#slider .panel ul {
margin-left:15px;
}

.panel_col1 {
width:260px;
height:255px;
display:block;
float:left;
padding:0 5px;
margin:0;
margin-left:25px;
}

.panel_col2 {
width:255px;
height:255px;
display:block;
float:left;
padding:0 10px;
margin:0;
margin-left:35px;
}

.panel_col3 {
width:260px;
height:255px;
display:block;
float:left;
padding:0 5px;
margin:0;
margin-left:20px;
}

.panel_col12 {
width:556px;
height:100%;
display:block;
float:left;
padding:0 10px;
margin:0;
margin-left:27px;
}

.ie6 .panel_col12 {
margin-left:15px;
}

.panel_col2 h3, .panel_col12 h3, .panel_col123 h3 {
margin:0;
padding:0 0 15px 0;
line-height:26px;
font-size:26px;
font-weight:normal;
color:#222;
letter-spacing:0.5px;
font-family: 'TitilliumText14L 600 wt', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
font-variant:small-caps;
}

span.find_out_more {
background:#f2f7f8;
border:1px solid #bdd2d8;
text-transform:uppercase;
font-size:11px;
padding:5px 7px 3px 7px;
font-weight:bold;
font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
display:block;
width:241px;
text-align:center;
}

span.button_col12 {
background:none;
border:none;
margin:0;
}

span.button_col12 a {
background:url(../img/buttons/action_btn.png) no-repeat 0 0;
border:none;
text-transform:uppercase;
font-size:11px;
padding:6px 0 2px 0;
font-weight:bold;
font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
display:block;
width:556px;
height:22px;
text-align:center;
color:#000;
}

span.button_col12 a:hover {
background:url(../img/buttons/action_btn.png) no-repeat 0 -30px;
color:#ccc;
}

span.button_col123 a {
float:right;
margin-top:30px;
}

.panel_col12 p {
font-size:13px;
}

.panel_col123 {
width:820px;
height:100%;
padding:0 60px;
display:block;
float:left;
margin:0 auto;
}

.panel_col123 p {
font-size:35px;
}

.panel_col123 p.tier_1 {
margin-top:10px;
}

.panel_col123 p.tier_2 {
font-size:24px;
margin:-20px 0 0 0;
line-height:25px;
}

.panel_col123 p.tier_3 {
font-size:18px;
margin:30px 0 0 0;
line-height:23px;
}

.panel_col3 span#contact_name {
font-size:20px;
}

.panel_col3 p {
margin:40px 0 0 5px;
}

#panel_profile {
width:300px;
margin-left:0;
}

.panel_col123 span {
color:#017a97;
}

.panel_col12 p a {
color:#017a97;
}

.panel_col12 p a:hover {
color:#c60;
}

#_contact input {
background:#fff;
border:1px solid #ccc;
padding:2px;
}

#_contact input#name, #_contact input#from, #_contact input#subject {
position:absolute;
left:175px;
width:366px;
}

#_contact textarea#message {
background:#fff;
border:1px solid #ccc;
width:500px;
}

#_contact p#form_captcha {
width:251px;
float:left;
}

#_contact p#form_captcha img {
width:155px;
}

#_contact p#form_captcha input#captcha {
width:149px;
}

#_contact #form_submit {
width:251px;
float:left;
padding-top:28px;
}

#_contact input#submit {
float:right;
background:#313131 url(../img/footer/footer.jpg) repeat-x 0 0;
color:#fff;
padding:2px 5px;
}

#_contact input#submit:hover {
background:#fff url(../img/buttons/action_btn.png) repeat-x -5px -2px;
color:#000;
border:1px solid #333;
}


/* BOX 300 */

#home_media {
width:964px;
height:360px;
margin:5px auto;
margin-bottom:30px;
}

#page_ads {
width:964px;
height:350px;
margin:0 auto;
}

.box220 {
width:220px;
height:350px;
background:#f3f4e7;
border:2px solid #e6e7d4;
float:left;
}

.box220 img {
margin:4px;
border:1px solid #c3ba95;
}

.box220 p, .box220 h3 {
padding:5px 15px;
margin:0;
font-weight:normal;
}

.box220 h3 {
font-family: 'Droid Serif Regular', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
font-variant:small-caps;
color:#944321;
}

#box220_one {
margin:0 11px 0 0;
}

#box220_two, #box220_three {
margin:0 11px;
}

#box220_four {
margin:0 0 0 11px;
}

.box300 {
height:370px;
width:300px;
background:#f3f4e7;
border:2px solid #e6e7d4;
float:left;
}

.box300 img {
margin:4px;
border:1px solid #c3ba95;
}

.box300 p, .box300 h3 {
padding:5px 30px 0px 30px;
margin:0;
font-weight:normal;
}

.box300 h3 {
font-family: 'Droid Serif Regular', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
font-variant:small-caps;
color:#944321;
}

#box300_one {
margin:0 13px 0 0;
}

#box300_two {
margin:0 13px;
}

#box300_three {
margin:0 0 0 13px;
}

.col630 {
float:left;
height:360px;
}

.box630 {
width:630px;
background:#f3f4e7;
border:2px solid #e6e7d4;
float:left;
margin-right:13px;
}

.img146 {
margin:4px;
border:1px solid #c3ba95;
float:left;
}

.home_excerpt {
padding:5px 15px;
float:left;
width:444px;
}

.home_excerpt h3 {
font-family: 'Droid Serif Regular', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
font-variant:small-caps;
color:#944321;
font-weight:normal;
}

/* CONTENT */

#content {
width:964px;
margin:0 auto;
padding:0;
}

#content_box {
background:#f7f7f0;
padding:0 0 20px 0;
margin:0;
width:960px;
-webkit-border-radius: 15px 15px;
-moz-border-radius: 15px 15px;
border:2px solid #e6e7d4;
}

#content_box #page_col1 {
padding:0 15px;
width:190px;
}

#content_box #page_col2 {
padding:0 15px;
width:430px;
}

#content_box #page_col3 {
padding:0 15px;
width:190px;
}

#content h1 {
color:#944321;
border-bottom:1px solid #c3ba95;
margin:0 0 15px 0;
padding:20px 30px 5px 25px;
font-weight:normal;
font-size:24px;
font-family: 'Droid Serif Regular', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
font-variant:small-caps;
line-height:24px;
background:#fff;
-webkit-border-top-right-radius: 15px 15px;
-moz-border-radius-topright: 15px 15px;
-webkit-border-top-left-radius: 15px 15px;
-moz-border-radius-topleft: 15px 15px;
}

#content h2 {
color:#426e66;
font-family: 'Droid Serif Regular', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
font-variant:small-caps;
font-size:22px;
line-height:22px;
font-weight:normal;
border:none;
margin:0 0 15px 0;
padding:0;
}

#content h3 {
font-family: 'Droid Serif Regular', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
font-variant:small-caps;
font-size:20px;
line-height:20px;
font-weight:normal;
border:none;
margin:0 0 15px 0;
padding:0;
}

#content h4 {
font-size:16px;
line-height:16px;
font-weight:normal;
border:none;
margin:0 0 5px 0;
padding:0;
}

#content h3.h3_col3 {
color:#8b7435;
}

#content h3.h3_col2 {
color:#517875;
font-size:18px;
}

#content h3.h3_col1 {
color:#8b7435;
}

span.bracket {
color:#c3ba95;
}

#content_box #page_col1 ul.subnav li {
margin-left:15px;
}

#content p {
margin:5px 0;
}

#content ul {
margin-top:15px;
}

#content #page_col3 img {
padding:5px;
border:1px solid #c3ba95;
background:#fff;
}

#content_box #page_col1 ul.subnav {
margin-top:0;
padding-top:5px;
}

/* LINKS */

#links {}

/* ADS */

#ads {
background:#ccd8dc;
width:916px;
margin:10px auto;
padding:20px;
position:relative;
border:2px solid #7da0a5;
-webkit-border-radius: 15px 15px;
-moz-border-radius: 15px 15px;
}

#ads h3 {
margin:0;
padding:0 0 15px 0;
line-height:26px;
font-size:20px;
font-weight:normal;
color:#222;
letter-spacing:0.5px;
font-family: 'TitilliumText14L 600 wt', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
font-variant:small-caps;
}

#ads img {
float:left;
margin-right:30px;
}

.ad_copy {
width:710px;
float:left;
display:block;
}


/* FOOTER */

#copyright {
background:#bbc7cb;
height:40px;
width:956px;
margin:0 auto;
padding:35px 0;
position:relative;
z-index:10001;
top:-76px;
border:2px solid #7da0a5;
-webkit-border-top-right-radius: 15px 15px;
-moz-border-radius-topright: 15px 15px;
-webkit-border-top-left-radius: 15px 15px;
-moz-border-radius-topleft: 15px 15px;
}

#copyright p {
margin:0 auto;
text-align:center;
font-size:14px;
}

#copyright p#copy_email {
font-size:13px;
font-weight:normal;
text-transform:uppercase;
font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
padding-top:5px;
}

#copyright p#copy_email a:hover {
color:#a83b0c;
}

#footer {
background:#313131 url(../img/footer/footer.jpg) repeat-x top center;
height:100%;
width:956px;
margin:0 auto;
padding:15px 0 0px 0;
font-weight:normal;
position:relative;

top:0px;
-webkit-border-bottom-right-radius: 15px 15px;
-moz-border-radius-bottomright: 15px 15px;
-webkit-border-bottom-left-radius: 15px 15px;
-moz-border-radius-bottomleft: 15px 15px;
border:2px solid #000;
color:#aaa;
text-align:center;
font-size:14px;
letter-spacing:0.9px;
}

.ie6 #footer {
top:0;
}

#footer a {
color:#ddd;
}

#footer a:hover {
color:#c60;
}


/* MISC */

ul.no_list_style, ul.no_list_style li,  ul.no_list_style li a {
list-style:none;
padding:0;
margin:0;
}

img.borderless, a img.borderless {
border:none;
background:none;
}