@font-face {
    font-family: 'Weiss';
    src: url('/fonts/weiss-italic-webfont.eot');
    src: url('/fonts/weiss-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/weiss-italic-webfont.woff') format('woff'),
         url('/fonts/weiss-italic-webfont.ttf') format('truetype'),
         url('/fonts/weiss-italic-webfont.svg#WeissItalicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gothic';
    src: url('/fonts/gothic-webfont.eot');
    src: url('/fonts/gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/gothic-webfont.woff') format('woff'),
         url('/fonts/gothic-webfont.ttf') format('truetype'),
         url('/fonts/gothic-webfont.svg#WeissItalicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{
  background: url(/images/bg_tile2.jpg) repeat;
  margin-top:60px;
}
body {
  font-family: 'Century Gothic', 'Gothic';
  color:#636466;
  font-size:100%;
  height:auto;
}
img.clientlogo {
  display:none;
}
h2, h1 {
  font-size:1.5em;
  margin-top:5px;
}
a {
  color:#464749;
}
img {
  border:none;
}

#outer_wrapper {
  width:979px;
  margin-left:auto;
  margin-right:auto;
}
#logo {
  float:left;
}
#logo img {
  border:0;
  position:relative;
  z-index:500;
  top:13px;
}
#social_media {
  float:right;
  padding-left:5px;
  margin-right:-2px;
  position:relative;
  top:30px;
}
#social_media img{
  border:0;
}
#tag_line {
  float:right;
  font-family:'Weiss', 'Times New Roman';
  position:relative;
  top:30px;
}
#tag_line_small {
  float:right;
  font-family:'Weiss', 'Times New Roman';
  position:relative;
  top:30px;
  display:none;
}

#inner_wrapper{
  position:relative;
  top:57px;
  z-index:100;
  background-color:#ffffff;
  -moz-box-shadow: 5px 5px 10px #bbb;
  -webkit-box-shadow: 5px 5px 10px #bbb;
  box-shadow: 5px 5px 10px #bbb;
  min-height:490px;
  width:979px;
  isplay:none;
}

#content {
  clear:both;
  position:relative;
  top:-58px;
}
#left_col {
  float:left;
  background-color: #ffffff;
}
#left_col #top{
  background-color: #e6e1d5;
  width:308px;
  padding-left:8px;
  padding-right:7px;
  padding-top:1px;
  padding-bottom:1px;
  height:266px;
}
#left_col #top h1  {
  margin-top:5px;
}
#left_col #top p.first {
  margin-top:-10px;
}
#left_col #top p {
  margin-top:-5px;
  font-size:.91em;
  line-height:1.6em;
}
#left_col #top p.small_text {
  line-height:1.3em;
}
#left_col #top p.smaller_text {
  line-height:1.1em;
}
#left_col #bottom {
  background-color:#f8f5ce;
  height:182px;
  width:323px;
  margin-top:5px;
  padding-top:5px;
}
#left_col #bottom img {
  margin-top:-5px;
}
#left_col #bottom.interior img {
  margin-top:0px;
}
#left_col .pinterest {
  padding-right:4px;
  width:15px;
  position:relative;
  top:2px;
}
#bottom_text {
  width:190px;
  float:right;
  margin-right:5px;
  text-align:center;
}
#bottom.interior h2 {
  padding-left:10px;
  position:relative;
  top:5px;
  margin-top:0px;
  font-size:1.1em;
}
#bottom.tailgating h2 {
font-size:1.7em; margin:0; margin-top:5px; padding:0; line-height:1.4em;
}
#bottom.tailgating .win {
font-size:2.3em;
}
#bottom_text h2 {
  font-size:1.25em;
  margin-top: 0px;
}
#bottom_text p {
  font-size:.75em;
  line-height:.75em;
}
#bottom .interior_bottom_box {
  font-size:.75em;
  padding-left:10px;
  margin-top:0px;
}
#bottom.interior h2.small{
  font-size:1.1em;
}
#middle_col, #middle_col_form_page {
  float:left;
  margin-left:5px;
  width:323px;
  height:460px;
}
#middle_col ul {
  margin:0;
  padding:0;
}
#right_col {
  float:right;
  width:323px;
  height:460px;
}
#right_col_form_page {
  float:right;
}
#right_two_cols, #right_two_cols_small {
  width:651px;
  float:right;
  position:relative;
  z-index:-1;
  height:460px;
}
#text {
  padding-right:10px;
  padding-left:10px;
  line-height:1.6em;
}
#text.furniture {
  font-size:.94em;
  line-height:1.4em;
}
#text.interior_design {
  font-size:.94em;
  line-height:1.5em;
}
#right_two_cols img, #right_two_cols_small img {
  border:0;
  width:651px;
}
#right_two_cols_small {
  display:none;
}
#designers_small_screen_image {
  display:none;
}
#footer {
  font-size:.6875em;
  lear:both;
  width:500px;
  position:relative;
  margin-top:65px;
  z-index:1000;
  isplay:none;
}
#footer p {
  text-align:left;
}
.image_rotate img {
  width:323px;
  display:none;
}
.image_rotate {
  padding:0;
  margin-top:0px;
}
.inner_image_rotate img {
  width:651px;
  display:none;
}
.inner_image_rotate {
  padding:0;
  margin:0;
  list-style:none;
}

label {
  clear:left;
  float:left;
  margin-top:10px;
}
label:first-child {
  margin-top:0px;
}
input, textarea{
  width:200px;
  clear:left;
  float:left;
  margin-top:3px;
}
input[type="checkbox"] {
  margin-top:5px;
  margin-left:20px;
  width:auto;
  float:left;
  lear:none;
}
.checkbox_label {
  margin-left:10px;
  font-size:.9em;
  clear:none;
  margin-top:2px
}
input[type="submit"] {
  margin-top:10px;
  width:auto;
}
textarea {
  height:75px;
  width:297px;
}
input.error {
  background-color: #ffdddd;
  color: #000000;
}
textarea.error {
  background-color: #ffdddd;
  color: #000000;
}
.error {
  color:#ff0000;
}
.designer_info {
  margin-top:20px;
}
.desinger_info h3 {
  margin:0;
  padding:0;
}
.designer_info span {
  font-size:.9em;
}
.hide_small_medium {
  display:block;
}


/* Main menu settings */
#nav {
  height:30px;
  background-color: #f8f5ce;
  text-align:center;
}

/* Top menu items */
#nav > ul {
   margin:0;
   padding:0;
   padding-top:6px;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
   ackground-color: #f8f5ce;
   top:-58px;
   z-index:400;
}
#nav ul li {
   margin:0 0 0 0;
   padding:0;
   float:left;
   display:inline;
   position:relative;
   left:50%;
   padding-left:1.65em;
   padding-right:1.65em;
   font-size:.875em;
   order-left:1px solid #f8f5ce;
   order-right:1px solid #f8f5ce;
}
#nav ul.scoot_left {
   margin-left:-23px;
}
#nav ul li a {
   display:block;
   margin:0;
   padding:.4em .5em .4em;
   text-decoration:none;
}
#nav ul li:hover,
#nav ul li.active  { /* This line is required for IE 6 and below */
   background:#cdc1af; /* Top menu items background colour */
   order-left:1px solid #cdc1af;
   order-right:1px solid #cdc1af;
}

/* Submenu items */
#nav ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   right:auto; /*resets the right:50% on the parent ul */
   border:1px solid #b8a68d;
   padding:0;
}
#nav ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
   font-size:.9em;
   padding:0;
}
#nav ul ul li a,
#nav ul li:hover ul li a,
#nav ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-weight:normal; /* resets the bold set for the top level menu items */
   background:#f8f5ce;
   line-height:1.4em; /* overwrite line-height value from top menu */
}
#nav ul ul li a:hover,
#nav ul li.active ul li a:hover,
#nav ul li:hover ul li a:hover,
#nav ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#cdc1af; /* Sub menu items background colour */
}

/* Flip the last submenu so it stays within the page */
#nav ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#nav ul li:hover ul,
#nav ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

@media all and (max-width: 1000px) {
  #outer_wrapper {
    width:651px;
  }
  #inner_wrapper {
    width:651px;
    in-height:490px;
  }
  #nav {
    width:651px;
  }
  #nav ul li {
    display:inline;
    padding-left:.35em;
    padding-right:.35em;
  }
  #nav ul.scoot_left {
    margin-left:-5px;;
  }
  #nav ul ul {
    margin-left:-5px;
    min-width:100px;
  }
  #left_col {
    padding-right:5px;
  }
  #right_col, #right_col_form_page {
    position:relative;
    left:-2000px;  /*hide the right column, move it off the screen so that it keeps rotating...if display:none set, it does not rotate when expanded back out */
    margin-top:-460px;
  }
  #middle_col, #middle_col_form_page {
    float:right;
    margin-top:-460px;
  }
  #right_two_cols{
    display:none;
  }
  #right_two_cols_small, #right_two_cols.both {
    display:inline;
    float:right;
    margin-top:0px;
    verflow:hidden;
    width:323px;
  }
  #designers_small_screen_image {
    display:none;
  }

  /* HIDE IMAGE FOR LANDING PAGES ON THE MEDIUM SCREEN SIZE */
  #right_two_cols_small.hide_medium {
    display:none;
  }
  #text.small{
    font-size:.75em;
    line-height:1.4em;
  }
  #text.interior_design {
    font-size:.8em;
    line-height:1.1em;
  }
  #bottom.interior h2.small{

  }
  .hide_small_medium {
    display:none;
  }
  #right_two_cols_small img {
    width:323px;
  }
  #social_media {
    position:relative;
    top:13px;
  }
  #tag_line {
    clear:right;
    float:right;
    top:10px;
  }
  #footer {
    margin-top:70px;
  }
}
@media all and (max-width: 700px) {
  html {
    margin-top:-5px;
    height:700px;
  }
  #header #logo{
    float:none;
    text-align:center;
  }
  #outer_wrapper {
    width:300px;
  }
  #inner_wrapper {
    width:300px;
    height:644px;
    top:-60px;
    overflow:hidden;
  }
  #inner_wrapper.form_page {
    height:1000px;
  }
  #inner_wrapper.special {
    height:900px;
  }
  #inner_wrapper.special #middle_col_form_page { width:290px; padding-right:5px;}
  #inner_wrapper.designer {
    height:1130px;
  }
  #inner_wrapper.services {
    height:1140px;
  }
  #social_media {
    display:none;
  }
  #content {
    top:6px;
  }
  #tag_line {
    display:none;
  }
  #tag_line_small {
    display:block;
    float:none;
    loat:left;
    argin-top:10px;
    text-align:center;
    width:132px;
    z-index:400;
    top:179px;
    font-size:.965em;
    background-color:#ffffff;
    padding-top:10px;
    padding-bottom:6px;
  }
  #nav {
    top:0px;
    float:left;
    width:132px;
    height:171px;
  }
  #nav ul {
    position:relative;
    padding:0;
    top:0px;
  }
  #nav ul li {
    display:block;
    margin-top:-2px;
    padding:0;
  }
  #nav ul li {
    min-width:130px;
  }
  #nav ul>li:hover ul { /* when hovering on first nav, show second */
    display: none;
  }
  #left_col {
    position:relative;
    top:62px;
    width:295px;
  }
  #left_col #top {
    height:216px;
    width:285px;
  }
  #left_col #top h1 {
    font-size:1.2em;
  }
  #left_col #top p {
    font-size:.8em;
  }
  #left_col #top table {
    line-height:1.2em;
  }
  #left_col #bottom {
    margin-top:0px;
    width:300px;
  }
  #bottom_text {
    width:170px;
  }
  #bottom_text h2 {
    font-size:.9em;
    margin-top:10px;
  }
  #bottom.interior h2.small {
    font-size:1em;
  }
  #bottom.interior h2.smaller {
    font-size:.9em;
  }
  #bottom.interior h2 {
    font-size:1em;
  }
  #bottom .interior_bottom_box {
    line-height:1.4em;
  }
  #middle_col, #right_col_form_page {
    position:relative;
    margin-top:-582px;
    z-index:1000;
    margin-left:0px;
    left:0px;
    float:right;
    width:168px;
  }
  #middle_col img, #right_col_form_page img{
    width:168px;
  }
  #middle_col_form_page {
    float:right;
    width:300px;
    position:relative;
    top:520px;
  }
  textarea {
    width:275px;
  }
  #right_two_cols, #right_two_cols.both{
    display:none;
  }
  #right_two_cols_small {
    display:inline;
    float:right;
    margin-top:-582px;
    z-index:5000;
    width:168px;
    height:239px;
  }
  #right_two_cols_small.designers{
    width:300px;
    margin-top:60px;
  }
  #right_two_cols_small.services {
    position:relative;
    top:-520px;
  }
  #right_two_cols_small.hide_medium {
    display:inline;
  }
  #right_two_cols_small img {
    width:168px;
  }
  #designers_small_screen_image {
    float:right;
    display:inline;
    width:168px;
    position:relative;
    margin-top:-582px;
  }
  #designers_small_screen_image img {
    width:168px;
  }
  #right_two_cols.services {
    width:300px;
    display:inline;
    margin-top:60px;
  }
  .hide_small_medium {
    display:none;
  }
  #footer {
    margin-top:-60px;
    width:300px;
  }
  #footer p{
    text-align:center;
    width:300px;
  }
  #ccoptin{
    font-size:.8em;
    margin-top:-5px;
  }
  #ccoptin input {
    height:.9em;
  }
  #ccoptin input[type="submit"] {
    font-size:.8em;
    height:auto;
    margin-top:3px;
  }
  #bottom.tailgating h2 {
    font-size:1.5em; margin:0; margin-top:5px; padding:0; line-height:1.6em;
  }
  #bottom.tailgating .win {
    font-size:2.2em;
  }
}

/* ON iPHONE, HIDE RIGHT ROTATING IMAGE */
@media all and (max-device-width: 480px){
  #right_col {
   display:none;
  }
}

/* ON SMALL VERTICAL SCREENS SCOOT CONTENT TO TOP */
@media all and (max-height: 650px) {
  html {
    margin-top:-8px;
  }
}