/* Color Scheme
Light Orange	        00bbec
Orange			03b1d3
Dark Orange		00a2c6

Light Red		006cb7
Red			006cb7
Dark Red		006cb7

Grey 			999999


Blue1	      	  	00bbec
Blue2			03b1d3
Blue3			00a2c6

Blue4			0091bd
Blue5			057aca
Blue6			026eac


Nav			006cb7


Font sizes:
10px	76.9%
11px	84.6%
12px	92.25%
13px	100%
18px	
*/


/* Eric Meyer's Reset CSS */
/* http://meyerweb.com/eric/tools/css/reset/index.html */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



body {
	font-family: Verdana,Arial,sans-serif;
	font-size: .8125em;
}

h1, h2, h3, h4, h5, h6, p, a {
	color: #464646;
}

h2 {
	font-size: 160%;
	font-weight: normal;
	line-height: 1.25em;
	margin-bottom: 1em;	
	color: #00a2c6;

}

p {
	line-height: 1.38em;
	margin-bottom: 1.5em;
}

hr {
	border-color: #e88411;
	border-style: none none solid;
	border-width: medium medium 1px;
	color: #fff;
	margin: 1.25em 0;
	width: 100%;
}

#content li {
	background: transparent url(../images/layout/bullet-blue.gif) no-repeat scroll 0 6px;
	line-height: 1.5em;
	list-style-image: none;
	margin-bottom: .5em;	
	margin-left: 0;
	padding-left: 15px;
	color: #464646;
/*
	list-style-image: url(../images/layout/bullet-blue.gif);
	margin-left: 1em;
	margin-bottom: .5em;	
	line-height: 1.38em;
*/
}

#home #content li {
	margin: 0;
	padding-left: 0;
	list-style-image: none;
	background-image: none;
}

#content .checkmark li {
	background: transparent url(../images/layout/checkmark.gif) no-repeat scroll 0 0;
	line-height: 20px;
	list-style-image: none;
	margin-left: 0;
	padding-left: 25px;
}

a:link, a:visited, a:hover, a:focus, a:active {
	text-decoration: underline;
	color: #464646;
}

a.moreInfo:link, a.moreInfo:visited, a.moreInfo:hover, a.moreInfo:active {
	font-weight: bold;
	background: #fff url(../images/layout/redarrow.gif) 0 50% no-repeat;
	padding-left: 18px;
	color: #000;
	line-height: 1.38em;
	text-decoration: none;
}

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

#header1, #header2 {
	margin-left: 5px;
	position: relative;
}

#header1 {
	height: 160px;
}

#header2 {
	height: 205px;
}

#header1 h1, #header2 h1 {
	width: 687px;
	height: 109px;
	position: relative;
}

#header1 h1 span, #header2 h1 span {
	background: transparent url(../images/layout/kidsclin-eczeem-logo.jpg) 0 0 no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#home #header1 h1 {
	width: 533px;
	height: 72px;
	position: relative;
	padding-top: 18px;
}

#home #header1 h1 span {
	background: transparent url(../images/layout/kidsclin-logo-home.gif) 0 0 no-repeat;
}

#header1 li, #header2 li {
	float: left;
}

#contactInfo {
	position: absolute;
	top: 10px;
	right: 0;
}

#contactInfo li {
	padding-left: 20px;
	font-size: 92.25%;
	text-align: right;
	text-transform: uppercase;
}

#contactInfo li a {
	border-right: 1px solid #999;
	padding-right: 5px;
	margin-right: 5px;
}

#contactInfo li:last-child a {
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}

#contactInfo li#contactEmail {
	background: transparent url(../images/layout/contact-email-icon.gif) 0 75% no-repeat;
}

#contactInfo li#contactPhone {
	background: transparent url(../images/layout/contact-phone-icon.gif) 0 75% no-repeat;
}

#contactInfo a:link, #contactInfo a:visited, #contactInfo a:hover, #contactInfo a:active {
	color: #999;
	text-decoration: none;
}

#searchForm {
	position: absolute;
	top: 40px;
	right: 0;
}

#searchForm input#searchInput {
	border: 1px solid #999;
	margin-right: 5px;
	color: #999;
}

#searchForm input#searchButton {
	vertical-align: middle;
}

#mainNav {
	position: absolute;
	top: 109px;
	left: 0;
	width: 100%;
	font-size: 92.25%;
	font-weight: bold;
	border-top: 5px solid #00bbec;
/*	border-top: 5px solid #e88411; */
	text-transform: uppercase;
}

#mainNav ul {
	width: 949px;
	margin-top: 1px;
	padding: 0 8px;
	background: #006cb7 url(../images/layout/mainnav-bg.gif) 0 100% no-repeat;
/*	background: #c72711 url(../images/layout/mainnav-bg.gif) 0 100% no-repeat; */
	float: left;
}

#mainNav li {
	margin: 4px 2px 0 2px;
}

#mainNav a {
	color: #fff;
	display: block;
	padding: 0 9px 5px 9px;
	line-height: 24px;
	text-decoration: none;
}

#mainNav li.current, #mainNav li.current:hover {
	background: transparent url(../images/layout/mainnav-item-current-bg-left.gif) 0 0 no-repeat;
}

#mainNav li.current a {
	background: transparent url(../images/layout/mainnav-item-current-bg-right.gif) 100% 0 no-repeat;
	color: #000;
}

#mainNav li.current a:hover {
	background: transparent url(../images/layout/mainnav-item-current-bg-right.gif) 100% 0 no-repeat;
}

#mainNav a:link, #mainNav a:visited, #mainNav a:hover, #mainNav a:active {
}

#mainNav li:hover {
	background: transparent url(../images/layout/mainnav-item-hover-bg-left.gif) 0 0 no-repeat;
}

#mainNav li:hover a {
	background: transparent url(../images/layout/mainnav-item-hover-bg-right.gif) 100% 0 no-repeat;
}

#subNav {
	position: absolute;
	top: 160px;
	left: 0;
	width: 100%;
}

#subNav li {
	margin: 0;
}

#subNav a {
	color: #006cb7;
/*	color: #c72711; */
	font-size: 88%;
	font-weight: bold;
	display: block;
	padding: 0 9px 5px 9px;
	line-height: 1.75em;
	text-decoration: none;
	border-left: 1px solid #999;
}

#subNav li.current a {
	background: #fff url(../images/layout/subnav-current-bg.gif) bottom center no-repeat;
}

#subNav li:first-child a, #subNav li.first_child a {
	border-left: none;
	padding-left: 3px;
}

#content {
	position: relative;
}

#content #moodImage {
	margin-left: 5px;
	float: left;
	width: 689px;
	height: 226px;
}

#content #orderBox {
	background: transparent url(../images/layout/order-box.jpg) 0 0 no-repeat;
	height: 226px;
	width: 256px;
	float: right;
	position: relative;
}

#content #orderBox h2 {
	position: relative;
	top: 15px;
	left: 10px;
	width: 155px;
	color: #006cb7;
/*	color: #c72711; */
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}

#content #orderBox h3 {
	width: 142px;
	height: 26px;
	position: absolute;
	bottom: 10px;
	left: 15px;
}

#content #orderBox h3 a {
	background: url(../images/layout/order-button.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#content #orderBox p {
	position: relative;
	top: 20px;
	left: 10px;
	width: 115px;
}

#content .contentRow {
	clear: both;
}

#content .additionalInfoBox {
	width: 160px;
	float: left;
	border-right: 1px solid #fff;
	margin-top: 1em;
	margin-bottom: 1em;
}

#content #additionalInfoBox1 {
	margin-left: 5px;
	background-color: #00bbec;

}

#content #additionalInfoBox2 {
	background-color: #03b1d3;
/*	background-color: #e88411; */
}

#content #additionalInfoBox3 {
	background-color: #00a2c6;
/*	background-color: #da4510; */
}

#content #additionalInfoBox4 {
	background-color: #0091bd;
/*	background-color: #c72711; */
}

#content #additionalInfoBox5 {
	background-color: #057aca;
/*	background-color: #8a2003; */
}

#content #additionalInfoBox6 {
	background-color: #006cb7;
/*	background-color: #006cb7; */
	border-right: none;
}

#content .additionalInfoBox ul {
	background-color: #fff;
	margin: 2px 2px 10px 2px;
	padding: 10px 5px;
}

#content .additionalInfoBox a {
	font-size: 84.6%;
	line-height: 155%;
}

#subPage #col1 {
	position: absolute;
	top: 6px;
	left: 5px;
	width: 161px;
}

#subPage #col2 {
	margin-top: 6px;
	margin-left: 188px;
	width: 503px;
}


#subPage #col4 {
	margin-top: 6px;
	margin-left: 188px;
	width: 503px;
}

#col2 h3, #col2 h4 {
	margin-bottom: .75em;
}

#col2 .contentBox {
	background: #fff url(../images/layout/col2-box-bg-bottom.gif) 0 100% no-repeat;
	padding: 1em;
	margin-bottom: 3em;
}

#col2 .contentBox h3 {
	background: #fff url(../images/layout/col2-box-bg-top.gif) 0 100% no-repeat;
	margin: -1em -1em 0 -1em;
	padding-bottom: 1.5em;
}

#col2 .contentBox p {
	margin-bottom: 0;
}

#subPage #col3 {
	position: absolute;
	top: 0;
	right: 0;
	width: 256px;
}

#home #col1 {
	width: 416px;
	clear: left;
	float: left;
	margin-right: 20px;
}

#home #col1 h2 {
	background: transparent url(../images/layout/home-col1-head-bg.gif) 0 0 no-repeat;
	margin-bottom: 0;
	padding: 6px 15px 7px 25px;
	height: 53px;
	color: #fff;
	font-weight: bold;
	font-size: 160%;
	line-height: 40px;
}

#home #col1 #imageStrip {
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	width: 150px;
}

#home #col1 #imageStrip img {
	margin-bottom: 10px;
}

#home #col2 {
	margin-top: 6px;
	margin-right: 20px;
	background: transparent url(../images/layout/home-col2-box-bg-bottom.gif) 0 100% no-repeat;
	width: 256px;
	float: left;
	padding-bottom: 11px;
}

#home #col2 h2 {
	background: #006CB8 url(../images/layout/home-col2-head-bg.gif) 0 0 no-repeat;
	margin-bottom: 0;
	padding-left: 25px;
	color: #fff;
	font-weight: bold;
	font-size: 160%;
	line-height: 40px;
}

#home #col2Box {
	background: transparent url(../images/layout/home-col2-box-bg-top.gif) 0 0 no-repeat;
}

#home #col2BoxContent {
	background: #fff url(../images/layout/home-col2-box-bg-top.gif) 0 0 no-repeat;
	padding: 15px 20px;
}

#home #col3 {
	background: #00bbec url(../images/layout/home-col3-bg-bottom.gif) 0 100% no-repeat;
	margin-top: 6px;
	width: 256px;
	float: left;
/* f3a11d */
}

#home #col3 h2 {
	background: #00bbec url(../images/layout/home-col3-head-bg.gif) 0 0 no-repeat;
	margin-bottom: 0;
	padding-left: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 160%;
	line-height: 40px;
/* f3a11d */
}

#home #col3 p {
	padding-left: 20px;
	color: #fff;
}

#home #col3 form#experience p {
	font-size: 84.6%;
	color: #464646;
}

#home #col3 form#experience input.textInput, #home #col3 form#experience textarea {
	width: 216px;
	border: none;
/*	border-bottom: 3px solid #c72710; */
	border-bottom: 3px solid #0091bd;
	padding: 2px;
}

#home #col3 form#experience input.textInput {
}

#home #col3 form#experience textarea {
	height: 115px;
}



/* Footer */

#footer {
	clear: both;
	float: left;
	width: 965px;
	margin-left: 5px;
	margin-top: 1em;
	margin-bottom: 1em;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #999;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 76.9%;
}

#footer ul {
	float: right;
}

#footer ul li {
	float: left;
}

#footer ul li a {
	padding: 0 5px;
	border-right: 1px solid #999;
}

#footer ul li:last-child a, #footer ul li.last_child a {
	padding-right: 0;
	border-right: none;
}
