@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background-color: #111;
}
html {
	color: #CCC;
}

/*
 * Goes around everything
 */
#bodyWrapper {
	background-color: #000;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	border-style: solid;
	border-color: #555;
	border-width: 0 1px 1px 1px;
}

/*
 * The pages header with logo
 */
#pageBanner {
	margin: 0px;
	padding: 0px;
	background-color: #1f1f1f;
	background-image: url(../Images/banner_bg.jpg);
	background-repeat: repeat-x;
	height: 100px;
}
#pageBanner #logo {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	float: left;
}
/*
 * Used for the text next to the logo image
 */
#subtitle {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: x-small;
	color: #7F8183;
	float: left;
	padding-top: 42px;
	padding-left: .5em;
}
#pageFooter {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: italic;
/*	text-align: center;*/
	background-color: #333333;
	color: #eeeeee;
	padding-top: 0.25em;
	padding-bottom: 0.5em;
	clear: both;
	margin: 0px;
}
.footerthird {
	width:260px;
	float:left;
	margin-right:25px;
	padding-left:20px;
	padding-right:20px;
	padding-top:1em;
	padding-bottom:1em;
	
}
.footerthird-last {
	margin-right:0;
}

/*
 * The main navigation bar
 */
#pageNavigation {
	background-color: #333333;
	color: #898989;
	height: 1.75em;
}
#navTabs {
	list-style: none;
	margin: 0;
	padding: .2em;
}
#navTabs li {
	float: left;
	padding-left: 1.5em;
}
#navTabs li a {
	text-decoration: none;
	color: #898989;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
}
#navTabs a:hover,
	 body#home #t-home a,
	 body#about #t-about a,
	 body#style #t-style a,
	 body#prewed #t-prewed a,
	 body#gallery #t-gallery a,
	 body#links #t-links a,
	 body#vouchers #t-vouchers a,
	 body#locations #t-locations a,
 	 body#prices #t-prices a,
	 body#offers #t-offers a,
	 body#store #t-store a,
	 body#contact #t-contact a {
	color:#EEE;
}

/*
 * The side navigation bar
 */
#sideNav {
	float: left;
	width: 120px;
	font-family: Verdana, Geneva, sans-serif;
	color: #999;
	background-color: #333;
	font-size: small;
	border: 0;
	border-top-width: 1px;
	border-style: solid;
	border-color: #212121;
}
#sideNavList {
	list-style: none;
	margin: 0;
	padding: .2em;
}
#sideNavList li {
	float: none;
	padding-left: 1.95em;
	padding-top: 0.5em;
	height: 1.75em;
	border: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#sideNavList li a {
	text-decoration: none;
	color: #898989;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
}
#sideNavList a:hover {
	color:#EEE;
}
#sideNavList 
	 body#clothing #t-clothing a,
	 body#clothing #t-clothing a,
	 body#pre-birth #t-pre-birth a,
	 body#babies #t-babies a,
	 body#toddlers #t-toddlers a,
	 body#children #t-children a,
	 body#families #t-families a,
	 body#model-portfolio #t-model-portfolio a,
 	 body#passport #t-passport a,
	 body#promotional #t-promotional a,
 	 body#ballet #t-ballet a,
	 body#testimonials #t-testimonials a,
 	 body#studio #t-studio a {
	color:#EEE;
	padding-left: 1.0em;
}



/*
 * The page navigated to's content wrapper, contains the
 *  #pageContent element
 */
#navContent {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 140px;
	margin-right: 20px;
	background: #333333;
	padding: 15px;
	border: solid 1px #555;
}
/*
 * This styles the area holding the main page content
 */
#pageContent {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: small;
	/*background-color: #333333;*/
}

/*
 * Used for two column PageContent
 */
#leftcol {
	float: left;
	width: 47%;
	margin-right: 5%;
}
#rightcol {
	float: left;
	width: 47%;
}
/*
 */
.clear {
	clear: both;
}
h1 {
	font-size: small;
	margin: 0px;
	padding: 0px;	
}
h2 {
	font-size: small;
	margin: 0px;
	padding: 0px;
/*	color: #AAAAAA;*/
	font-weight: normal;
	font-style: oblique;
	color: #0FF;
	font-weight: bolder;
}
.underlined {
	border-bottom-width: 1px;
	border-bottom-color: #FFF;
	border-bottom-style: solid;
	padding-bottom: 0.5em;
	width: 45%;
}
hr {
	padding: 0px;
	margin-top: .25em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #EEEEEE;
}
/*
 * Used to center any content
 */
.centreP {
	text-align: center;
}
.tickUL {
	list-style-image: url(../Images/tick333.png);
	background: #333333;
}

/*
 * A class for framing images
 */
.borderImage {
	border: 5px solid #FFF;
	padding: 1px;
	margin: 20px;
}
.borderImageLHS {
	border: 5px solid #FFF;
	padding: 1px;
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.borderImageRHS {
	border: 5px solid #FFF;
	padding: 1px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
/*
 * With thinner borders
 */
.borderThinImage {
	border: 2px solid #FFF;
	padding: 1px;
	margin: 10px;
}
.borderThinImageLHS {
	border: 2px solid #FFF;
	padding: 1px;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.borderThinImageRHS {
	border: 2px solid #FFF;
	padding: 1px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

/*
 * With dark borders, used for darker pictures
 */
.borderDarkImage {
	border: 6px solid #000;
	background: #CCC;
	padding: 1px;
	margin: 20px;
}
.borderDarkImageLHS {
	border: 6px solid #000;
	background: #CCC;
	padding: 1px;
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.borderDarkImageRHS {
	border: 6px solid #000;
	background: #CCC;
	padding: 1px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
} 

/*
 * Border image modifier
 */
 .borderTopImage {
	 margin-top: 0;
 }