/**
 * site.css file
 *
 * @copyright Doctor Net Ltd © 2009 
 * Except YUI Sections which are Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0
 * 
 */

/* --- YUI (CSS) Starts --- */ 
/* YUI Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{	font-size:100%;	font-weight:normal;}q:before,q:after {	content:'';}abbr,acronym { border:0;}
/* YUI Base */
h1 {font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{	list-style: disc outside;}dl dd {margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table{margin-bottom:1em;}
/** YUI Fonts 
 * 
 * px-% lookup
 * 10-77, 11-85, 12-93, 13-100, 14-108, 15-116, 16-123.1, 17-131, 18-138.5, 19-146.5, 20-153.9, 21-161.6, 22-167, 23-174, 24-182, 25-189, 26-197
 */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* --- YUI (CSS) Ends --- */ 

/**
 * Structure
 */
body {
}

#body_wrap {
   margin-left: auto;
   margin-right: auto; 
   width: 950px;
}

/**
 * Header
 */
#header {
   margin-top: 20px;
   overflow: hidden;
}

#main_nav {
   float: left;
}

#main_nav ul {
   display: inline;
   float: left;
   font-size: 120%;
   margin: 13px 0 0;
}

#main_nav ul li {
   border-left: 1px solid #F0008C;
   display: inline;
   margin: 10px 0;
   padding: 3px 25px;
}

#main_nav ul li:first-child {
   border-left: none;
   padding-left: 0;
}

#main_nav li a {
   color: #6C6D70;
   text-decoration: none;
}

#main_nav li a:hover {
   text-decoration: underline;
}

#main_nav li.active a {
   color: #F0008C;
   text-decoration: none;
}

#main_nav li.active a:hover {

}

#blog_nav {
   float: left;
}

#header #logo {
   float: right;
   height: 135px;
   text-align: center;
   width: 180px;
}
 
/**
 * Footer
 */
#footer {
   color: #6D6D70;
   font-size: 70%;
   margin-top: 20px;
   margin-bottom: 10px;
   text-align: center;
}

#footer p {
   line-height: 160%;
   margin: 0;
}

#footer #legals {
   margin-top: 10px;

}

#footer #legals a {
   color: #ED0280;
   text-decoration: none;
}

#footer #legals a:hover {
   text-decoration: underline;
}
 
/**
 * Content
 */
#content_wrap {
   clear: left;
   overflow: hidden;
}
 
.shout {
   font-family: helvetica, arial;
   font-size: 700%;
   font-weight: bold;
   letter-spacing: -6px;
   line-height: 90%;
   margin-bottom: 20px;
}

.shout .louder {
   font-size: 140%;
   letter-spacing: -10px;
   line-height: 80%;
}

.shout p {
   color: #EC0382;
   margin: 0;
   padding: 0;
}

.shout span.c1 {
   color: #F03598;
}

.shout span.c2 {
   color: #F467B0;
}
.shout span.c3 {
   color: #F799C9;
}

#main_content {
   display:inline;
   float:left;
   width: 770px;
}

.talk {
   margin-top: 20px;
   overflow: hidden;
}

.talk p {
   color: #6D6D70;
   line-height: 150%;
   margin-bottom: 3px;
   width: 500px;
}

.talk em {
   color: #F0008C;
   font-style: normal;
}

#sub_content {
   display: inline;
   float: right;
   width: 180px;
}

.block {
   background: #EC008C;
   color: #fff;
}

.block.news {
   padding-bottom: 10px;
}

.block h2 {
   font-size: 640%;
   letter-spacing: -5px;
   line-height: 0.3;
   margin: 0 0 20px -6px;
}

.block h3 {
   font-size: 138.5%;
   margin: 0;
   padding: 10px 10px 0;
}

.block h3 a {
   color: #fff;
   text-decoration: none;
}

.block h3 a:hover {
   text-decoration: underline;
}

.block p {
   font-size: 80%;
   margin: 0;
   padding: 0 10px;
}


#contact {
   font-size: 80%;
   margin-top: 20px;
   overflow: hidden;
}
 
#contact p {
   color: #6D6D70;
   display: inline;
   float: left;
   line-height: 140%;
   margin: 10px 0 10px 40px;
   width: 120px;
}

#contact p.first {
   margin-left: 0;
   width: 200px;
}

#contact p span {
   color: #ED0280;
}


#contact a {
   color: #ED0280;
   text-decoration: none;
}

#contact a:hover {
   text-decoration: underline;
}

#contact a.subtle {
   color: #6D6D70;
}

#contact a.subtle:hover {
   text-decoration: underline;
}

ul.plain {
   color: #6D6D70;
   float: left;
   font-weight: bold;
   margin-left: 0;
   width: 200px;
}

ul.plain li {
   line-height: 140%;
   list-style-type: none;
}

/**
 * Forms
 */
.left_labels {
   color: #6D6D70;
}

.left_labels .title {
   font-size: 138.5%;
   margin: 0 0 0 20px;
   padding: 10px 0;
   text-align: left;
}

.left_labels .display_group {
   clear: both;
}

.left_labels .label {
   clear: left;
   display: inline;
   float: left;
   font-size: 108%;
   margin: 3px 0;
   text-align: right;
   width: 200px;
}

.left_labels input,
.left_labels select,
.left_labels textarea {
   clear: none;
   display: inline;
   float: left;
   margin: 3px 15px 3px 8px;
   width: 420px;
}

.left_labels button#submit {
   clear: both;
   margin: 5px 0 0 208px;
}

.left_labels ul.errors {
   margin-left: 220px;
}

input[type=hidden] {
   display: none;
}

#contact_form {
   height: 250px;
   margin-left: 340px;
   width: 410px;
}

#contact_form .label {
   margin: 6px 0;
   text-align: left;
   width: 80px;
}

#contact_form input,
#contact_form select,
#contact_form textarea {
   border:1px solid #CCC;
   height:24px;
   line-height:150%;
   margin:6px 15px 6px 8px;
   width: 300px;
}

#contact_form textarea {
   height: 150px;
}

#submit { 
   position:relative;
   right:-80px;
   background: #FFFFFF none repeat scroll 0 0;
   border: 1px solid #FFFFFF;
   color: #666666;
   text-transform: uppercase;
}


#contact_form ul.errors {
   color: red;
   margin-left: 104px;
}
 
/**
 * Contact
 */
#contact_instructions {

}

#contact_instructions a {
   color: #F0008C;
   font-weight: bold;
   text-decoration: none;
}

#contact_instructions a:hover {
   text-decoration: underline;
}

#contact_instructions p {
   float: left;
   line-height: 130%;
   width: 300px;
}

#contact_instructions #directions {

}


#contact_instructions #alternative_contact {

}

/**
 * Blog
 */
.blog_articles {
   
}
 
.blog_articles h1,
.article h1 {
   color: #EC0382;   
   font-size: 700%;
   font-weight: bold;
   letter-spacing: -8px;
   line-height: 90%;
   margin: 20px 0;
}
 
.article {
   margin: 0 20px 30px 0;
}

.article p {
   color: #6D6D70;
}

.article h2 {
}

.article h2 a {
   color: #EC008C;
   text-decoration: none;
}

.article h2 a:hover {
   text-decoration: underline;
}

.article p.article_info {

}

.article p.article_content {

}

.article p.article_info {
   color: #999;
   font-size: 90%;
}

.article p.article_info a {
   color: #EC008C;
   text-decoration: none;
}

.article p.article_info a:hover {
   text-decoration: underline;
}

.article p.view_detail {

}

.article p.view_detail a {
   color: #EC008C;
   text-decoration: none;
}

.article p.view_detail a:hover {
   text-decoration: underline;
}
 
.blog_section {
   background: #EC008C;
   color: #fff;
   padding-bottom: 5px;
}

.blog_section a {
   color: #fff;
   font-weight: bold;
   text-decoration: none;
}

.blog_section a:hover {
   text-decoration: underline;
}

.blog_section h3 {
   font-size: 190%;
   letter-spacing: -2px;
   line-height: 1;
   margin: 10px 0;
   text-transform: lowercase;
}

.blog_section p {
   font-size: 1.2em;
   margin: 5px 10px;
}
 
.blog_categories h3 {
   margin: 0 0 10px;
}

p.latest_post_date {
   font-size: 90%;
   margin-top: 0;
   margin-bottom: 0; 
}

p.latest_post_date strong {
   font-weight: normal;
}

p.latest_post_title {
   margin-top: 0;
   margin-bottom: 10px;  
}

/**
 * Portfolio
 */
#portfolio_nav {
   float: left;
   display: inline;
   width: 200px; 
}

#portfolio_nav p{
   width: 170px;
}

#portfolio_nav ul {
   margin: 25px 0 0 0;
}

#portfolio_nav ul li {
   list-style: none;
   padding: 3px 0;
}

#portfolio_nav ul li.active {

}

#portfolio_nav ul li a {
   color: #F799C9;
   text-decoration: none;
}

#portfolio_nav ul li a:hover {
   text-decoration: underline;
}

#portfolio_nav ul li.active a {
   color: #EC0382;
}

#portfolio_display {
   background: transparent url(../images/portfolio/bg.png) repeat scroll 0 0;
   display: inline;
   float: left;
   height: 360px;
   width: 543px;
}

#portfolio_display p {
   width: auto;
}

#portfolio_frame {
   position: relative;
   height: 340px;
   width: 520px;
}

#portfolio_overview {
   left: 0;
   position: absolute;
   top: 0;
   width: 130px;
}

#portfolio_overview h2 {
   color: #EC0382;
   margin: 0;
   font-size: 90%;
}

#portfolio_overview p {
   font-size: 90%;
   width: 125px;
}

#portfolio_content_outer {
   position: relative;
   left: 130px;
   height: 330px;
   text-align: center;
   width: 260px;
}

#portfolio_content_inner {


}


#portfolio_content_inner img {
   vertical-align: middle;
}

#portfolio_content_overlay {
   background: #fff;
   display: none;
   height: 330px;
   position: absolute;
   left: 0;
   top: 0; 
   width: 260px;
}

#portfolio_content_inner a#player {
   padding-top: 60px;
}

#portfolio_frame #left_arrow {
   position:absolute;
   top: 142px;
}

#portfolio_frame #right_arrow {
   position: absolute;
   right: 0;
   top: 142px;
}

.clickable {
   cursor: pointer;
}

#map_canvas {
   border: 1px solid #666;
}

.kern_tweak_1 {
   margin-right: 6px;
}

.kern_tweak_2 {
   margin-left: 6px;
}

.kern_tweak_f {
   margin: 0 3px;
}