/*
Theme Name: UCMVC Global CSS Template
Author: Kyle B. Thomas <k.thomas@unmarkedconsulting.com>
Version: 1.0
Description: Global Stylesheet
*/

/* Global */
@charset "utf-8";
* {
    padding: 0px;
    margin: 0px;
}

body {
    margin:0;
    padding:0;
    width:100%;
}

html {
    padding:0;
    margin:0;
   font:normal 12px Arial, Helvetica, sans-serif;
}

img {
    border: none;
}

.logo h3 {
margin: 28px; 
color: rgb(255, 255, 255); 
font-size: 20px;
}

.logo h4 {
    position: absolute;
    top: 29px;
    left: 342px;
    color: #FFFFFF;
}

.logo h4 span {
    margin-right: 212px;
}

.logo img {
    z-index: 10;
    height: 70px;
    padding: 25px 0px 0px 0px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/* main */
.main {
  width:100%; 
  padding:0; 
  margin:0 auto;
}

.resize { 
  width:982px; 
  margin:0 auto;
}

form {
}

form div {
    width: 30%;
    clear: both;
    margin: 0px 0px 15px 25px;
    height: 25px;
}

form .error {
    margin: 0px 0px 15px 175px !important;
}

form .error p {
    color: #B00000;
}

fieldset {
    border: 0px;
    margin: 0px;
}

fieldset:first-child {
    margin: 0px 0px 10px 0px;
}

fieldset h3 {
    margin: 0px 0px 15px 0px;
}

label {
    margin: 0px 0px 0px 25px;
    float: left;
    padding: 3px;
    font-size: 16px;
}

input, select {
    float: right;
    height: 20px;
}

input[type=text] {
    width: 200px;
    font-size: 16px;
}

/********** header **********/
.header-top-row {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #0C2C52;
    min-height: 14px;
    min-width: 100%;
    border-bottom: 1px solid #000000;
}

.header {
  background:url(/media/images/header_bg1.gif) top repeat-x;
}
.header2 {
  background:url(/media/images/header_bg2.gif) top repeat-x; 
}

.block_header {
  margin:0 auto; 
  width:982px;
}
.block_header2 {
  margin:0 auto;
  width:100%; 
  height:141px;
}

.twitter { 
  height:30px; 
  width:150px; 
  background:url(/media/images/Twitter.gif) left no-repeat; 
  font: normal 11px Arial, Helvetica, sans-serif; 
  color:#928682; 
  padding:20px 0 0 30px; 
  margin:0; 
  float:left;
}

/* search */
.search { 
  float:right; 
  width:400px;
}

.search form { 
  float:right; 
  padding:15px 20px 0 0;
}

.search form label {
}

.search form input { 
float:left;
}

.search form input.text { 
  padding:5px 3px; 
  margin:0 10px 0 0; 
  background: url(/media/images/search_bg.gif) top no-repeat; 
  border:0; 
  color:#928682; 
}

.search form input.button_search { 
  float:right;  
  padding:0; 
  margin:0; 
  height:24px; 
  width:24px;
}

/* logo */
.logo { 
    width: 100%;
    text-align: center;
}

/* menu */	
.menu {
  display: inline-block;
  margin: 0px auto;
  width: 100%;
}

.menu ul { 
  padding:0; 
  margin:0; 
  list-style:none;
  border:0; 
  text-align: center;
}

.menu ul li { 
  margin:0; 
  border:0;
  display: inline;
}

.menu ul li a { 
  margin: 0px 0px 0px 52px; 
  color:white; 
  font:normal 20px Arial, Helvetica, sans-serif; 
  text-decoration:none;
}

.menu ul li a span { 
  padding:13px 10px; 
  background:none;
}

.menu ul li a:hover {  
}

.menu ul li a:hover span {
    text-decoration: underline;
}

.menu ul li a.active {
}

.menu ul li a.active span {  
}

.flash-message {
    text-align: center;
}

/********** slider **********/
.slider { margin:0 auto; padding:0; height:329px; width:982px; background:url(/media/images/slider_bg.gif) top no-repeat;}
/*simple text*/
.simple { width:982px; margin:10px auto; padding:0;}
.slider div.slice1 { margin:10px 0px;  padding:8px;}
.slider div.slice1 div.slice2 { margin:0 auto; padding:1px; }
.slider div div div { margin:0; padding:0;  border:0;}
.slider div div div p.img { float:right; padding:4px 2px 0 25px; margin:0;}
.slider div div div h2 {  font:bold 30px Arial, Helvetica, sans-serif; color:#262626; margin:0;  padding:5px 10px 10px 20px; line-height:1.2em;}
.slider div div div p {font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; margin:0;  line-height:1.8em; padding:0 10px 0 20px;}
/********** block index **********/
.body {padding:0; margin:0; background: #e9e9e9 url(/media/images/body_bg.gif) top repeat-x;}
.body h2 { font:bold 20px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:3px 10px;}
.body h3 { font: bold 14px Arial, Helvetica, sans-serif; color:#373737; padding:15px 10px;}
.body img { float:left; margin:10px 10px; padding:0;}
.body p { font:normal 14px Arial, Helvetica, sans-serif; color:#393939; line-height:1.8em; padding:3px 10px;}
.body p.red { width:220px; float:left; margin:10px 10px; padding:3px 5px; background:#730f0f; font: bold 12px Arial, Helvetica, sans-serif; color:#fff;}
.body p.red2 { width:80px; float:left; margin:0; padding:3px 5px; background:#730f0f; font: bold 12px Arial, Helvetica, sans-serif; color:#fff;}
.body span { font: normal 11px Arial, Helvetica, sans-serif; color:#797979;}
.body em { font:italic 12px Arial, Helvetica, sans-serif; color:#797979; line-height:1.8em; padding:10px 0 0 10px;}
.body_resize { width:982px; margin:0 auto; padding:0; min-height: 500px;}
.body a { font: bold 11px Arial, Helvetica, sans-serif; color:#373737; text-decoration:none;}
.body a.red2 { font: bold 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
/*left*/
.left { width:610px; float:left; margin:5px; padding:5px;}
/*right*/
.right { width:320px; float:left; margin:5px; padding:5px;}
/*center*/
.center { width:955px; float:left; margin:5px; padding:5px;}
.center img { margin:20px 20px 20px 5px;}
.center .bloga { border:1px solid #d9d9d9; background:#e1e1e1; margin:5px 10px; padding:5px 5px; width:280px; float:left;}
.center .bloga strong { font:bold 12px Arial, Helvetica, sans-serif; color:#2a2a2a;}
.center .bloga p { font: normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:3px 5px; margin:0; line-height:1.8em;}
.center .bloga a { font: bold 11px Arial, Helvetica, sans-serif; color:#730f0f; text-decoration:none;}
.center .bloga img { float: left; margin:10px 5px; padding:0;}
/*FBG*/
.FBG {padding:0; margin:0; background:url(/media/images/FBG_bg.gif); border-top:1px solid #fff;}
.FBG h2 { font:bold 18px Arial, Helvetica, sans-serif; color:#e9e9e9; padding:5px 10px;}
.FBG a { font: bold 11px Arial, Helvetica, sans-serif; color:#373737; text-decoration:none;}
.FBG img { float: left; margin:10px 5px; padding:0;}
.FBG p { padding:3px 10px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#c4c4c4; line-height:1.8em;}
.FBG_resize { width:982px; margin:0 auto; padding:0;}
.blog { width:270px; float:left; margin:5px 20px; padding:5px 5px;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:110px; display:block; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#2a2a2a; text-transform:capitalize;}
#contactform label span {  font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:340px; border:1px solid #d1d1d1; margin:5px 0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:340px; border:1px solid #d1d1d1; margin:10px 0; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 350px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/*************footer**********/
.footer {padding:0; background:url(/media/images/footer_bg.gif) top repeat-x; height:54px; margin:0;}
.footer_resize {width:950px; margin:0 auto; padding:10px 0; }
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#868686;}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#868686; text-decoration:underline; padding:5px 5px; margin:0;}
.footer img {margin:2px 5px; padding:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0; float:left;} 
.footer p.rightt { text-align:right; width:50%; margin:0; padding:10px 0; float:right;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #dadada; padding:0; margin:1px 0; background:none;}


#cwmodal {
    width: 33%;
    border: 3px solid #0C2C52 !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#modal-content {
    padding: 25px;
    text-align: left;
}

#modal-content h3 {
    margin: 0px 0px 10px 0px;
    text-size: 16px;
}

.slice1 {
    margin: 0px auto;
    text-align: center;
}

.slice1 img {
    width: 25%;
    border:1px solid #0C2C52;
    margin: 10px 20px;
    width: 250px;
    height: 250px;
}

.event-types {
    width: 100%;
    text-align: center;
    margin: 0px 0px 15px 0px;
    clear: both;
    height: 44px;
    border-bottom: 1px solid #d9d9d9;
}

.event-types a {
    font-size: 20px;
}

img.backyard-bounce-image {
    float: none !important;
    height: 40px;
    border: 1px solid #0C2C52;
    margin: -12px 10px !important;
}

.phones {
    margin: 60px 0px 0px 0px;
}

.phones span {
    color: blue !important;
    font-size: 18px !important;
}