/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0;
	padding: 10px 0 2px 0;
	font-size: small;
	background: #afafaf/*light grey*/ url(images/background.png) top left repeat-x;
}
* html body {
	font-size: x-small; /* for IE5/Win */
	f/ont-size: small; /* for other IE versions */
}
a:link {
	color: #333;
	text-decoration: underline;
}
a:visited {
	color: #999;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a:active{
	color: #333;
	text-decoration:none;}
.clear {
	clear:both;
	margin: 0;
	padding: 0;}
.center {
	margin: 0 auto;}
.pink {
	color: #8e1759;}
	
				/*--------------------- layout rules ---------------------------*/
				
#wrapper {
	width: 990px;
	min-height: 690px;
	margin: 0 auto;
	padding: 0 0 5px 0;
	border: 1px solid white;
	border-left: none;
	border-right: none;
	border-top: none;
	background: #fff url(images/bg-inside.png) top left repeat-x;
	}
#nav {
	margin: 0;
	padding: 0;
	width: 990px;
	border:1px solid black;
	background-color: #dadada;
	}
#hd-info-left {
	float:left;
	width: 300px;
	margin: 5px 10px;
	padding: 0 0 5px 0;
	font-size: 90%;
	}
#hd-info-left .icons {
	padding: 2px;
	margin: 4px 0 0 0;}	
#hd-logo {
	width: 305px;
	margin: 5px;
	padding:  5px 0 0 0;
	float:left;
	}
#hd-info-right {
	float:right;
	width: 300px;
	margin: 10px;
	padding: 0 0 5px 0;
	text-align:right;
	font-size: 80%;
	}	
#hd-info-right img {
	padding-left: 5px;
	margin-left: 5px;}	
					/*--------------------- content area index page ---------------------------*/
#content {
	margin: 20px 0 20px 0;
	text-align:center;
	font-size: 80%;
	height: 470px;
	overflow:hidden;
	}
#content .overviewpage {
	width: 500px;
	margin: 10px auto;
	}	
#portf-content .overviewpage img,
#portf-content .overviewpage td img {
	padding: 2px;
	border: 3px solid #dadada;
	}	
#content .overviewpage ul, #content .overviewpage ol {
	text-align:left;
	margin: 0 auto;
	width: 200px;
	font-size: 120%;
	line-height: 150%;
	}
#content .overviewpage ul li, #content .overviewpage ol li	 {
	padding: 5px 0;
	}
#checkout #content {
	margin: 0 0 20px 0;}
#content .img-left, #content .img-center, #content .img-right {
	float:left;
	padding: 2px;
	margin: 0 15px;
	border: 4px solid #dadada;
	background: #fff;
	}
#content .leftimg-subline {
	border:none;
	float:left;
	margin: 0 15px 10px 0;
	padding: 0;
	width: 250px;
	font-size: 90%;
	}	
	
#content .rightimg-subline {
	border:none;
	float:right;
	margin: 0 0 10px 15px;
	padding: 0;
	font-size: 90%;
	}		
#content .img-left {
	margin: 0 15px 0 25px;}

#lower-part {
	clear:left;
	margin: 30px 10px 20px 10px;
	padding: 5px 0;
	}
#lower-part .text-left {
		float:left;
	padding: 0;
	width: 320px;
	margin: 0 0 0 20px;
	}
#lower-part .text-center{
	float:left;
	padding: 0;
	width: 230px;
	margin: 0 15px 0 5px;
	}
#lower-part .text-right {
	float:left;
	padding: 0;
	margin: 5px 10px 0 20px;
	width: 300px;
	font-size: 90%;
	text-align:right;
	}
#lower-part .text-left img {
	padding: 1px;
	margin: 5px 0 0 0;
	border:none;
}	
#lower-part .text-left {
	margin: 0 30px 0 20px;
	}
#lower-part .text-left td {
	padding: 5px 0 5px 10px;
	font-size: 120%;
	}
#lower-part .text-center {
	line-height: 150%;
	padding: 5px 0 0 0;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	margin: 10px 20px 5px 10px;
	}
#lower-part .text-center p {
	text-align:center;
	line-height: 120%;}	
#lower-part .text-left p{
	padding: 0 0 10px 0;
	}		
#lower-part .text-right img {
	float:right;
	margin: 0 0 0 10px;}	

#lower-part .indent {
	padding: 10px 0 0 0;}	
						/*--------------------- content area ---------------------------*/
	
#leftcontent {
	width: 320px;
	float:left;}
#rightcontent {
	margin: 20px 10px 0 360px;
	padding: 0;
	height: 460px;
	width: 600px;
	text-align: left;
	overflow:auto;
	font-size: 120%;
	}
#rightcontent p{
	margin:5px 0 10px 0;
	padding: 0 10px 0 0;
	}
#rightcontent ol {
	list-style-type: decimal;
	margin: 5px 0 10px 5px;
	list-style-position:inside;
	}	
#rightcontent ol li {
	list-style-type:decimal;
	margin: 0;
	padding: 0 0 2px 0;}	
#rightcontent ul {
	margin: 5px 0 10px 5px;
	list-style-type:circle;
	}	
#rightcontent ul li {
	margin: 0;
	padding: 0 0 8px 0;}		

h1 {
	font-size: 120%;
	font-weight: normal;
	font-variant: small-caps;
	margin: 10px 0 5px 0;
	padding: 0 5px 0 0
	}
h2 {
	font-size: 120%;
	margin: 5px 0 3px 0;
	padding: 0 5px 0 0;
	}
h3 {font-size: 110%;
margin: 5px 0 0 0;
	padding: 0 5px 0 0;
}
.up {
	text-align:right;
	margin: 0;
	padding: 0;
	font-size: 90%;
	background:url(images/bg-up.gif) center left repeat-x;}
.up img{
	text-align:right;
	margin: 0 1px 0 0;}
img.right {
	float:right;
	margin: 0 5px 5px 10px;
	padding: 2px;
	background: #fff;
	border:2px solid #eee;}	
img.left {
	float:left;
	margin: 0 10px 5px 0;
	padding: 2px;
	background: #fff;
	border:2px solid #eee;}		
.bio-img {
	margin: 0 10px 5px 10px;
	width: 104px;
	text-align:center;
	font-size: 90%;
	float:right;}
.bio-img strong {
	font-size: 100%;}	
.bio-img img {
	margin: 0 0 2px 0;
	padding: 2px;
	background: #fff;
	border:2px solid #eee;
	}
img.media-img {
	float:left;
	margin: 0 15px 5px 0 ;
		}
.inthemedia {
	clear:left;}	
	
.inthemedia p{
	margin: 15px 0 5px 70px;
	padding: 15px 0;
	float:left;
	}
#contactform {
	margin: 5px 10px 5px 90px;
	padding: 5px;}	
	
.momsstories img {
	float:right;
	margin: 0 0 5px 10px;
	padding: 2px;
	border:3px solid #ddd;
	}
.momsstories {
	text-align:right;
	clear:right;
	width: 430px;
	margin: 0 20px 10px 120px;
	}		
.slightlybigger {
	font-size:120%;
	}

.big {
	font-size: 140%;}
.bigger {
	font-size: 160%;}
.biggest {
	font-size: 170%;
	line-height: 80%;}
.text-img-right {
	float:right;
	margin: 3px 0 5px 10px;
	border:4px solid #ddd;
	padding: 1px;}
.text-img-left {
	float:left;
	margin: 3px 10px 5px 0;}
.table-right {
	float:right;
	margin: 3px 10px 5px 10px;
	padding: 0 2px 2px 2px;
	border: 2px solid #ddd;}	
dd {
	margin: 5px 0 5px 10px;
	padding: 5px 0}	
	
	
					/*--------------------- portfolio ---------------------------*/
#portf-content {
	margin: 20px auto;
	width: 760px;
	height: 450px;
	padding: 0;
	text-align:center;
	font-size: 80%;
	}
#portf-content table {
	text-align:center;
	margin: 0 auto;
	}	
#portfolio-left {
	width: 350px;
	float:left;
	}
#portfolio-left .arrows a {
	 display:block;
	 height:444px;
	 width:24px;
	 overflow:hidden;
	}	
#portfolio-left .arrows a:hover { 
	text-indent:-24px;
	}	
#portf-michel-f01 #michel-f01, #portf-michel-f02 #michel-f02, #portf-michel-f03 #michel-f03,
#portf-michel-f04 #michel-f04, #portf-michel-f05 #michel-f05, #portf-michel-f06 #michel-f06,
#portf-michel-f07 #michel-f07, #portf-michel-f08 #michel-f08, #portf-michel-f09 #michel-f09,
#portf-michel-f10 #michel-f10, #portf-michel-f11 #michel-f11, #portf-michel-f12 #michel-f12,
#portf-michel-f13 #michel-f13, #portf-michel-f14 #michel-f14, #portf-michel-f15 #michel-f15,
#portf-michel-f16 #michel-f16, #portf-michel-f17 #michel-f17, #portf-michel-f18 #michel-f18,
#portf-michel-f19 #michel-f19, #portf-michel-f20 #michel-f20, #portf-michel-f21 #michel-f21,
#portf-michel-f22 #michel-f22, #portf-michel-f23 #michel-f23, #portf-michel-f24 #michel-f24,
{
	text-indent: -39px;
	border: 1px solid #ccc;
	}	
#portfolio-left img.portf-img {
	padding: 2px;
	margin: 0 4px 0 5px;
	border: 4px solid #ddd;
	}	
#portfolio-right {
	margin: 0 10px 0 360px;
	padding: 0;
	height: 460px;
	text-align: left;
	overflow:auto;
	font-size: 120%;
	font-size: 100%;
}
#portfolio-right h1 {
	font-size: 120%;
	padding: 0 0 5px 0;
	margin: 0;}
#thumbs a {
	 display:block; 
	 height:39px;
	 width:39px;
	 overflow:hidden;
	 border:1px solid #fff;
	 }	
#thumbs a:hover { 
	text-indent:-39px;
	border: 1px solid #ccc;
	}
#portf-quote {
	height: 246px;
	margin: 0;
	padding: 0;
	}	
#portf-tumnails {
	width: 320px;
	padding: 2px;
	margin: 5px 0;
	}
#thumbnail-hd {
	width: 320px;
	padding: 0;
	margin: 0;
	text-align:center;
	}	
.tumbnail-gallery {
	border: 1px solid #ddd;
	border-left: none;
	border-right: none;
	text-align:center;
	margin: 5px 0;
	padding: 2px 0;
	width: 320px;}

					/*--------------------- footer ---------------------------*/
#footer {
	clear:both;
	width: 990px;
	margin: 0 auto 10px auto;
	padding: 0;
	font-size: 80%;
	color:#fff;
	text-align:center;}
#footer p {
	margin: 0 0 5px 0;
	padding: 5px 0; }	
#footer p.dark {
	color: #666;}	
	
					/*--------------------- text below footer ---------------------------*/
#belowtext{
	clear:both;
	width: 990px;
	margin: 25px auto 10px auto;
	padding: 0;
	color:#666;}
#belowtext p {
	margin: 0 0 5px 0;
	padding: 5px 0; }