@charset "UTF-8";
/*
Theme Name: CreativeGoTo
Theme URI: http://creativegoto.com
Description: This is the base theme for creativegoto.com
Author: Damon Sharp
Tags: base, creativegoto
*/ 

/* CSS Document */

/* Main Colors Used 
**
** B50938 - logo red
** 333333 - drk gray
** CCCCCC - lt gray
** F0F0F0, E0E0E0, C0C0C0, B0B0B0, A0A0A0, 151515 (gray - lt to drk)
** E9D119 - gold/yellow
*/
	
/* RESETS */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0; outline: none;}
p {clear: both;	margin: 0.5em 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, li {list-style: none; overflow: hidden;}
q:before, q:after {content: '';}

/* DEFAULTS */

html, body {height: 100%;}
strong {font-weight: bold;}
em {font-style: italic;}
a img {	border: none;} /* Gets rid of IE's blue borders */
div {position: relative; overflow: hidden;} /* Position all divs with relative positioning and clear any floats */
.directions {margin: 0 0 20px 0; padding-bottom: 10px; border-bottom: 1px solid #F0F0F0;}
label {margin: 5px 0 0; clear: both;}
select {color: #333; padding: 2px; border: 1px solid #C0C0C0;}
option {color: #333; padding: 0 0 0 6px;}
small {	color: #A0A0A0;}
input, textarea, select {margin-top: 5px;	font-size: 11px;}
input {padding: 4px; color: #333; border: 1px solid #C0C0C0; vertical-align: text-bottom;}
textarea {padding: 5px; color: #333;	clear: both; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.noborder {border: none;}
.buttons {margin: 10px 0 0 0;}
.rb {-moz-border-radius: 6px;	-webkit-border-radius: 6px;}
.rb4 {-moz-border-radius: 4px;	-webkit-border-radius: 4px;}
.rb14 {	-moz-border-radius: 14px; -webkit-border-radius: 14px;}
.clear {clear: both; }
.clear-left {	clear: left;}
.clear-right {clear: right;}
.inline {	display: inline;}
noscript p {display: block; padding: 20px; margin: 0 auto 20px; width: 600px; text-align: center; font-size: 16px; font-weight: bold; border-top: 2px solid #B50938; border-bottom: 2px solid #B50938;}

/* TOPOGRAPHY */

body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; font-size: 12px;	background: url(images/site_body_bg_med.jpg) top left repeat;}
h1, h2, h3, h4, h5, h6 {display: block; font-weight: normal; margin: 0 0 5px 0; font-size: 100%;}
h1 {font-size: 20px;}
.page-header {	color: #B50938;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 10px;}
h6 {font-size: 9px;}
a {text-decoration: none;}
a:link, a:visited {color: #B50938;}
a:hover, a.selected {color: #666;}
/* text replacement */
.cgt-text {background: url(images/text_replacement/cgt_text.png) left center no-repeat; text-indent: -9999em; clear: right;}
#mission-tagline {background: url(images/text_replacement/mission_tagline_text.png) left center no-repeat; text-indent: -9999em; height: 80px;}

/* BASE CONTAINERS */
.main-containers {width: 960px; padding: 0 10px; clear: both;}
#masthead {height: 200px; margin: 0 auto; background: url(images/masthead_bg.png) top center no-repeat;}
/*masthead navi */
#cse-search-box {overflow: hidden; height: 30px;}
#cse-search-box div {color: #333; position: absolute; right: 20px; top: 0; height: 60px;} /* google search form */
#search-dir {border: none; font-size: 11px; width: 130px; padding: 3px; margin: 2px 0 0 0; border: 1px solid #ccc;}
#go-button {border: none; background: url(images/comm_sprites_2.gif) 0px -180px no-repeat; font-size: 12px; cursor: pointer; position: absolute; right: 0; top: 25px; height: 29px; width: 29px;}
#go-button:hover {background: url(images/comm_sprites_2.gif) 0px -210px no-repeat;}
#cse-search-results {width: 550px; overflow: hidden;}
.nav-wrap {position: absolute; top: 90px; right: 135px; text-align: right;}
.nav-wrap ul {padding: 5px 5px 5px 30px; border-bottom: 2px solid #B50938;}
.nav-wrap ul li {display: inline; padding: 0 0 0 3em; text-transform: uppercase; }/* Navigation list item set by Wordpress function */
.page_item a:link, .nav-wrap a:visited {color: #333;}
.page_item a:hover, .current_page_item a:link, .current_page_item a:visited, .current_page_parent a:link, .current_page_parent a:visited {color: #B50938;}
#tagline {position: absolute; top: 120px; right: 135px; height: 30px; z-index: 100; margin: 0; text-indent: -9999em; background: url(images/text_replacement/tagline.png) center left no-repeat; width: 480px;}
#breadcrumbs {position: absolute; bottom: 0; left: 270px; padding-top: 5px; width: 600px;overflow: hidden;}
#cr {color: #AAA; font-size: 10px; clear: both; text-align: center; padding-top: 40px;}
#rss-info-wrap {display: none; background: none; border-top: 1px solid #CCC; position: absolute; top: 65px; z-index: 1000; padding: 0 10px 10px 10px; width: 300px; left: 328px;}
#rss-info {background: #FFF; border: 2px solid #333; border-top: none; margin: 0 10px 10px 10px; padding: 10px 10px 30px 10px;}
#wrapper {margin: 0 auto; background: url(images/site_main_content_bg.png) top center repeat-y; padding-bottom: 100px;}
#footer {height: 300px; width: 100%; text-align: center; background: #444444 url(images/footer_bg.png) top center no-repeat; color: #DDDDDD;}
#f-lists-wrap {width: 665px; text-align: center; margin: 40px auto 20px;}
.f-links {float: left; clear: none; padding: 20px 40px; text-align: left; overflow: hidden;}
.f-links h3 {color: #E9D119; padding-bottom: 0; margin-bottom: 10px; border-bottom: 1px solid #E0E0E0; white-space: nowrap;}
.f-links ul li a:link, .f-links ul li a:visited {color: #FFF;}
.f-links ul li a:hover {color: #CCCCCC;}
#logo {position: absolute; top: 70px; left: 90px; z-index: 1;}
.social-search {position: absolute; display: block; width: 980px; height: 95px; top: 0; right: 0; overflow: hidden; clear: both;}
#social, #social a, #search {width: 340px; height: 95px; position: absolute; top: 0; z-index: 1002;}
#search {right: 4px; background: url(images/socialize_sprite2.png) transparent 0px -215px no-repeat; z-index: 1000;}
#social {left: 4px; background: url(images/socialize_sprite2.png) transparent 1px -107px no-repeat;}
#social-list {width: 800px; margin: 20px auto 0; padding: 20px;}
#social-list li {float: left; height: 220px; width: 210px; overflow: hidden; margin: 0 25px;}
.tout-content {float: left; clear: none; clear: none; height: 200px; width: 170px; padding: 10px 20px; background: url(images/tout_content_bg.png) top left repeat-x; color: #FFF;}
.tout-content a:link, .tout-content a:visited {color: #EEEEEE;}
.tout-content a:hover {color: #DDDDDD;}
.tout-content img {position: absolute; top: 0; left: 0; cursor: pointer;}
.tout-content small {color: #DDDDDD;}
#twitter-content, .tout-content div {padding: 6px 0; overflow: visible;}
#twitter-content h1 {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #fff;}
#twitter-content h4 {margin-top: 10px;}
#twitter-content h5 {clear: both;}
#twitter-content ul {float: left; margin-top: 20px; overflow: hidden}
#twitter-content ul li {margin: 0; padding: 0; width: 100%;}
#twitter-content a {display: block; clear: both; float: left;}
#twitter_update_list {height: 80px;}
#twitter-tout {background: url(images/social_touts_sprite.png) -10px -10px no-repeat;}
#facebook-tout {background: url(images/social_touts_sprite.png) -10px -218px no-repeat;}
#rss-tout {background: url(images/social_touts_sprite.png) -10px -426px no-repeat;}
/* start sidebars */
#sidebar {float: left; clear: left; width: 140px; overflow: hidden; margin: 25px 40px 0 0; padding-left: 80px;}
#mission {margin-right: 5px;}
#mission div {height: 600px;}
.sidebar-lists {text-transform: none; margin: 0 0 10px 0;}
.sidebar-lists li {margin-bottom: 5px;}
#sidebar .page_item a:link, #sidebar .page_item a:visited, #sidebar a:link, #sidebar a:visited {color: #333;}
#sidebar .page_item a:hover, #sidebar .current_page_item a:link, #sidebar .current_page_item a:visited, #sidebar a:hover {	color: #B50938;}
/* end sidebars */

/* HOME PAGE */
#cgt-blip {margin-bottom: 20px; width: 574px;}
#offerings {display: inline; float: left; clear: both; height: 200px; width: 500px; background: url(images/home_touts_bg.jpg) top left no-repeat; padding: 13px 30px 0; overflow: hidden; text-align: center;}
#offerings li {float: left; clear: none; padding: 0 21px; text-align: center;}
#offerings li a {display: block;}
#offerings p {clear: left; text-transform: uppercase; color: #333; font-size: 14px;}
#offerings h2 {margin-top: 10px; text-align: center;}
#offerings h2 a {float: left; width: 95px; height: 20px; margin: 10px auto; text-indent: -9999em; padding-left: 15px;}
#services-text {background: url(images/hp_nav_text.png) 50% -31px no-repeat;}
#services-text:hover {background: url(images/hp_nav_text.png) 50% 0 no-repeat;}
#about-us-text {background: url(images/hp_nav_text.png) 50% -93px no-repeat;}
#about-us-text:hover {background: url(images/hp_nav_text.png) 50% -62px no-repeat;}
#portfolio-text {background: url(images/hp_nav_text.png) 50% -155px no-repeat;}
#portfolio-text:hover {background: url(images/hp_nav_text.png) 50% -124px no-repeat;}
#sit-back {	clear: both; width: 650px; height: 250px; float: left;	background: url(images/red_chair.jpg) top right no-repeat;}
#sit-back-caption {position: absolute; top: 80px; left: 0; color: #B50938; background: url(images/text_replacement/sit_back_text.png) left center no-repeat; text-indent: -9999em; height: 40px; width: 412px;}

/* NEWS PAGE */
.post, .post-odd, .post-content-odd, #post-wrap {margin: 20px 0 20px 0; float: right; clear: none; padding: 0; width: 700px;}
.post-page, .post-page-odd {margin: 20px 0 40px 0; float: right; clear: none; padding: 0 100px 0 0; width: 600px;}
.post h2, .post h2 a:link, .post h2 a:visited, .post-content h2 a:link, .post-content h2 a:visited {color: #B50938;}
.post h2 a:hover, .post-content h2 a:hover {color: #333;}
.post-odd h2 a:link, .post-odd a:link, .post-odd h2 a:visited, .post-odd a:visited, .post-content-odd h2 a:link, .post-content-odd a:link, .post-content-odd h2 a:visited, .post-content-odd a:visited {color: #333;}
.post-odd h2 a:hover, .post-odd a:hover, .post-content-odd h2 a:hover, .post-content a:hover {color: #B50938;}
.postdate {margin-right: 10px;	text-align: center;	float: left; clear: none; width: 55px; height: 73px; background: url(images/post_bg_sprites.gif) center -6px no-repeat; color: #FFFFFF; padding: 4px;}
.post-odd .postdate, .post-content-odd .postdate {	background: url(images/post_bg_sprites.gif) center -88px no-repeat;}
.postmonth {font-size: 18px;	margin: 0;}
.postday {font-size: 18px; margin: 0;}
p.posttime {width: 40px;	padding-top: 3px;	border-top: 1px dashed #FFF; font-size: 9px; text-align: center; margin: 3px auto;}
#comments-wrap {width: 555px; margin: 20px 0 0 20px; padding-top: 20px; border-top: 1px solid #EEE; overflow: hidden; clear: both;}
h3#respond {margin-bottom: 20px;}
.article {width: 480px; float: left;	clear: none;}
.sociable_tagline {	margin-bottom: 5px;}
#subscriptions {height: 30px; line-height: 30px; font-size: 11px; margin-bottom: 20px;}
#email-form {font-size: 10px;}
#email-form input {width: 160px;}
#email-subscription {padding-top: 10px;	margin-top: 10px;	border-top: 1px solid #A0A0A0;}
.button {display: block; height: 24px; margin-top: 8px; background: url(images/button_bg_sprite.png) 0px 0px repeat-x; color: #FFFFFF; border: none; padding: 4px 10px 6px; cursor: pointer;}
.button:hover {background: url(images/button_bg_sprite.png) 0px -30px repeat-x;}
.button-small {display: block; height: 18px; line-height: 18px; margin-top: 8px; background: url(images/button_bg_sprite.png) 0px 0px repeat-x; color: #FFFFFF; border: none; cursor: pointer; padding: 0px 6px 2px 6px;}
.button-small:hover {background: url(images/button_bg_sprite.png) 0px -30px repeat-x;}
#email-form #enews-button {width: 70px;}
#post-nav {}
#post-nav {clear: both; float: left;height: 30px; line-height: 30px; width: 555px; margin: 20px 0 0 20px; position: relative;}
.prev-post {position: absolute; right: 0;}
.next-post {position: absolute; left: 0;}
p.meta-info {margin: 10px 0 20px; padding-top: 10px; border-top: 1px dashed #CCC;}
.post-content-odd p.meta-info a:link, .post-content-odd p.meta-info a:visited, .post-content p.meta-info a:hover {color: #333333;}
.post-content-odd p.meta-info a:hover, .post-content p.meta-info a:link, .post-content p.meta-info a:visited {color: #B50938;}

/* SINGLE ARTICLE PAGE */
#commentform {margin-bottom: 50px;}
#commentform input, #commentform label {clear: both; float: left;}
#comment {float: left; margin: 10px 10px 10px 0;}
#comment-button {height: 25px;}
#submit {float: left; clear: both;}
.alt {background: #E0E0E0;} /* class for styling odd numbered comments */

/* SERVICES PAGE */
#specialties {display: block; padding-bottom: 100px;} /* ul of service "touts" */
#specialties li {float: left;	width: 270px;	padding: 10px 25px 10px 0; height: 100px;}
.small-logos {width: 30px; float: left; clear: none; display: inline;}
.service-touts {width: 230px; float: right; clear: none; display: inline;}
#last-service-tout {padding: 0; margin-top: -50px;}
#our-offerings {margin: 20px 0 10px 0; padding-top: 20px;	border-top: 1px solid #EEE; color: #000;}

/* INDIVIDUAL SERVICES - ALL PAGES */
.ui-tabs {margin: 20px 0 0 0;}
.ui-tabs-nav {float: left; clear: none; margin: 5px 20px 0 0; background: url(images/red_bracket.png) top right no-repeat; width: 170px; min-height: 150px;}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited{color: #333;}
.ui-tabs-nav a:hover, .ui-tabs-selected a:link, .ui-tabs-selected a:visited {font-weight: bold;}
.ui-tabs-panel {float: left; clear: none; width: 410px;}
.ui-tabs .ui-tabs-hide {display: none;}
.ui-tabs div {height: 250px;}
.ui-tabs h2 {padding-bottom: 2px; margin-bottom: 2px; border-bottom: 1px solid #CCCCCC;}
#tabs .ui-tabs-panel ul li {list-style-type: circle; list-style-position: inside; margin-left: 5px; padding-left: 5px;}

/* ABOUT PAGE */
#about-cgt {display: inline;}
#about-cgt li {margin: 40px 12px; float: left; height: 260px; width: 190px; padding: 20px 25px; background: transparent url(images/about_touts_bg2.png) top left no-repeat; position: relative; overflow: hidden; color: #151515;}
#about-cgt h1 {padding-bottom: 4px; margin-bottom: 20px; border-bottom: 1px solid #B50938;}
#about-cgt h2 {position: absolute; bottom: 20px; right: 30px; background: url(images/vew_portfolio_text.png) center center no-repeat; text-indent: -9999em;}
#about-cgt h2 a {display: block; height: 30px; width: 135px;}
.about-categories {margin: 0;	padding: 0; width: 280px; height: 150px; padding: 30px; float: left; clear: none;}
#about {border-right: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; margin: -1px 0 -1px 0;}
#service {border-top: 1px solid #D0D0D0; border-left: 1px solid #D0D0D0; margin: -1px 0 0 1px;}
.services-sub {	padding-bottom: 150px; background: url(images/services_child_bg.jpg) 330px bottom no-repeat;}
#experience {clear: left; margin: 0 0 80px -1px;}
.about-us {	height: 620px;	background: url(images/compass_bg.png) right bottom no-repeat;}
.services {padding-bottom: 120px; background: url(images/services_bell.jpg) 375px bottom no-repeat;}
.contact-us {height: 740px; background: url(images/telephone.jpg) 360px bottom no-repeat;}

/* CONTACT PAGE */
#google-map {overflow: hidden; float: left; clear: both; margin: 20px 0; padding: 5px;	border: 1px solid #E9D119; background: #F2EFE9;}
#contact-form {margin: 0 auto 20px;}
.cgt-forms li {float: left; clear: both; margin: 5px 0;}
.form-notifications {margin: 10px 0 20px; padding: 10px 0 15px; border-top: 2px solid #333; border-bottom: 2px solid #333;}
.form-fields {float: left; clear: right; margin-right: 8px;}
.desc {display: block; clear: left;}
.names {display: block; clear: both;}
.form-lists, .form-lists-error-indicator {margin: 10px 0 0 0;}
.instruct {font-weight: bold; margin: 0; color: #B50938;}
.message {	width: 450px; border: 10px solid #333; margin: 0 0 40px 0; padding: 20px;}
.message-title {margin: 0 0 10px 0; padding: 0;}
.message p {margin: 0 0 10px 0;	color: #B50938;}
.message ul {font-weight: bold;}
.message li {margin-bottom:  5px;}
#location {	position: absolute; top: 60px; right: 20px; padding: 10px; border: 1px solid #B50938; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#location li {line-height: 1.3em;}
#map {	display: none; padding-top: 20px;}
#sec-quest {padding: 10px 0 0 0;}
#quote-projects {padding: 0; margin: 0}

/* 404 PAGE */
#page-not-found {width: 600px; margin: 50px auto 200px;	padding: 20px; text-align: center; border: 3px solid #B50938;}
#page-not-found img {width: 170px; float: left; clear: none;}
#not-found-message {float: right; clear: none; width: 430px; margin-top: 30px;}
#nf-header {border-bottom: 1px solid #E0E0E0; margin-bottom: 10px;	padding-bottom: 10px;}

/* Alternate Social Media Page for those with Javascript turned off */
#social-networks {margin-bottom: 40px;}
#social-networks li {clear: none;}
.sm-content img, .sm-content div {float: left; clear: none;}
.tout-image {margin-left: -10px; display: inline;}
.sm-content div {padding: 20px;}
.sm-content a {display: block; overflow: hidden;}
.sm-content h3 {height: 30px; border-bottom: 1px solid #E0E0E0;}
.sm-content h3 img {padding-right: 10px;}
.sm-content #rss-subscription, .sm-content #email-subscription {border: none; padding: 0; margin: 0;}
#subscriptions {display: inline;}
#subscriptions li {float: left; clear: none; border: none; padding: 30px 40px 0 20px; margin: 0; overflow: hidden;}

/* More defaults */
.border-bottom {border-bottom: 1px solid #E0E0E0;}

/* PORTFOLIO */
.post-page-wide {width: 800px; margin: 20px 0 0 80px;}
#portfolio-container {border: 7px solid #B50938; margin: 0 0 40px 0; clear: both;}
#project-main {width: 580px; height: 440px; float: right; clear: none; background: #fff; text-align: left;}
#project-img-lg {float: left; clear: none;}
#project-info {width: 580px; position: absolute; bottom: 0; right: 0; padding: 25px 0 0 0;}
#project-info-tab {position: absolute; display: block; top: 0; right: 10px; height: 25px; width: 86px; background: transparent url(images/portfolio_project_info_toggle_sprite.png) -86px 0 no-repeat; color: #fff; z-index: 1000; clear: both;}
#project-info .show {background: transparent url(images/portfolio_project_info_toggle_sprite.png) 0 0 no-repeat; z-index: 1000;}
#project-info-content {width: 560px; background: #0A0A0A; padding: 10px; color: #eeeeee; border-top: 2px solid #B50938;}
#project-thumbs-wrap {width: 198px; height: 440px; float: left; clear: none; border-right: 8px solid #B50938;}
#project-thumbs-list {width: 100%; position: absolute; top: 20px; left: 0; overflow: hidden;}
#project-thumbs-list li {height: 60px; width: 178px; padding: 10px; margin: 0; background: url(images/proj_list_bg_sprite.png) 0 -1px repeat-x;}
#project-thumbs-list li:hover {cursor: pointer; background: url(images/proj_list_bg_sprite.png) 0 -80px repeat-x; color: #FFFFFF;}
#project-thumbs-list li.active {cursor: pointer; background: url(images/proj_list_bg_sprite.png) 0 -160px repeat-x; color: #FFFFFF;}
#project-thumbs-list li img {width: 26px; float: left; clear: none; padding: 10px 7px 15px; background: transparent url(images/proj_thumbs_stamp_bg.png) top left no-repeat; margin-top: 5px;}
.thumb-info {width: 125px; float: right; clear: none; margin: 5px 10px 0 0;}
.thumb-info h5, .thumb-info p {display: none;}
.project-thumbs-nav {position: absolute; height: 20px; width: 100%; background: #B50938; color: #FFFFFF; text-align: center; left: 0; text-indent: -999em;}
#project-thumbs-nav-top {top: 0; background: url(images/proj_nav_sprite2.png) 0 0 no-repeat;}
#project-thumbs-nav-top:hover {top: 0; background: url(images/proj_nav_sprite2.png) 0 -21px no-repeat;}
#project-thumbs-nav-bottom {bottom: 0; background: url(images/proj_nav_sprite2.png) 0 bottom no-repeat;}
#project-thumbs-nav-bottom:hover {bottom: 0; background: url(images/proj_nav_sprite2.png) 0 -41px no-repeat;}
.success {display: none;}
a.readmore:link, a.readmore:visited {color: #DFD241;}
a.readmore:hover {color: #ccc145;}