/* CSS Document */

/*********************************************************************************************/
/*general settings*/

* {
	margin:0;
	padding:0;
	}
html {
	height:100%;
	}

body {
	height:100%;
	background: #f1c5d6 url(images/bg.jpg) left top repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 62.5%;
	text-align:center; /*this centers the container div in IE5. Text in the container div is then set to align left*/
}

a {
	text-decoration:none;
	color: #000000;	
	}
		
/***********************************************************************************************/	
/*start page details only*/

#indexContainer{ /*this container is only used on the index page as the bg image has no squares on it*/
	text-align:left;
	width:758px;
	height:756px;
	margin-left: auto; /*both margins centre container div on page*/
	margin-right:auto; /*both margins centre container div on page*/
	color: #000000;
	background: url(images/figure-square-img.jpg) left top;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}
	
#animatedLogo {
	width:432px;
	height:223px;
	position:relative;
	left: 164px;
	top: 127px;
	}

#searchOpt {
	display:none; /*text for google search engine to index*/
	}

#enterSite {
	position:relative;
	left: 195px;
	top: 130px;
	color: #FFFFFF;
	width: 200px;
	}
	
#enterSite a {
	color:#ffffff;
	text-decoration: none;	
	}

#enterSite a:hover{
	color:#fde9f4;
	text-decoration: none;	
	}
	
#sp_copyrightDetails {
	border-top: #ffffff 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:2px;
	text-align:left;
	color: #FFFFFF;
	background:#3d3d3d url(images/footer_bg.jpg) left bottom repeat-x;
	width:748px;
	}
	
#sp_copyrightDetails p{
	font-weight: bold;
	font-size: 1.3em;
	}
/*****************************************************************************/
/*for all pages excluding index page*/

#topBar {
	height:15px;
	padding-left:10px;
	background:#3d3d3d url(images/footer_bg.jpg) left bottom repeat-x;
	}

#container{
	position:relative;
	text-align:justify;
	width:758px;
	height: auto !important;
	height:762px;
	min-height: 762px;
	margin-left: auto; /*both margins centre container div on page*/
	margin-right:auto; /*both margins centre container div on page*/
	color: #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #ffffff url(images/figure-square-img.jpg) left top no-repeat;
	}
	
#masthead {
	display:inline;
	float:left;
	width:750px;
	height:192px;
	}

#branding {
	width:375px;
	height:185px;
	padding-left:97px;
	}
	
#menu{
	float:right;
	width:375px;
	height:95px;
	}

#aboutButton {
	float:left;
	width:88px;
	height:88px;
	background:#231a1e;
	border:solid 1px #ffffff;
	text-align: center;
	}

#aboutButton a{
	display:block;
	color:#ffffff;
	text-decoration: none;
	padding-top: 36px;
	}

#aboutButton a:hover{
	display:block;
	height:50px;
	width:86px;
	background:#ffffff;
	color:#000000;
	text-decoration: none;
	border: solid 1px #000000;
	}

#productsButton {
	float:left;
	margin-left:5px;
	width:88px;
	height:88px;
	background:#33252b;
	border:solid 1px #ffffff;
	text-align: center;
	}


#productsButton a{
	display:block;
	color:#ffffff;
	text-decoration: none;
	padding-top: 36px;
	}

#productsButton a:hover{
	display:block;
	height:50px;
	width:86px;
	background:#ffffff;
	color:#000000;
	text-decoration: none;
	border: solid 1px #000000;	
	}

#contactButton {
	float:left;
	margin-left:5px;
	width:88px;
	height:88px;
	background:#402e35;
	border:solid 1px #ffffff;
	text-align: center;
	}
	

#contactButton a{
	display:block;
	color:#ffffff;
	text-decoration: none;
	padding-top: 36px;
	}

#contactButton a:hover{
	display:block;
	height:50px;
	width:86px;
	background:#ffffff;
	color:#000000;
	text-decoration: none;
	border: solid 1px #000000;	
	}

#mainContentHolder {
	float:left;
	width:377px;
	}

#mainContent {
	float:right;
	width: 365px;
	height: auto !important;
	height:365px;
	min-height:365px;
	padding:4px;
	background: #ffffff url(images/main-content-bg.jpg) left top no-repeat;
	border:1px solid #000000;
	}
	
#mainContent a{
	color:#d70374;
	}

#secondaryContentHolder {
	float:right;
	width:376px;
	}
	
#secondaryContent {
	float:left;
	width: 365px;
	height: auto !important;
	height:460px;
	min-height:460px;
	padding:4px;
	background: #000000 url(images/secondary-content-bg.jpg) left top no-repeat;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-top:1px solid #ffffff;
	color:#ffffff;
	}
#secondaryContent a{
	color:#f7c7d9;
	}

#secondaryContent a:visited {
color:#d70374;
	}

#clear {
	clear:both;
	}

#copyrightDetails {
	border-top: #ffffff 1px solid;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:2px;
	text-align:left;
	color: #FFFFFF;
	background:#3d3d3d url(images/footer_bg.jpg) left bottom repeat-x;
	}
	
#copyrightDetails p{
	font-weight: bold;
	font-size: 1.3em;
	}

.logos{
	position:relative;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	text-align: left;
	border-bottom: 1px solid #000000;
	}
	
.headingText {
	color: #d70374;
	font-weight: bold;
	width:250px;
	height:auto;
	}

.hide{
	display:none;
	}

.photos{
	border: 1px solid #000000;
	}

.darkPink {
	color: #e90099;
	}
	
.lightPink {
	color: #f6c6d8;
	}

h1 {
	font-size: 1.8em;
	margin-bottom: 3px;
	}
	
h2 {
	font-size: 1.6em;
	color: #d70374;
	margin-bottom: 3px;
	}

#secondaryContent h2 {
	color:#c58ba1;
	}

h3 {
	font-size: 1.4em;
	color: #d70374;
	}

#secondaryContent h3 {
	color:#f6c6d8;
	}
	
p {
	font-size: 1.2em;
	}
.image_text p{
	color:#ffffff;
	text-indent: 10px;
	}