/* clean slate 
------------------------------------------------------------------ */

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 { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
.clear{clear: both}
a {text-decoration: none}
/*---------------------------------------------------------------*/

body{background: #1f282b; color:#fbf9de; font: 18px Arial, Helvetica, sans-serif}
#wrapper{background:url(images/bg.jpg) 0 0 no-repeat; width: 980px; height: 738px; margin: 56px auto; position: relative}
#card{background: url(images/sprite.png) no-repeat -10px -3026px; width: 341px; height: 378px; position: absolute; left: 17px; top: 107px}
a.logo{background:url(images/sprite.png) 0 0 no-repeat; background-position: -362px -9px; width: 216px; height: 56px; display: inline-block}
.left{float: left}
.right{float: right}
.clear{clear: both}

/*tabs*/
ul.tabs li a{background:url(images/sprite.png) left center no-repeat; background-position: -10px -466px; width: 270px; height: 30px;  display: block; font-size:20px; padding: 15px 15px 10px; margin: 10px 0}
ul.tabs li a:hover{background: url(images/sprite.png) no-repeat -10px -522px}
ul.tabs li a.current{background: url(images/sprite.png) no-repeat -10px -2971px; width: 323px; color:#9b6e02}
div.panes >div{display: none}
/*.panes-bg{position: absolute; top: -92px;left: 356px; width: 671px;height: 833px;background: url(images/sprite.png) no-repeat -10px -1906px; color: #4b4a41; font-size: 13px}*/
.panes-bg{position: absolute; top: -43px; left: 356px; background: url(images/panes-bg.png) no-repeat 0 0; width: 671px; height: 756px; color: #4b4a41; font-size: 13px; z-index: 10}
.contact-panes-bg{position: absolute; top: -43px; left: 356px; background: url(images/contact-panes-bg.png) no-repeat 0 0; width: 671px; height: 494px; color: #4b4a41; font-size: 13px}
.tabs-bg {position: absolute; top: -56px;left: 318px; width: 750px;height: 833px;background: url(images/spriteme2.png) no-repeat -10px -1906px; color: #4b4a41}
.card-padding{padding: 20px 24px}
.right{float: right; text-align: right; position: relative; right: 24px; top: 42px}
a.close{background: url(images/sprite.png) no-repeat -10px -882px; width: 34px; height: 34px; float: right; text-indent: 2000px}
.padding20 a.close{margin: 0px -10px}
.padding20{padding: 17px 20px 10px;}
.padding12{padding: 12px}

/* text and links */
p.tag-line{margin: 13px 0 13px 51px; font-size: 10px; letter-spacing: 0.5px}
p.who{margin-top: 2px; margin-left: 15px; font-size: 14px; width: 189px}
	span.phone{float: right; margin-right: 12px}
p.no-top{margin: 0 0 10px}
.padding20 h4{color: #9B6E02; font-weight: normal; font-size: 26px; border-bottom: 1px solid #c3c3c3; padding-bottom: 9px}
.padding20 p{margin: 10px 0}
a {color:#fbf9de; text-decoration: none}
a.email{color:#4070FB}
a.facebook{background: url(images/fb_logo.png) scroll no-repeat left top; display: inline-block; width: 27px; height: 27px}
p.pop-first{margin-top: 20px}
.portrait img{margin: 1px}
.leftcol{float: left; width: 40%}
.rightcol{float: right; width: 50%}


/*about*/
.about-wrap{margin: 10px 0}
.about-pill{background:url(images/sprite.png) 0 0 no-repeat; background-position: -10px -578px; width: 632px; height: 152px; margin: 10px 0; float: left}
.portrait{background: url(images/sprite.png) 0 0 no-repeat; background-position: -10px -730px; width: 152px; height: 152px; float: left; margin-top: 8px}
.about-cv{float: left; width: 70%; padding-left: 10px}
ul.discus{list-style: disc; padding-left: 14px; margin-top: -5px}
ul.discus li{margin-bottom: 3px}
.about-cv ul{list-style: disc; padding-left: 14px}
.about-cv p{margin: 5px 0}

/*contact*/
.leftcol_contact{float: left; width: 28%; border-right: 1px solid #c3c3c3; margin-top: 10px}
.rightcol_contact{float: left; width: 60%; padding-left: 34px; margin-top: 10px}

/*welcome*/


.welcome {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.75);
	bottom:63px;
	font-size:13px;
	left:356px;
	padding:10px;
	position:absolute;
	width:36%;
	text-align: right
}

.ie .welcome{background: url(images/welcomeBg.png) scroll repeat 0 0}

.welcome h3{
	font-size: 20px;
	margin: 16px 0;
	font-weight: normal
}

.welcome ul{margin: 10px 0}
	.welcome a{color:#6698b6}

/* maternity bug/alert pill */

.alertPill{ background: url(images/alertPill.png) scroll no-repeat 0 0;   width:198px; height:63px; font-size: 12px; padding: 10px 12px; color: rgb(255,255,255); line-height: 15px; position: absolute; top: 24px; left: 16px }
	.alertPill.opened{ background:url(images/alertOpened.png) scroll no-repeat 0 0 }

	/* maternity modal */
	.overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; background-color: rgba(0,0,0,0.75); display: none }
	.modal{  z-index: 30; background-color: rgb(255,255,255); padding: 20px 20px 70px; color: rgb(0,0,0); position: absolute; left: 0x; top: 94px; color: rgb(75, 74, 65); font-size: 13px; display: none;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	 }
	 
	 .modal { }
	 	.modal h4{ color: #9B6E02; font-weight: normal; font-size: 26px; border-bottom: 1px solid #c3c3c3; padding-bottom: 9px }
		.modal a{color: rgb(64, 112, 251) }
		.modal p{ margin: 10px 0 }
		
		.modal .leftcol, .modal .rightcol{ margin-top: 20px }
		
		.alert{ color: rgb(227,61,61) }
		
		

/*footer*/
ul.footer{position: absolute; bottom: -40px; color:#fefefe; text-align: right; width: 980px; margin: 0 auto}
	ul.footer li{display: inline; font-size:12px; border-right: 1px solid #fefefe; padding: 0 7px 0 2px}
		ul.footer li.last{border-right: none; padding-right: 0}
p#copyright{position: absolute; bottom: -60px; right: 0; color: #fefefe; font-size: 12px}