/* Start of CMSMS style sheet 'miraclesprings' */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Author: Danny Halarewich
    Website: www.limewheel.com	
	
	FONT SIZING GUIDE
	
	This website uses EM's to specify font sizes. The base font-size is 62.5% which equals 10px.
	This even base number makes it easy to specify EM's sizes that relate to relative pixel sizes.
	i.e. 1.2em = 12px		1.8em = 18px		3.6em = 36px
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* =RESET STYLES
   ----------------------------------------------------*/
   
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
   
/* =TYPOGRAPHIC STYLES
   ----------------------------------------------------*/


h1 {
	font: italic 3.6em/1em "Times New Roman", Times, serif; 
	color: #4481a6;
	padding: 15px 0 10px 0;
}


h2 {
	font: italic 3.0em "Times New Roman", Times, serif; 
	color: #023c5f;
	padding: 5px 0;
}

h3 {
	font: italic 2.4em "Times New Roman", Times, serif; 
	color: #4481a6;
	padding: 5px 0 0 0;
}

h4 {
	font: bold italic 1.4em "Times New Roman", Times, serif; 
	color: #4481a6;
	padding: 5px 0;
}

p {
	font: normal 1.4em/1.6em "Adobe Caslon Pro", "Times New Roman", Times, serif; 
	color: #5a5a5a;
	margin: 10px 0;
}

a {
    font: inherit; 
    color: #4481a6;
    text-decoration: none;
    border-bottom: 1px dotted #4481a6;
}
	a:hover {color: #013c5f; border-color: #013c5f;}

strong {font-weight: bold;}
em {font-style: italic;}

ul {
	list-style: inside disc;
	font-size: 1.4em;
	line-height: 2em;
	margin: 10px 0;
}

	#content ul {
		list-style-position: outside;
		list-style-type: none;
	}
		#content ul li {
			background: url(../i/bullet.png) left center no-repeat;
			padding-left: 15px;
		}

ol {
	list-style: inside decimal;
	font-size: 1.4em;
	margin: 10px 0;
}

abbr, acronym {border-bottom: 1px dotted #000;}

.pink {color: #e0607b;}

h1 strong {color: #023c5f; font-weight: normal; font-style: italic; font-size: 1.67em;}

p.introContent {font-size: 1.8em; line-height: 1.2em; font-style: italic; margin: 0 0 15px 0;}


/* =LAYOUT STYLES (header, content, footer, etc.)
   ----------------------------------------------------*/

body {
	font: normal 62.5%/1.125em "Adobe Caslon Pro", "Times New Roman", Times, serif; 
	color: #5a5a5a;
	background: #013c5d url(/i/main_bg.jpg) 0 0 repeat-x;
	margin: 0;
	padding: 0;
}


#wrapper {
    width: 960px;
    margin: 0 auto;
}

#header {
	position: relative;
    width: 960px;
	height: 172px;
    background: transparent url(/i/header_bg.jpg) 0 0 no-repeat;
}

	#header img {
		display: block;
		width: 265px;
		height: 155px;
		position: absolute;
		top: 8px;
		left: 348px;
	}

    #header ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
        #header ul li {
            display: block;
            height: 16px;
            position: absolute;
            top: 121px;
        }        
	        	#header ul li a {
	        		display: block;
	        		height: 16px;
	        		border: none;
	        	}
        			#wrapper #header ul li a:hover {background-position: left -16px;}
        
        	#header ul li#n_products {width: 86px; left: 107px;}
        		#header ul li#n_products a {background: transparent url(/i/n_products.png) 0 0 no-repeat;}
        		
        	#header ul li#n_practices {width: 82px; left: 232px;}
        		#header ul li#n_practices a {background: transparent url(/i/n_practices.png) 0 0 no-repeat;}
        		
        	#header ul li#n_livesales {width: 81px; left: 658px;}
        		#header ul li#n_livesales a {background: transparent url(/i/n_livesales.png) 0 0 no-repeat;}
        		
        	#header ul li#n_contact {width: 77px; left: 777px;}
        		#header ul li#n_contact a {background: transparent url(/i/n_contact.png) 0 0 no-repeat;}   		
        		

        		#b_products #header li#n_products a {background-position: left -16px;}
        		#b_practices #header li#n_practices a {background-position: left -16px;}
        		#b_livesales #header li#n_livesales a {background-position: left -16px;}
        		#b_contact #header li#n_contact a {background-position: left -16px;}


#contentOuterWrap {
	width: 960px;
	background: transparent url(/i/wrapper_bg.png) 0 0 repeat-y;
}

#contentInnerWrap {
    width: 940px;
    background: transparent url(/i/site_top.jpg) 0 0 no-repeat;
    padding: 0 10px;
}

#content {
    width: 900px;
    min-height:500px;
    background: transparent url(/i/site_bottom.jpg) left bottom no-repeat;
    padding: 30px 20px;	
}

#col1 {
	float: left;
	width: 560px;
	margin-right: 30px;
}

#col2 {
	float: left;
    width: 310px;
}

#col1b {
	float: left;
	width: 526px;
	margin-right: 30px;
}

#col2b {
	float: left;
	width: 344px;
}

#footer {
    width: 920px;
	background: transparent url(/i/footer_bg.png) 0 0 no-repeat;
	padding: 10px 20px;
}

	#footer ul {
		list-style-type: none;
		margin: 0;
	}
		#footer ul li {
			display: inline;
			font: normal .86em Helvetica, Verdana, Arial, sans-serif;			
		}
			#footer ul li a {border: none;}
				#footer ul li a:hover {color: #fff}
				
	#footer p {font: normal 1em Helvetica, Verdana, Arial, sans-serif; color: #4776a7;}

	#footer a#siteBy {
		float: right;
		width: 81px;
		height: 47px;
		background: transparent url(/i/limewheel_logo.png) 0 0 no-repeat;
		border: none;
	}
		#footer a#siteBy:hover {background-position: top right;}
		

/* =CONTACT FORM
   ----------------------------------------------------*/

form dt {
	font-size: 1.2em;
	color: #253B5C;
	margin-bottom: 5px;
}

form dd {
	margin-bottom: 10px;
}

form dd input {
	width: 342px;
	height: 20px;
	border: 1px solid #4481a6;
}

form textarea {
	width: 342px;
	border: 1px solid #4481a6;
}


/* =MISC. STYLES
   ----------------------------------------------------*/
   
.f-left {float: left;}
	img.f-left {margin: 10px 20px 20px 0;}
	
.f-right {float: right;}
	img.f-right {margin: 0 0 20px 20px;}


/*----Add image replaced element here----*/

#footer a#siteBy,
#header ul li a {
    letter-spacing: -10000em;
    text-indent: -99999em;
    overflow: hidden;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}


/* End of 'miraclesprings' */