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

Name: Connect To Patients
URL: www.connecttopatients.com
Description: 
Author: MD Debranski

Blueprint CSS Grid :
	- Column Count: 24
	- Column Width: 30px
	- Gutter Width: 10px
	- Total Width : 950px
	
	- Baseline: 20px


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

/* Table of Contents
 ------------------------------------------
 
   I. Major Page Structure / Global Elements
  II. Header & Navigation
 III. Main Content
 		A. Non-Layout Specific Content Styles
		B. Layout Specific Content Styles
  IV. Footer
   V. Global Custom Classes
  VI. Blueprint & Superfish Overrides

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


/********************************************************************************
			 --- I. Major Page Structure / Global Elements  ---
*********************************************************************************/



body {margin-top:0px;background: url(/images/tile-body.png) repeat-x; }

h1 {color:#195690;font-size: 1.75em; line-height: 1.25em;}
h2 {color:#195690;font-size: 1.5em; line-height: 1em;}
h3 {color:#373737;font-size: 1.25em; line-height: 1.2em;}
h4 {color:#195690;font-size: 1.166667em; line-height: 1.285714em;}

a {color:#195690;}
a:hover {text-decoration: none;color:#373737;}

p{color:#373737; font-size:1em; line-height: 1.5em}

ul li{}

#header{background: url(/images/img-header-main.jpg) no-repeat center top; margin:0 auto;}
body.interior #header {height:115px}

#logo{background: url(/images/logo.png) no-repeat center top;width:358px;height:63px;margin:1.5em 0 0 0; float:left;}
#logo a{width:358px; height:63px;} 

#contact-us{background: url(/images/bkg-contact-us.png) no-repeat; width: 385px; height: 34px; margin-top:3em; float:right}
#contact-us p{color:#195690; font-size: 14px; font-weight:500; font-size: 1.166667em;line-height: 1.285714em;padding:10px 0 0 10px; font-weight:bold}

#hero {height:304px;position:relative; margin-top: 3em }
#hero img{position:absolute; bottom: 0px; }
#hero .title {color:#195690;font-size: 2em;line-height: 0.75em;margin-bottom:0.75em; margin-top:15px}
#hero .sub-title{color:#227d37;	font-size: 1.333333em;line-height: 1.125em;margin-bottom:0.75em;}

#navigation {height:42px; background: #e5ecd8; border-top: 3px solid #fff;}
#navigation ul{padding-left:30px}
#navigation ul li {display:block; float:left; background: url(/images/gfx-nav-pipe.gif) no-repeat left; height:40px; }
#navigation ul li a{color:#373737;font-weight: bold;text-decoration: none;height:42px; padding: 14px 40px 0 40px;display:block }
#navigation ul li:hover{background: #cddcb7;}

#content{background: #ffffff; padding-top:3em; margin-bottom:3em}
#content .main{float:left; margin-right:10px; width:590px; margin-right:60px}
#content .main .bullets h4{color:#373737; font-size:1em; background: url(/images/gfx-list-bullet.png) no-repeat; font-weight:bold;height:1.5em;line-height:1.5em;margin-bottom:0;padding-left:30px;}
#content .main .bullets p{padding-left:30px;}
#content .main .adwords{padding-left:15px;}
#content .sidebar{float:left; width:210px;}
#content .sidebar .module {background: url(/images/gfx-module-top.png) no-repeat top; width:249px;  position: relative; margin-bottom: 1.5em}
#content .sidebar .module h3{padding:8px 0 0 12px;}
#content .sidebar .module p{background: #f3f3f3; display:block; width:219px; padding:15px; overflow: hidden; margin-bottom: 0px}
#content .sidebar .module .bottom{background: url(/images/gfx-module-bottom.png) no-repeat left;width:249px; height: 11px; position: absolute; bottom:0px; padding-top:0px margin-top:0px}

#content a.buttons {background:transparent url(/images/sprite-buttons.png) no-repeat scroll 0 0;display:block;height:22px;margin:1.5em 0;text-indent:-10000px;}
#content a.application{background-position: 0 0 }
#content a.application:hover{background-position: 0 -22px }
#content a.download{background-position: 0 -44px}
#content a.download:hover{background-position: 0 -66px}
#content a.read-more{background-position: 0 -88px }
#content a.read-more:hover{background-position: 0 -110px }

#footer{border-top: 10px solid #e5edd9; font-size: 0.833333em;line-height: 1.8em;  }
#footer a{text-decoration: none;color:#373737;}
#footer a:hover{color:#195690;text-decoration: underline}
#footer ul li{display:inline; border-right: 1px solid #cccccc; padding:2px 15px;}
#footer ul li.last{border:0px}
#footer .footer-navigation {float:left; margin-top:3em; margin-bottom: 6em}
#footer #copyright{float: right; margin-top:3em; margin-bottom: 6em}

/********************************************************************************
			 --- Global Custom Classes  ---
*********************************************************************************/

.no-display{display: none} 
hr.perforated{background:url(/images/tile-dotted-line.gif) repeat-x;  }


/********************************************************************************
			 --- Pop Up Classes  ---
*********************************************************************************/

body.pop-up {background-image:none; background-color:#ffffff}
body.pop-up .overlay{display:block; }
#TB_title{background-color:#eaeaea}
body.pop-up .overlay h1 {background-color:#eaeaea; padding:0em 1.5em 1em 1.5em;}
body.pop-up .overlay .main-content{margin:3em}
#TB_window {background:#EAEAEA}

/********************************************************************************
			 --- Icebrrg Forms  ---
*********************************************************************************/

.medField.type-name .textField, .medField.type-address .dropdown.country {width:175px;}
.checkbox-container label {left:6px;position:relative;top:-2px;}
textarea {height:100px}
.medField .textField{width:500px}
.submitButtonContainer .submitButton{background-color:#E4ECD7;border:0 none;color:#444444;font-family:arial;font-size:1em;margin:0;padding:4px 10px;}