/*
Author: the Suasion
Author URI: http://www.suasion.us/
Version: 1.0
*/



/*

Table of Contents
=======================================================================================================================

	-> Normalize
	-> Fluid Grid
	-> Structure
	-> Sections
	-> Typography
	-> Global Elements
	-> SmartMenus
	-> Colorbox
	-> Media Queries

-------------------------------------------------------------- */



/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  display: none;
}
/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%;
  /* 1 */

  -webkit-text-size-adjust: 100%;
  /* 2 */

  -ms-text-size-adjust: 100%;
  /* 2 */

}
/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
  margin: 0;
}
/* =============================================================================
   Links
   ========================================================================== */
/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
  outline: 0;
}
/* =============================================================================
   Type
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0 0 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0 0 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0 0 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0 0 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0 0 0;
}
h6 {
  font-size: 0.75em;
  margin: 2.33em 0 0 0;
}
/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
  font-style: italic;
}
/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
  background: #ff0;
  color: #000;
}
/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
  margin: 1em 0 0 0;
}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
  quotes: none;
}
/* 2 */
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* =============================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/*
 * Addresses paddings set differently in IE6/7
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/*
 * Corrects list images handled incorrectly in IE7
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */

  -ms-interpolation-mode: bicubic;
  /* 2 */

}
/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
  overflow: hidden;
}
/* =============================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0;
}
/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
  margin: 0;
}
/*
 * Define consistent border, margin, and padding
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  /* 1 */

  padding: 0;
  white-space: normal;
  /* 2 */

  *margin-left: -7px;
  /* 3 */

}
/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */

  margin: 0;
  /* 2 */

  vertical-align: baseline;
  /* 3 */

  *vertical-align: middle;
  /* 3 */

}
/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,
input {
  line-height: normal;
  /* 1 */

}
/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */

  -webkit-appearance: button;
  /* 2 */

  *overflow: visible;
  /* 3 */

}
/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
  cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */

  padding: 0;
  /* 2 */

  *height: 13px;
  /* 3 */

  *width: 13px;
  /* 3 */

}
/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */

  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */

  box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto;
  /* 1 */

  vertical-align: top;
  /* 2 */

}
/* =============================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*!
 * Bootstrap v2.0.4
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-large [class^="icon-"] {
  margin-top: 1px;
}
.btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}
.btn-small [class^="icon-"] {
  margin-top: -1px;
}
.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
}
.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn {
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-primary {
  background-color: #0074cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0055cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #0055cc;
  *background-color: #004ab3;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #004099 \9;
}
.btn-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f89406;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406;
  *background-color: #df8505;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}
.btn-danger {
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #bd362f;
  *background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}
.btn-success {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #51a351;
  *background-color: #499249;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}
.btn-info {
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #2f96b4;
  *background-color: #2a85a0;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}
.btn-inverse {
  background-color: #414141;
  background-image: -moz-linear-gradient(top, #555555, #222222);
  background-image: -ms-linear-gradient(top, #555555, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
  background-image: -webkit-linear-gradient(top, #555555, #222222);
  background-image: -o-linear-gradient(top, #555555, #222222);
  background-image: linear-gradient(top, #555555, #222222);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #222222;
  *background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 2px;
  *padding-bottom: 2px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}








/* =Fluid Grid
======================================================================================================================= */

.one-half, .one-third, .two-thirds, .one-fourth, .three-fourths, .one-fifth, .two-fifths, .three-fifths, .four-fifths {
	float: left;
	padding: 0 2%;
	position: relative;
}

.one-fifth, .two-fifths, .three-fifths, .four-fifths {
	float: left;
	padding: 0 1%;
	position: relative;
}

.one-half {
	width: 48%;
}

.one-third {
	width: 30.66%;
}

.two-thirds {
	width: 65.3%;
}

.one-fourth {
	width: 22%;
}

.three-fourths {
	width: 74%;
}

.one-fifth {
	width: 18.4%;
}

.two-fifths {
	width: 38.8%;
}

.three-fifths {
	width: 59.2%;
}

.four-fifths {
	width: 80%;
}

.full {
	width: 100%;
}

.columns .first {
	padding-left: 0;
}

.columns .last {
	padding-right: 0;
	clear: right;
}

.bleed {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
}

.columns {
	margin: 0;
	padding: 0;
	display: block;
	zoom: 1;
}




/* =Block Grid
======================================================================================================================= */

.two-up, .three-up, .four-up, .five-up {
	margin: .5em 0;
	padding: 0;
	display: block;
	zoom: 1;
}

.block {
	float: left;
	margin: 0;
	padding: 1%;
	position: relative;
}

.two-up .block {
	width: 48%;
}

.three-up .block {
	width: 31.3%;
}

.four-up .block {
	width: 23%;
}

.five-up .block {
	width: 18%;
}




/* =Clears
======================================================================================================================= */

.columns:before, .columns:after,
.blocks:before, .blocks:after,
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}

.columns:after,
.columns:after,
.blocks:after {
	clear: both;
}













/* =Structure
======================================================================================================================= */


body {
	background: #4a7ec0;
	background: -webkit-gradient(linear, left top, left bottom, from(#4a7ec0), to(#87aedd)) fixed;
	background: -webkit-linear-gradient(top, #4a7ec0, #87aedd) fixed;
	background: -moz-linear-gradient(top, #4a7ec0, #87aedd) fixed;
	background: -ms-linear-gradient(top, #4a7ec0, #87aedd) fixed;
	background: -o-linear-gradient(top, #4a7ec0, #87aedd) fixed;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ec0', endColorstr='#87aedd',GradientType=0 );

	margin: 0;
	padding: 0;
}


#page {
	background: #ffffff;
	margin: 0 auto;
	padding: 80px 0 0 0;
	max-width: 1020px;
  	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#masthead {
	background: #134681;
	color: #fff;
	margin: 0 auto;
	padding: 0;
	position: fixed;
	top: 0;
	line-height: 80px;
	height: 80px;
	width: 100%;
	max-width: 1020px;
	z-index: 9999;
	border-bottom:#fff 2px solid;
}

#branding {
	margin: 0;
	padding: 0;
	display: inline-block;
}

#branding img {
	margin: 10px 20px;
	padding: 0;
	height: 60px;
	width: 139px;
}

#main {
	margin: 0 auto;
	padding: 2.5% 5%;
	width: 90%;
	display: block;
}


#footer {
	background: #134681;
	color: #fff;
	font-size: .75em;
	margin: 0 auto;
	padding: .4em 5% .6em 5%;
	width: 90%;
	clear: both;
	text-align: right;
}










/* =Sections
======================================================================================================================= */


#announcement {
	margin: 0;
	padding: 2.5%;
	background-color: #2f80c3;
	text-align: center;
}

#announcement h2 {
	margin: 0;
	padding: 0;
	color: #fff;
}


#about-osi,
#our-center,
#our-surgeons,
#your-surgery {
	margin: 0;
	padding: 2.5% 0 5% 0;
}

#directions-contact {
	margin: 0;
	padding: 2.5% 0;
}



#directions-contact iframe {
	margin: 2.5% 0;
	padding: 0;
}


#directions-contact a:link, 
#directions-contact a:visited, 
#directions-contact a:active, 
#directions-contact a:hover {
	border-bottom: none !important;
}





/* =Typography
======================================================================================================================= */

body {
	font-family: "myriad-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 118%;
	line-height: 1em;
	color: #666666;
}


/* =Links
-------------------------------------------------------------- */

p a:link, p a:visited, p a:active, p a:hover,
li a:link, li a:visited, li a:active, li a:hover {
	text-decoration:none;
	color:#666666;
	font-weight: normal;
	border-bottom: solid 1px #88c5e8;
}

p a:active, p a:hover,
li a:active, li a:hover {
	color:#134681;
	border-bottom: solid 2px #134681;
}



/* =Heading Styles
------------------------------------------ */

h1, h2, h3, h4, h5, h6 {
	font-family: "myriad-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #134681;
	line-height: 1.125;
	margin: .75em 0 0;
	padding: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #134681;
	text-decoration: none;
}

h2, h4,
h2 a, h4 a {
	color: #4a7ec0;
}

h3, h5 {
	font-family: "myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 600;
}

h1 {
	font-size: 2em;
	margin-top: 0;
}
h2 {
	font-size: 1.85em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.15em;
}
h6 {
	font-size: 1em;
}



/* =Paragraphs, List Styles & Definitions
------------------------------------------ */


p, ul, ol {
	line-height: 1.5;
    margin: .5em 0 0 0;
	padding: 0;
}

ul {
	list-style-image: url('images/bullets.gif');
}

li {
    margin: .25em 0 0 1em;
	padding: 0;
}

#our-surgeons ul {
	list-style-image: none;
	list-style: none;
}

#our-surgeons ul li {
    margin: 1em 0 0 0;
}



/* =Font Weight & Style
------------------------------------------ */

strong {
	font-family: "myriad-pro",sans-serif;
	font-style: normal;
	font-weight: 600;
	color: #000000;
	font-weight: normal;
}

em {
	font-family: "myriad-pro",sans-serif;
	font-style: italic;
	font-weight: 600;
}



/* =Super & Sub Script
------------------------------------------ */
sup, sub {
	font-size: .85em;
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	top: -.125em;
	margin-right: .125em;
}
sub {
	top: .5ex;
}


/* =Horizontal Rule
-------------------------------------------------------------- */
hr {
	background-color:#ccc;
	border:0;
	color:#ccc;
	height:1px;
	margin-top: 1.25em;
}



/* =Tables
-------------------------------------------------------------- */
table {
	font-size: 1em;
	line-height: 1.25em;
	margin: 1em 0 1.125em;
	text-align:left;
	border:1px solid #ccc;
	width: 100%;
}
th {
	background-color: #43638c;
	color: #fff;
}
tr {
	border-bottom:1px solid #ccc;
}
th, td {
	padding: .7em 1.25em;
}

tr:nth-child(2n) {
	background-color: #eee;
}

tr:hover {
	background-color: #bbb;
}




.phone-number {
	font-family: "myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 2em;
	line-height: 1em;
	color: #000000;
	margin: 0;
	padding: 0;
}

.fax-number {
	font-family: "myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 1.5em;
	line-height: 1em;
	color: #999999;
	margin: 0;
	padding: 0;
}


.directions-on-google{
	margin: 1.5em 0;
	padding: 0;
}

.email-us {
	margin: 2em 0;
	padding: 0;
}


/* =Global Elements
======================================================================================================================= */


img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	line-height: 0;
}




/* =Image Gallery
-------------------------------------------------------------- */

.gallery {
	margin: 0 -2%;
	padding: 0;
	list-style: none;
}
.gallery li {
	float: left;
	margin: .5em 0;
	padding: 0 2%;
	width: 33.33%;
	position: relative;
	box-sizing: border-box;
	text-align: center;
	vertical-align: top;
}


.gallery li a:link, .gallery li a:visited, .gallery li a:active, .gallery li a:hover {
	border-bottom: none;
}


/* =Buttons
-------------------------------------------------------------- */

a:link.button {
	background: #2f80c3;
	color: #ffffff;
	font-family: "myriad-pro",sans-serif;
	font-style: normal;
	font-weight: 600;
	font-style: normal;
	font-size: 1em;
	line-height: 1em;
	padding: .4em .75em .6em .75em;
	margin: .5em 0;
	text-decoration: none;
	vertical-align: middle;
	border: solid 2px #2f80c3;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}

a:visited.button, a:active.button, a:hover.button {
	background: #134681;
	color: #ffffff;
	text-decoration: none;
	border: solid 2px #ffffff;
}





/* SmartMenus Core CSS (it's not recommended editing this)
===============================================================*/

.sm, .sm ul, .sm li {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: normal;
	direction: ltr;
}

.sm li {
	position: relative;
}
.sm li a {
	position: relative;
	display: block;
}
.sm li a.disabled {
	cursor: default;
}
.sm ul {
	position: absolute;
	top: -999999px;
	left: -800px;
	width: 100px;
}
.sm li {
	float: left;
}
.sm-rtl {
	direction: rtl;
}
.sm-rtl li {
	float: right;
}
.sm ul li, .sm-vertical li {
	float: none;
}
.sm li a {
	white-space: nowrap;
}
.sm ul li a, .sm-vertical li a {
	white-space: normal;
}
* html .sm-vertical li {
	float: left;
	width: 100%;
}
* html .sm-vertical ul li {
	float: none;
	width: auto;
}
*:first-child+html .sm-vertical > li {
	float: left;
	width: 100%;
}
.sm .sm-nowrap > li > a {
	white-space: nowrap;
}
.sm:after {
	content: "\00a0";
	display: block;
	height: 0;
	font: 0/0 serif;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
* html .sm {
	height: 1px;
}
*:first-child+html .sm {
	min-height: 1px;
}
.sm {
	-webkit-tap-highlight-color: #003764;
}




/*
---------------------------------------------------------------
  Note that styles you apply to the main menu items are inherited by the sub menus items too.
  If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
  .sm-clean > li > a { ... } instead of .sm-clean a { ... }
---------------------------------------------------------------*/


#access {
	font-family: "myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 600;
	margin: 0 auto;
	padding: 0;
	float: right;
	display: inline-block;
	line-height: 80px;
	position: relative;
}



/* Menu box
===================*/

	.sm-clean {
		padding: 0;
		margin: 0;
		display: inline-block;
	}
	.sm-clean-vertical {
		padding: 0;
	}

/* Sub-Menu
===================*/

	.sm-clean ul {
		background: #f0e6cd;
		padding: 0;
	}


/* Menu items
===================*/


	.sm-clean li a:link, .sm-clean li a:visited, .sm-clean li a:active, .sm-clean li a:hover {
		padding: 0 .5em;
		color:#ffffff;
		font-size: 1.15em;
		line-height: 80px;
		letter-spacing: .025em;
		text-decoration:none;
		border-bottom: none;
		border-left:#ffffff 1px solid;
	}
	.sm-clean li a:hover, .sm-clean li a:focus, .sm-clean li a:active,
	.sm-clean li a.highlighted {
		color:#ffffff;
		background: #000000;
	}
	.sm-clean-vertical li a:hover, .sm-clean-vertical li a:focus, .sm-clean-vertical li a:active,
	.sm-clean-vertical li a.highlighted {
		background:#ffffff;
	}
	.sm-clean li a.has-submenu {
		padding-right:25px;
	}
	.sm-clean-vertical li a,
 	.sm-clean ul li a {
		padding:10px 20px;
	}
	.sm-clean-vertical a.has-submenu,
 	.sm-clean ul a.has-submenu {
		padding-right:40px;
	}
	.sm-clean ul li a:link, .sm-clean ul li a:visited, .sm-clean ul li a:active, .sm-clean ul li a:hover {
		border-bottom:#ffffff 1px solid;
		border-left: none;
	}
	.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active,
	.sm-clean ul a.highlighted {
		color:#ffffff;
		background: #000000;
	}


	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	.sm-clean li.current-menu-item > a, .sm-clean li.current-menu-item > a:hover, .sm-clean li.current-menu-item > a:focus, .sm-clean li.current-menu-item > a:active {
		color:#ffffff;
		background: #000000;
	}


/* Sub menu indicators
===================*/

	.sm-clean a span.sub-arrow {
		position:absolute;
		right:12px;
		top:50%;
		margin-top:-3px;
		/* we will use one-side border to create a triangle so that
		we don't use a real background image, of course, you can
		use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-width:6px; /* tweak size of the arrow */
		border-style:solid dashed dashed dashed;
		border-color:#c5af84 transparent transparent transparent;
	}
	.sm-clean-vertical a span.sub-arrow,
 	.sm-clean ul a span.sub-arrow {
		right:15px;
		top:50%;
		margin-top:-6px;
		border-width:6px;
		border-style:dashed dashed dashed solid;
		border-color: transparent transparent transparent #c5af84;
	}


/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/

	.sm-clean span.scroll-up, .sm-clean span.scroll-down {
		position:absolute;
		display:none;
		visibility:hidden;
		overflow:hidden;
		background:#fff;
		height:20px;
		/* width and position will be automatically set by the script */
	}
	.sm-clean span.scroll-up:hover, .sm-clean span.scroll-down:hover {
		background:#eee;
	}
	.sm-clean span.scroll-up-arrow, .sm-clean span.scroll-down-arrow {
		position:absolute;
		top:0;
		left:50%;
		margin-left:-6px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-width:6px; /* tweak size of the arrow */
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #555 transparent;
	}
	.sm-clean span.scroll-up:hover span.scroll-up-arrow {
		border-color:transparent transparent #ffffff transparent;
	}
	.sm-clean span.scroll-down-arrow {
		top:8px;
		border-style:solid dashed dashed dashed;
		border-color:#555 transparent transparent transparent;
	}
	.sm-clean span.scroll-down:hover span.scroll-down-arrow {
		border-color:#ffffff transparent transparent transparent;
	}


/* Menu Button On Small Screens
===================*/

	#menu-button {
	  display:none;
	  cursor: pointer;
	}
	#menu-button:before {
	  content:'Menu';
	}
	#menu-button.collapsed:before {
	  content:'Menu';
	}



/*
---------------------------------------------------------------
  Responsiveness
  These will make the sub menus collapsible when the screen width is too small.
---------------------------------------------------------------*/


/* decrease horizontal main menu items left/right padding to avoid wrapping */
@media screen and (max-width: 850px) {
	.sm-clean:not(.sm-clean-vertical) > li > a {
		padding-left:.5em;
		padding-right:.5em;
	}
	.sm-clean:not(.sm-clean-vertical) > li > a.has-submenu {
		padding-right: 25px;
	}
}
@media screen and (max-width: 768px) {
	.sm-clean:not(.sm-clean-vertical) > li > a.has-submenu {
		padding-right:25px;
	}

	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	.sm-clean{width:auto !important;}
	.sm-clean ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
	.sm-clean>li{float:none;}
	.sm-clean>li>a,.sm-clean .sm-nowrap>li>a{white-space:normal;}
	.sm-clean iframe{display:none;}

	/* Uncomment this rule to disable completely the sub menus for small screen devices */
	/*.sm-clean ul, .sm-clean span.sub-arrow, .sm-clean iframe {
		display:none !important;
	}*/


/* Menu box
===================*/

	.sm-clean {
		background: #134681;
		padding: 0;
		margin: 0;
	}
	.sm-clean ul {
		border:0;
		padding:0;
		/* darken the background of the sub menus */
		background: #43638c;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	/* no carets */
	.sm-clean > li > ul:before, .sm-clean > li > ul:after {
		display:none;
	}


/* Menu items
===================*/

	.sm-clean li a {
		padding: 0 20px !important;
		line-height: 30px;
		color:#ffffff !important;
	}

	.sm-clean a.current,
	.sm-clean li.current-page-parent > a, .sm-clean li.current-page-parent > a:hover, .sm-clean li.current-page-parent > a:focus, .sm-clean li.current-page-parent > a:active,
	.sm-clean li.current-menu-item > a, .sm-clean li.current-menu-item > a:hover, .sm-clean li.current-menu-item > a:focus, .sm-clean li.current-menu-item > a:active {
		color:#000000 !important;
		background:#ffffff !important;
	}
	/* add some text indentation for the 2+ level sub menu items */
	.sm-clean ul a {
		border-left:8px solid transparent;
	}
	.sm-clean ul ul a {
		border-left:16px solid transparent;
	}
	.sm-clean ul ul ul a {
		border-left:24px solid transparent;
	}
	.sm-clean ul ul ul ul a {
		border-left:32px solid transparent;
	}
	.sm-clean ul ul ul ul ul a {
		border-left:40px solid transparent;
	}


/* Sub menu indicators
===================*/

	.sm-clean a span.sub-arrow,
	.sm-clean ul a span.sub-arrow {
		left:12px;
		top:50%;
		margin-top:-5px;
		border-width:5px;
		border-style:dashed dashed dashed solid;
		border-color: transparent transparent transparent #dddddd;
	}
	/* Hide sub indicator when item is expanded - we enable the item link when it's expanded */
	.sm-clean a.highlighted span.sub-arrow {
		position:absolute;
		left:12px;
		top:50%;
		margin-top:-3px;
		/* we will use one-side border to create a triangle so that
		we don't use a real background image, of course, you can
		use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-width:4px; /* tweak size of the arrow */
		border-style:solid dashed dashed dashed;
		border-color:#dddddd transparent transparent transparent;
	}


/* Items separators
===================*/

	.sm-clean li {
		border-top: 1px solid #ffffff;
	}
	.sm-clean > li:first-child {
		border-top:0;
	}



/* Menu Button On Small Screens
===================*/

  /* show the button on small screens */
  #menu-button {
		background: #42a2da;
		font-size: 1em;
		color:#ffffff;
		display: block;
		line-height: 80px;
		text-decoration:none;
		text-align: center;
		margin: 0;
		padding: 0 1em;
		border-left: #ffffff solid 1px;
}

  /* hide the menu when it has the "collapsed" class set by the script */
  #main-menu.collapsed {
    display:none;
  }


}


@media screen and (max-width: 320px) {

	.sm-clean li a {
		margin: 0;
		padding: 0 10px !important;
		line-height: 60px !important;
	}

}




/* =Colorbox
=========================================================================================================*/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999;
	overflow: hidden;
}
#cboxWrapper {
	max-width: none;
}
#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear: left;
}
#cboxContent {
	position: relative;
}
#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#cboxTitle {
	margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor: pointer;
}
.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}
.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background: url(images/overlay.png) repeat 0 0;
	opacity: 0.9;
	filter: alpha(opacity = 90);
}
#colorbox {
	outline: 0;
}
#cboxTopLeft {
	width: 21px;
	height: 21px;
	background: url(images/controls.png) no-repeat -101px 0;
}
#cboxTopRight {
	width: 21px;
	height: 21px;
	background: url(images/controls.png) no-repeat -130px 0;
}
#cboxBottomLeft {
	width: 21px;
	height: 21px;
	background: url(images/controls.png) no-repeat -101px -29px;
}
#cboxBottomRight {
	width: 21px;
	height: 21px;
	background: url(images/controls.png) no-repeat -130px -29px;
}
#cboxMiddleLeft {
	width: 21px;
	background: url(images/controls.png) left top repeat-y;
}
#cboxMiddleRight {
	width: 21px;
	background: url(images/controls.png) right top repeat-y;
}
#cboxTopCenter {
	height: 21px;
	background: url(images/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
	height: 21px;
	background: url(images/border.png) 0 -29px repeat-x;
}
#cboxContent {
	background: #fff;
	overflow: hidden;
}
.cboxIframe {
	background: #fff;
}
#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}
#cboxLoadedContent {
	margin-bottom: 28px;
}
#cboxTitle {
	position: absolute;
	bottom: 4px;
	left: 0;
	text-align: center;
	width: 100%;
	color: #949494;
}
#cboxCurrent {
	position: absolute;
	bottom: 4px;
	left: 58px;
	color: #999;
}
#cboxLoadingOverlay {
	background: url(images/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
	background: url(images/loading.gif) no-repeat center center;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	width: auto;
	background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
	outline: 0;
}
#cboxSlideshow {
	position: absolute;
	bottom: 4px;
	right: 30px;
	color: #0092ef;
}
#cboxPrevious {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(images/controls.png) no-repeat -75px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}
#cboxPrevious:hover {
	background-position: -75px -25px;
}
#cboxNext {
	position: absolute;
	bottom: 0;
	left: 27px;
	background: url(images/controls.png) no-repeat -50px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}
#cboxNext:hover {
	background-position: -50px -25px;
}
#cboxClose {
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(images/controls.png) no-repeat -25px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}
#cboxClose:hover {
	background-position: -25px -25px;
}








/* =Media Queries
======================================================================================================================= */





@media only screen and (max-width: 800px) {


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


}




@media only screen and (max-width: 767px) {

	
	/* =Grid
	------------------------------------------- */
	
	.one-half, .one-fourth, .three-fourths {
		width: 46%;
	}
	
	
	.one-third, .two-thirds, .one-fifth, .two-fifths, .three-fifths, .four-fifths {
		width: 100%;
		padding: 0;
		margin: 0;
	}




}


@media only screen and (max-width: 600px) {



/* =Grid
------------------------------------------- */

	.one-half, .one-third, .two-thirds, .one-fourth, .three-fourths, .one-fifth, .two-fifths, .three-fifths, .four-fifths {
		float: none;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}


/* =Image Gallery
------------------------------------------- */
.gallery li {
	float: none;
	margin: .5em 0;
	padding: 0;
	width: 100%;
}


}

@media only screen and (max-width: 320px) {



#branding img {
	margin: 10px;
	padding: 0;
	height: 54px;
	width: 125px;
}


/* =Sections
======================================================================================================================= */

#about-osi,
#our-surgeons,
#your-surgery {
	margin: 0;
	padding: 2.5% 0;
}


}