/* 
Description: Sibling Services
Version: 1.0
Released: 01/1/10
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */


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


html {background: #22211F;}

body {
	background: #171717 url(../images/body_bg.png) repeat-x 50% 0 ;
	color: white;
	font:75%/1.9 Lucida Grande, Verdana, Arial, Helvetica, sans-serif; /* Sets default size to 12pt */
	text-align: center;
	position: relative;
	min-width: 960px;
	background-attachment: fixed;
}

#branding {
	height: 120px;
	overflow: hidden;
}

#content_main {
	padding: 30px 0 35px 0;
	position: relative;
}

#home #content_secondary{
	background: #22211f url(../images/border_body.png) repeat-x 0 0;
	overflow:hidden;
}

#branding_container, #home #content_main, #home #content_secondary_container, #content_container, #site_info_container{
	width: 960px; 
	margin: 0 auto; 
	text-align: left;
}
	
.content #content_main {
	width: 640px;
	float: left;
}

.content #content_secondary {
	width: 290px;
	float: right;
	margin-top: 45px;
}


.content #content {
	min-height: 56px;
	background: url(../images/border_body.png) repeat-x 0 100%;
	overflow:hidden;
	clear:both;
}

#site_info {
	background: #22211f;
	overflow:hidden;
	clear:both;
	margin-bottom: 40px;
	padding-top: 50px;
}



/* =TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body * {
	font-size: 100%;
}
	
HTML {
	font-size: 100%;
}

p {
	margin-bottom: 17px;
}


h4{
	color: #A3E74C;
	font-size: 110%;
	margin-bottom: 3px;
}

h5 {
	font-weight: bold;
}

ul {
	margin-bottom: 10px;
}

#content_main li {
	margin-bottom: 1px;
	padding-left: 20px;
	list-style-type: none;
	background: url(../images/li.png) no-repeat 0 49%;
}


#content_main h2 {
	font-size: 281%;
	line-height: 37px;
	font-weight: normal;
	letter-spacing: -.01em;
	margin-bottom: 7px;
	text-transform: uppercase;
}

#content_main h3 {
	color: #347fc0;
	font-size: 150%;
	line-height: 37px;
	font-weight: normal;
	text-transform: uppercase;
}


p#description {
	font-size: 120%;
	line-height: 1.6;
	margin-bottom: 0px;
	color: #8e8e8e;
}



/* =NAV
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


#nav {
	background: transparent url(../images/nav_bg1.png) no-repeat 0 0;
	height:49px;
	width: 590px;
	right:0;
	top: 44px;
	position:absolute;
}


/* =SUB NAV
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#sub_navigation, #sub_navigation ul, #sub_navigation li  {
	margin-bottom: 0;
}

#sub_navigation ul {
	padding-bottom: 8px;
}

#sub_navigation li {
	border-bottom: 1px solid #3a3a3a;
	background: none;
	padding-left: 0;
}

#sub_navigation li.category h3 {
	padding: 7px 0;
}

#sub_navigation li.category:first-child h3 {
	padding-top:0;
}


#sub_navigation li li {
	border: none;
	margin-bottom: 1px;
}


#sub_navigation h3 {
	outline: none;
	border: 0;
	margin-bottom: 0px;
}

#sub_navigation h3:hover {
	cursor: pointer;
}

#sub_navigation li a {
	display: block;
	color: white;
	padding: 2px 0;
	padding-left: 10px;
}
#sub_navigation li a:hover {
	background: #2E2D2C;
	border: none;
	color: #a3e74c;	
}

#sub_navigation li a.bbq-current {
	background: #2E2D2C;
	border: none;
	color: #a3e74c;	
}

#sub_navigation li ul li a {
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}


/* = SERVICES NAV
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


#content_main #services_nav li  {
	background: none;
	padding-left: 0;
}

#content_main #services_nav {
	background: transparent url(../images/nav_bg_services.png) no-repeat 0 0;
	position: static;
	width: auto;
	overflow: hidden;
	margin-bottom: 20px;
}

#content_main #lavaLampBasicImage {
	left: 16px;
}

#content_main #lavaLampBasicImage li a {
	letter-spacing: normal;
	color: #A3E74C;
	font-size: 95%;
}



/* =LINKS- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.action_link {
	margin-top: 10px;
	text-align:right;	
	font-weight: bold;
}

#portfolio .action_link {
	text-align:left;	
}

.action_link a:link, .action_link a:visited {
	color: #a3e74c;	
	text-decoration: none;
}

.action_link a:hover {
	border-bottom:1px dotted #a3e74c;
}

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

a:hover{
	border-bottom:1px dotted #a3e74c;
}



/* =Branding
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#branding_container {
	position: relative;
}

#branding h1 {
	text-indent: -9999px;
	position: relative;
	top: 28px;
	left: 0px;
}

#branding h1 a {
	display: block;
	background: url(../images/logo.png) no-repeat 0 0;
	height: 79px;
	width: 254px;
}

#branding h1 a:hover, #home .coda-slider-wrapper a:hover, #about .coda-slider-wrapper a:hover, a.no_underline:hover{
	border-bottom: none;
}

p#questions {
	position: absolute;
	right: 0;
	top:10px;
	color: #8e8e8e;
	font-size: 91%;
}

a#request_quote:link, a#request_quote:visited {
	
	text-decoration: none;
	margin-left: 25px;
}

#branding #sibling_logo {
	display:none;
}


/* =HOME
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#home h2 {
	text-transform: none;
	font-size: 251%;
	text-indent: -9999px;
	width: 960px;
	height:32px;
	background: url(../images/h2_home_innovate.png) no-repeat 0 0;
}

#latest_work {
	position: absolute;
	z-index: 1;
	right: 0;
}



/* FEATURES */


.feature {
	width: 290px;
	float: left;
	margin: 0 0 50px 0;
	line-height: 1.8em;
	position: relative;
}


.feature p {
	margin-bottom: 10px;
}

.feature h3 {
	font-size: 118%;
	text-transform: uppercase;
	font-weight: normal;
	color:#347fc0;	
	margin-bottom: 10px;
	border-bottom: 1px solid #3a3a3a;
	padding-bottom: 2px;
}

.feature h3 a {
	color:#347fc0;
}

.feature h3 a:hover {
	border: none;
}


.feature li {
	margin-bottom: 1px;
	background: url(../images/li.png) no-repeat 0 50%;
	padding-left: 18px;
}

#home .feature {
	margin: 35px 45px 35px 0;
	width: 290px;
}

#home .feature.last {
	margin-right: 0;
	border-right: 0;
	padding-right: 0;
}


#feature-blog a#feed {
	position:absolute;
	right:0;
	top: 2px;
}

#feature-blog a#feed:hover {
	border: none;
}

#feature-blog li {
	line-height: 1.5em; 
	background: url(../images/blog_blue.png) no-repeat 0 4px;
	padding-left: 20px;
}

#feature-blog .date {
	font-style: italic;
	color: #a2a2a2;
}



/* =SECONDARY */


.content h2 {
	text-indent: -9999px;
	height:32px;
}

#before_after h2 {
	text-indent: -9999px;
	width: 300px;
	height:32px;
	background: url(../images/h2_before_after.png) no-repeat 0 0;
}


#portfolio h2 {
	text-indent: -9999px;
	width: 205px;
	height:32px;
	background: url(../images/h2_our_work.png) no-repeat 0 0;
}

#services h2 {
	width: 177px;
	background: url(../images/h2_services.png) no-repeat 0 0;
}

#about h2 {
	width: 190px;
	background: url(../images/h2_company.png) no-repeat 0 0;
}

#contact h2 {
	width: 179px;
	background: url(../images/h2_contact.png) no-repeat 0 0;
}

#roseville_web h2 {
	width: 440px;
	background: url(../images/h2_roseville_web.png) no-repeat 0 0;
}

address {
	margin-bottom: 10px;
}

.right {
	float: right;
}







/* =CONTACT FORM*/

input, textarea {
	background: #1d1c1a;
	padding: 7px;
	border: 1px solid #3b3936;
	color: white; 
}

input:focus, textarea:focus {
	border: 1px solid #347FC0;
}

form p { 
	color:#5E5E5E;
	position:relative;
	 
}

#label_name  { 
	position:absolute;
	top:4px;
	left:10px;
}

#label_email {
	position:absolute;
	top:4px;
	left:160px;
}

#feature-newsletter #name {
	float: left;
	width: 125px;
}
#feature-newsletter #email {
	float: right;
	width: 125px;
}

#submit {
	background: #347fc0;
	border: 1px solid #4ba4f1;
	padding: 4px 12px;
	float: right;
	margin-top: 8px;
	clear: both;
}

#submit:hover {
	cursor:pointer;
}

#contact_form #submit {
	position: relative;
	left: 118px;
	float: none;
}

fieldset {
	margin-bottom: 15px;
	border-top: 1px solid #3A3A3A;
	margin:30px 0;

	font-weight: bold;	
}

legend {
	font-size: 120%;
	font-weight: normal;
	color:#347FC0;
	text-transform: uppercase;
}
	

#contact_form fieldset ul li {
	margin: 9px 0;
	background: none;
}

label.text,label.select,label.textarea {
	width: 110px;
	text-align: right;
	padding-right:10px;
	float: left;
}

label.textarea {
	vertical-align: top;
}
	
textarea {
	height:150px
}	
     
.text.field,.textarea.field {
	padding: 5px;
	font: normal 12px/18px 'Lucida Grande', verdana, sans-serif;
}

.error {
	color: red;
	padding-left: .5em; 
	vertical-align: top; 
	margin-left:116px;
	float:none;
	text-align:left;
}

#newsletter_form .error {
	margin-left: 10px;
	font-size: 90%;
}

#newsletter_form #error_email {
	margin-left: 10px;
	padding: 0;
}

#newsletter_form #error_name {
	float: left;
	width: 140px;
	padding: 0;

}


#newsletter_form #success {
	margin-left: 0;
	font-size: 90%;
	color:#A3E74C;
	padding-left: .5em; 
	float: right;
}

/* =SITE INFO
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#site_info p {
	text-align: right;
	color: #898989;
	font-size:91%;
	line-height: 1.4em;
	
}

#site_info_logo  {
	width: 45px;
	height: 65px;
	background: url(../images/logo_footer.png) no-repeat 0% 0%;
	display: block;
	float: right;
	margin: -9px 0 0 10px;
}

#site_info_logo:hover {
	background-position: 0% 100%;
	border: none;
}


#site_info a:link, #site_info a:visited {
	color: #898989;
}

#site_info a:hover {
	color: white;
	border: none;
}

#site_info ul {
	float: left;
	margin-top: 13px;

}
#site_info li {
	float: left;	
}
#site_info li a {
	padding: 5px 20px;
	text-transform: uppercase;
	font-size:91%;
	letter-spacing: .01em;
}

#site_info li a:first-child {
	padding-left: 0;
}


ul#social {
	margin-top: 0;
}

#social li a {
	padding: 0 10px;
}

#social li a img {
	opacity: 0.4;
	border: none;
	margin: 0;
}

#social li a:hover img {
	opacity: 1;
}


/* =MISC
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#portfolio_content { background: none;}
#portfolio_content body { text-align: left; width: 960px;margin: 50px auto 20px auto;}
#portfolio_content h3 {
	color: #347fc0;
	font-size: 150%;
	line-height: 37px;
	font-weight: normal;
	text-transform: uppercase;
}

#portfolio img {
	margin: 15px 0;
	border: 5px solid #303030;
}


#before_after img {
	margin: 15px 0;
}

#portfolio iframe {
	border:5px solid #303030;
	margin:15px 0;
}


#portfolio .bbq-loading img {
	border: 0;
	position: relative;
	top: 140px;
	left: 310px;
	
}
.accent_color {
	color:#347fc0;
}





/* =SacTweetUp Landing Page
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#sactweetup #content_main {
	width: 600px;
	padding: 0;
	padding-bottom: 40px;
}

#sactweetup #content_secondary {
	width: 300px;
	margin: 0;
}

#sactweetup #content_main h3 {
	font-size: 190%;
}

#sactweetup fieldset {
	margin-top: 10px;
}

#sactweetup label.text,#sactweetup label.select {
	width: 88px;
	text-align: right;
	padding-right:10px;
	float: left;
}

#sactweetup input.text {
	width: 190px;
}

#sactweetup fieldset ul li {
	margin: 0px 0 15px 0;
	clear: both;
}

#sactweetup #terms label {
	float: none;
	padding: 0;
	width: auto;
}

#sactweetup #terms {
	text-align: right;	
}

#sactweetup .error {
	font-weight: normal;
	margin-bottom: 10px;
	text-align: right;
	margin-left: 0;
}

#sactweetup .feature {
	margin-top: 10px;
}

.topsy-sm {
	display: none;
}

#terms_container {
	font-size: 91%;
	color:#8E8E8E;
	line-height: 1.5;
}