/*
Theme Name: MPC Studios Inc.
Theme URI: http://mpcstudios.com/
Description: MPC Studios Inc. Website theme.
Version: 1.0
Author: MPC Studios
Author URI: http://mpcstudios.com/
*/



/* Begin Typography & Colors */
#page-content {border-top:1px solid white;}
#page-content p {padding-right:15px;}
#page-content p a {color:#ca7d33;}
#page-content p a:hover {text-decoration:none;}
body, html {
font-family:Arial,Helvetica,sans-serif;
height:100%;
margin:0;
padding:0;
}
body, td, p {
color:#6a798d;
font-size:11px;
}
body {
color:#77787B;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
height:100%;
margin:0;
padding:0;
}
body td, body p {
font-size:11px;
}
p {
line-height:19px;
margin-bottom:10px;
margin-top:10px;
}
h1 {
font-size:19px;
margin:12px 2px 5px;
}
h2 {
color:#F5983E;
font-size:21px;
margin:2px 2px 5px;
}
#wrapper {
background-image:url(images/bg.jpg);
background-repeat:repeat-y;
height:auto;
margin-left:auto;
margin-right:auto;
width:1000px;
}
#content-wrapper {
background-color:white;
background-image:url(images/content-wrapper-bg.png);
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
padding-left:3px;
padding-top:0;
width:867px;
}
#left-column {
float:left;
height:100%;
width:252px;
}
#right-column {
float:left;
width:615px;
}
#logo {
border-bottom:3px solid white;
height:126px;
width:249px;
padding:0 1px;
}
#navigation {
background-color:#F6972A;
width:249px;
font-family:'Bell Gothic Std', Arial, Helvetica, sans-serif!important;

}
#navigation ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#navigation a {
border-bottom:1px solid #F5770E;
border-top:1px solid #FEC958;
color:white;
display:block;
font-size:18px;
height:18px;
padding:8px 15px 5px 0;
text-align:right;
text-decoration:none;
width:234px;
}

#navigation li.current_page_item a,
#navigation li.current_page_parent a,
#navigation li.current_page_ancestor a,
#navigation a:hover {
background-color:white;
border-color:white;
color:gray;
width:234px;
padding-right:11px;
border-right:4px solid #F9961F;
}

#navigation li.current_page_item a {cursor:default;}

#tour {
background-color:#939598;
height:215px;
width:249px;
border-top:3px solid white;
}
#blog {
background-color:#77787B;
width:249px;
border-top:3px solid white;
}
.blog-header {
border-bottom:1px solid #ADAEAF;
border-top:1px solid #ADAEAF;
height:26px;
}
.blog-header a {
background-image:url(images/blog-arrow.png);
background-position:25px 8px;
background-repeat:no-repeat;
color:#F6972A;
display:block;
font-size:12px;
padding:9px 0 0 45px;
text-decoration:none;
letter-spacing: 3px;
font-weight:bold;
}
.blog-header a:hover {color:white;}

.blog-item {
background-image:url(images/blog-bg.png);
background-repeat:repeat-x;
border-bottom:1px solid #ADAEAF;
height:80px;
padding-left:10px;
padding-top:10px;
}
.blog-date {
float:left;
width:50px;
}
.blog-date-day {
background-image:url(images/date-bg.png);
color:white;
display:block;
font-size:31px;
height:40px;
padding-top:3px;
text-align:center;
width:46px;
}
.blog-date-month {
color:white;
font-weight:bold;
padding:3px;
text-align:center;
width:42px;
}
.blog-entry-day {
color:white;
font-size:12px;
font-weight:bold;
}
.blog-entry {
color:#D1D3D4;
float:left;
line-height:17px;
padding-left:15px;
width:150px;
}
.blog-entry a {
color:#D1D3D4;
}
.blog-entry-text {
color:#D1D3D4;
}
#header {
border-bottom:2px solid white;
height:126px;
}
#home-text {
color:#D1D2D6;
float:left;
font-size:22px;
height:76px;
width:326px;
margin-right:3px;
background-color:#949599;
font-weight:700;
font-family:'Bell Gothic Std', Arial, Helvetica, sans-serif!important;
padding:40px 25px 10px;
text-align:center;
}
#home-contact {
float:left;
width:233px;
background:#5a5b5f url(images/contact-bg.png);
height:100px;
text-align:center;
color:#FEC958;
padding-top:26px;
font-size:15px;
letter-spacing:-.5px;
}

#home-contact span {color:#F9961F;}
#home-contact h2 {
	color:white!important;
	margin:0!important;
	padding:0!important;
	font-weight:normal!important;
	font-size:26px;
	letter-spacing:normal;
}
#home-contact a {
	text-decoration:none;
	display:block;
	widows:197px;
	height:35px;
	background:url(images/top_contact.png) no-repeat top center;
	margin-top:3px;
}
#home-contact a:hover { background-position:bottom center;}
#home-rotator {
height:312px;
width:612px;
}
#home-body {
padding:0px;
}
#home-body p, h2, h1{
padding-left:15px;
}
#home-body p{
font-size:14px;
}
#home-services {
padding:10px;
}
.service {
float:left;
width:149px;
cursor: pointer;
}

.last {
width:148px !important;
}
.odd {
background-color:#F7961D !important;
}
.service-link {
background-color:#FBAD18;
border-right:2px solid white;
height:51px;
padding:13px 5px 5px;
text-align:center;
}
.service-link a {
color:white;
font-size:18px;
text-decoration:none;
}
.service-image {

height:120px;
}
.service-image-border {
border-right:2px solid #D2D3D5;
height:120px;
}
.service-description {
background-image:url(images/service-text-bg.png);
background-repeat:repeat-x;
border-right:2px solid white;
font-size:14px;
height:125px;
padding:5px;
}
.service-description a{
color:#77787B;
}
.portfolio-item {
background-image:url(images/portfolio-bg.png);
background-repeat:no-repeat;
float:left;
height:148px;
width:296px;
}
.portfolio-item-thumbnail {
float:left;
height:97px;
margin-left:15px;
margin-right:10px;
margin-top:15px;
overflow:hidden;
padding:3px;
width:130px;
}
.portfolio-item-description {
float:left;
height:85px;
margin-top:15px;
padding-top:15px;
width:133px;
}
.portfolio-item-name {
color:#77787B;
font-size:14px;
font-weight:bold;
}
.portfolio-item a {
color:#77787B;
font-size:11px;
margin-top:3px;
text-decoration:none;
}
#blog-first {
background-image:url(images/blog-highlighted.png);
background-repeat:no-repeat;
height:312px;
width:612px;
}
.blog-thumbnail {
float:left;
height:97px;
margin-left:27px;
margin-top:41px;
width:130px;
}
.blog-body {
float:left;
margin-left:50px;
margin-top:51px;
}
.blog-date {
font-size:11px;
font-weight:bold;
}
.blog-title {
color:#F5983E;
font-size:21px;
margin-bottom:10px;
margin-top:10px;
}
.blog-text {
font-size:11px;
line-height:18px;
}
 

#left-address {
background-image:url(images/left-texas.png);
background-repeat:no-repeat;
height:154px;
width:247px;
}
h3.orange, h3.orange a {
color:#F7961E;
font-size:12px;
margin:0;
text-decoration:none;
}
#left-address .address {
color:white;
font-size:11px;
font-style:normal;
line-height:16px;
padding-left:95px;
padding-top:20px;
}
.client-quote {
height:165px;
padding-top:40px;
width:612px;
margin-bottom:15px;
display:none;
}
.web {
background-image:url(images/web-dev-header.jpg);
}
.nick {
background-image:url(images/nick.jpg);
}
.branding {
background-image:url(images/branding-header.jpg);

}
.blog {
background-image:url(images/blog-header.jpg);

}
.about {
background-image:url(images/about-us-header.jpg);

}
.resources {
background-image:url(images/client-resource-header.jpg);

}
.contact{
background-image:url(images/contact-header.jpg);
}
.work {
background-image:url(images/our-work-header.jpg);
}
.applications {
background-image:url(images/software-dev-header.jpg);
}
.storm {
background-image:url(images/storm-header.jpg);
}

.quote-text {
float:left;
margin-left:160px;
padding:5px;
width:280px;
}

h3.quoted {
color:#F69730;
font-size:17px;
margin:0 0 5px;
}

.quote-source, .quote-source a {
color:gray;
font-size:12px;
}

.graybox, .graybox a {
background-color:#939598;
display:block;
color:white;
font-size:10px;
font-weight:bold;
width:130px!important;
padding-top:4px;
padding-bottom:4px;
text-align:center;
}

/* End captions */
 
/* Additional CSS by april */

div.sub-navigation {display:block; width:100%; margin-bottom:15px!important;}

.sub-navigation ul {
margin:-15px 0 0!important;
padding:0;
}

.sub-navigation ul li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.sub-navigation ul li a {
border-right:1px solid #77787B;
color:#77787B;
display:block;
font-size:13px;
font-weight:bold;
padding:5px 10px 5px 10px;
text-decoration:none;
}

.sub-navigation ul li.current_page_item a, .sub-navigation ul li a:hover {text-decoration:underline;}

#blogspot-first{
background-image:url(images/blogspot-bg.jpg);
background-repeat:no-repeat;
width:612px;
height:312px;
}

.blog-thumbnail {
float:left;
height:300pxpx;
margin-left:20px;
margin-top:41px;
width:130px;
}

.blog-body {
float:left;
margin-left:55px;
margin-top:60px;
width:370px;
}

.blog-body span.date a{
color:#5a5758;
font-weight:bold;
font-size:11px;
text-decoration:none;
padding-left:10px;
}

.blog-body h2{
padding-left:10px;
padding-top:5px;
font-size:18px;
}

#news-loop {
background-image:url(images/dot.jpg);
background-position:top left;
background-repeat:repeat-x;
width:100%;
height:100%;
padding-top:15px; 
margin-top:20px;
}

#news-loop a{
text-decoration:none; 
color:#6a798d;
}

#news-loop h2{
padding-left:0;
padding-top:10px;
font-size:16px;
}

#news-loop p{
padding-left:0;
margin-bottom:0;
}

.loop-thumbnail {
float:left;
width:130px;
margin-left:15px !IMPORTANT;
margin-top:15px;
}

.loop-thumbnail img {
border: solid #5b6a7f 1px;
}

.loop-content {
width:420px;
margin-left:175px;
}

.blog-content-side {
background-color:#98a5b3;
}

.per-blog {
background: #77787C url(images/side-blog-bg.jpg) repeat-x;
height:auto;
width:100%;
}

.bcs-date {
background-image:url(images/side-date-bg.jpg);
background-repeat:no-repeat;
background-position:40% 40%;
width:85px;
height:100%;
float:left;
}

.bcs-content {
margin-left:85px;
padding-right:5px;
padding-top:10px;
padding-bottom:5px!important;
height:80px;
}

.bcs-content a.more {
	text-decoration:underline;
	color:#cad3db;
}

#footer {
background-image:url(images/footer.png);
background-repeat: repeat-x;
width:100%;
color:#f69730;
background-color:#313131;
padding-bottom:20px;
}

#footer-content {
width:867px;
margin:0 auto;
padding:20px 0 0 15px;
position:relative;
}
#footer-content .address{
float:left;
width:235px;
line-height:23px;
background-image:url(images/right-texas.png);
background-repeat:no-repeat;
background-position:right;
margin-right:10px;
}
.address a{
color:white;
text-decoration:none;
}
.address a:hover{
text-decoration:underline;
}
#footer-content ul {
list-style-type:none;
margin:5px 0 0 0;
padding:0;
}

#footer-content ul li {
padding:3px 0;
}

#footer-content ul li a {
text-decoration:none;
color:#f69730;
font-size:10px;
text-transform:uppercase;
position:relative;
}

#footer-content ul li a:hover {
color:#ffffff;
left:5px;
}

.footer-link {
float:left;
width:165px;
z-index:100!important;
}

.fl-left {
float:left;
width:155px;
}

.fl-left a {
color:#fff;
text-decoration:none;
}

.fl-left a:hover {
text-decoration:underline;
}

.fl-right {

width:150px;
margin-left:180px;
}


.credits {
position:absolute;
top:0;
right:0;
width:175px;
text-align:right;
padding:20px 10px 0 0;
z-index:1!important;
}

.credits a {
color:#ffffff;
text-decoration:none;
}

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

.credits a img {
	position:relative;
}

.credits a:hover img {
	top:2px;
}

#miniportfolio-link{
height:15px;
background-color:grey;
color:white;
clear:left;
margin:5px;
padding:5px;
}
#miniportfolio-link a{
color:white;
}
#contact {
margin:0 0 3px 0!important;
padding:15px 0 25px;
width:612px;
height:290px;
background-image:url(images/contact.png);
position:relative;
}

#contact-caption h2 {color:white!important;padding:0;margin:0;}
#contact-caption p {color:#000!important;padding:0;margin:0; font-size:12px;}
#contact-caption {
	float:right;
	width:250px;
	margin:45px 20px 0 0;
}

#resources{
list-style-type:none;

}
#resources p{
	padding:0 65px 0 0;
	margin:0 0 0 65px;
}
#resources li{
margin-bottom:30px;

}
#resources a, #resources a:visited {
text-decoration:underline;
font-size:20px;
line-height:20px;
color:#F7941E;
font-weight:bold;
letter-spacing:2px;
vertical-align:middle;
}
#resources img{
vertical-align:middle;
}


body.blog {background-image:none!important;}

.clear {clear:both;}

.gmap {border:1px solid #aaa!important; width:610px; overflow:hidden;}

.ngg-galleryoverview {padding-left:10px!important;}

a#contact_button_bottom {
	background:url(images/Contact-Button.png) no-repeat top left;
	margin:15px 0 15px 10px;
	width:271px;
	height:83px;
	display:block;
	text-decoration:none;
}

a#brochure_button {
	background:url(images/brochure-btn.png) no-repeat top left;
	margin:15px 0 15px 10px;
	width:271px;
	height:83px;
	display:block;
	text-decoration:none;
}

a#contact_button_bottom:hover {
	background-position:top right;
}

a#brochure_button:hover {
	background-position:top right;
}

.alignleft {float:left; margin:0 10px 10px 0;}