/*
Theme Name: Colorado Springs Family Practice
Theme URI: http://www.coloradospringsfamilypractice.org/
Description: Theme for Colorado Springs Family Practice.
Author: CHTS
Author URI: http://www.coloradohitechsolutions.com/
Version: 1.0
*/

/* 1kb Grid */
.g1 { width: 50px; }
.g2 { width: 140px; }
.g3 { width: 230px; }
.g4 { width: 320px; }
.g5 { width: 410px; }
.g6 { width: 500px; }
.g7 { width: 590px; }
.g8 { width: 680px; }
.g9 { width: 770px; }
.g10 { width: 860px; }
.g11 { width: 950px; }
.g12 { min-width: 968px; max-width: 1040px; width: auto !important; }
.col { margin: 0 20px; }
.row { max-width: 1080px; min-width: 1008px; width: auto !important; }
.row .row { margin: 0 -20px; }

/* IE Hacks */
* html .row { width: 1080px; }

/* Global Tags */
body {
	background: #0b4d42;
	font: 18px/1.5em "Gill Sans Std", "Gill Sans MT", "Gill Sans", Calibri, Trebuchet, Frutiger, "Frutiger Linotype", Univers, "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #134080;
}
h1 {
	color: #801313;
	font-size: 2em;
	font-weight: normal;
}
h2 {
	font-size: 1.75em;
	font-weight: normal;
}
h3 {
	font-size: 1.25em;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: .9em;
}
h6 {
	font-size: .8em;
}

/* Clear Floats */
.clear {
	background: transparent;
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	text-indent: 1px;
	width: 1px;
}

/* Anchor for the Top of the Page */
#top-anchor {
	height: 1px;
	left: 0;
	position: absolute;
	top: 0;
	width: 1px;
}

/* Width Wrapper */
.wrapper {
    height: 100%;
    margin: 0 auto;
    max-width: 1080px;
    min-width: 1008px;
    position: relative;
    width: auto !important;
}
* html .wrapper {
    width: 1080px;
}

/* Header */
#header {
    background: #0b274d;
    color: #fff;
    height: 280px;
    position: relative;
    width: 100%;
    z-index: 1;
}
#header .logo {
    background: url(images/csfp-logo.png) no-repeat;
    direction: ltr;
    height: 98px;
    left: 20px;
    overflow: hidden;
    position: absolute;
    text-indent: -1000em;
    top: 126px;
    width: 435px;
    z-index: 2;
}
#header .logo a {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#header .phonehours {
    bottom: 65px;
    font-size: 1.33em;
    position: absolute;
    right: 50px;
    text-align: center;
}
#header .phonehours span {
    display: block;
    font-size: 2.1em;
    line-height: 1.25em;
}

/* Navigation */
#topmenu {
    height: 90px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4;
}
#topmenu .centermenu {
    float: right;
    left: -50%;
    position: relative;
}
#topmenu ul {
    left: 50%;
    list-style: none;
    position: relative;
}
#topmenu ul li {
    float: left;
    position: relative;
}
#topmenu ul li a {
    color: #fff;
    display: block;
    float: left;
    height: 90px;
    line-height: 120px;
    padding: 0 15px;
    text-decoration: none;
    white-space: nowrap;
}
#topmenu ul li:hover,
#topmenu ul li.selected {
    background: #0a4037;
}
#topmenu ul li.current-menu-item,
#topmenu ul li.current-menu-ancestor {
    background: #0b4d42;
}
#topmenu ul ul {
    background: #0b4d42;
    display: none;
    height: auto;
    left: 0;
    margin: 0;
    min-width: 100%;
    padding: 0;
    position: absolute;
    top: 90px;
    width: auto;
}
#topmenu ul li:hover ul {
    display: block;
}
#topmenu ul li:hover ul,
#topmenu ul li.selected ul {
    background: #0a4037;
}
#topmenu ul li.current-menu-item ul,
#topmenu ul li.current-menu-ancestor ul {
    background: #0b4d42;
}
#topmenu ul ul li {
    display: block;
    float: none;
}
#topmenu ul ul li a {
    float: none;
    height: auto;
    line-height: 1em;
    padding: 15px;
}
#topmenu ul ul li:hover {
    background: #0b4d42;
}
#topmenu ul li.current-menu-item ul li:hover,
#topmenu ul li.current-menu-ancestor ul li:hover,
#topmenu ul ul li.current-menu-item {
    background: #0a4037;
}
#topmenu ul ul ul,
#topmenu ul li:hover ul ul {
    display: none;
}

/* Facebook Link */
#topmenu .luof {
    background: url( images/luof.png );
    bottom: 0;
    display: block;
    height: 50px;
    position: absolute;
    right: 0;
    width: 150px;
}

/* Banner */
#banner {
    background: #0b274d url(images/banner-bg.jpg) top center no-repeat;
    height: 290px;
    position: relative;
    z-index: 2;
}
#banner .box {
    background: #4d0b0b;
    bottom: 0;
    color: #fff;
    height: 326px;
    position: absolute;
    width: 100%;
}
#banner .box img.photo {
    position: absolute;
    right: 360px;
    top: 0;
}
#banner img.tag {
    display: block;
    float: right;
    margin: 56px 85px 0 0;
}

/* Main Content Area */
#content {
    background: #fff;
    min-height: 400px;
    padding: 40px 0;
    z-index: 3;
}
#content .graybg {
    background: #999;
    margin: 20px 0;
    padding: 20px 0;
}
#content .linkbox {
    background: #0b4d42;
    color: #fff;
    font-size: 30px;
    line-height: 100px;
    position: relative;
    text-align: center;
}
#content .linkbox-left {
    float: left;
}
#content .linkbox-right {
    float: right;
}
#content .linkbox a {
    color: #fff;
    display: block;
    height: 100%;
    padding-right: 40px;
    position: relative;
    text-decoration: none;
}
#content .linkbox a:hover {
    background: #093d35;
    text-decoration: none;
}
#content .linkbox img {
    float: left;
    position: relative;
    z-index: 2;
}
#content .linkbox .arrow {
    background: #093d35 url( images/arrow.gif ) bottom right no-repeat;
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    width: 40px;
    z-index: 1;
}
#content .anchor {
    clear: both;
    display: block;
    height: 1px;
    width: 1px;
}
#content .top-anchor {
    font-size: .8em;
}
#content .google-map-placeholder {
    border: none;
}
#content a {
    color: #134080;
    text-decoration: none;
}
#content a:hover {
    text-decoration: underline;
}

/* Center Item */
#content .center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Signature */
#content .signature {
    color: #134080;
	font-family: "Pristina", "Apple Chancery", "Zapf Chancery", "Bradley Hand ITC", "Tempus Sans ITC", "French Script MT", "Monotype Corsiva", Georgia, "URW Chancery L", cursive;
	font-size: 2em;
	font-style: italic;
}

/* Horizontal Rule */
#content .hr {
	background: #801313;
	clear: both;
	height: 2px;
	margin: 12px auto;
	width: 100%;
}
#content .hrblue {
    background: #134080;
}
#content .hrgreen {
    background: #13806d;
}

/* Abbreviations */
#content abbr {
    color: #134080;
	font-style: italic;
}

/* Footer */
#footer {
    color: #fff;
    padding: 40px 0;
}