@charset "utf-8";
/* CSS Document */
/* ==================================================================================*/
/* Main base CSS stylesheet for content pages of site + extra rules for balls paints */
/*===================================================================================*/

html {
	font-size: 100%;	
}

* {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;	
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color:#5c5c5c;
	background: #FFF url(images/websiteLayoutImages/backgroundPaintspage02.jpg) no-repeat top center;
}

ul {padding: 5px 0px;}

a:link {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #2ab1eb;
	font-weight: bold;
}

a:active {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}


/* ===================== main divs ======================== */

#centre01 {
	width: 950px;
	margin: 0px auto;
	position: relative;
}

.double {
	border-bottom: #d8d8d8 double;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 2px;
}

.across01 {
	width: 100%;
	height: 15px;
	float:left;
	right:0px;
	background: url(images/websiteLayoutImages/across01.jpg) repeat-x top left;	
}

#across02 {
	width: 100%;
	float:left;
	right:0px;
	background: #a68f6e;	
}

#across03 {
	width: 100%;
	float:left;
	right:0px;
	background: url(images/backgroundHomePage.jpg) repeat top left;	
}

/* =================== top ============================== */

#top {
	float:left;
	width: 950px;
	height:81px;
}

#logo {
	float:left;
	width: 300px;
	margin-top: 5px;
}

#topNav {
	float: right;
	width: 465px;
	margin-top: 55px;
}

#topNav li {
	list-style: none;
	float:left;
}

#topNav li a {
	display:block;
	padding: 5px 15px;
}
/* ======================= header ======================= */

#header {
	float:left;
	width: 950px;
	height: 216px;
}

#headerText {
	float:left;
	width: 574px;
	height:112px;
	margin-top: 85px;
	color:#FFF;
}

#headerText a {
	font-size: 90%;	
}

#headerText a:link {color: #dfdbc6}
#headerText a:visited {color: #dfdbc6}
#headerText a:hover {color: #FFF; text-decoration:none;}
#headerText a:active {color: #dfdbc6}

/* ========================= content 01 ======================= */

#content01 {
	float:left;
	width: 950px;
	margin-top: 10px;
}

#content01 li {
	margin-left: 20px;
}

#content01Left {
	float:left;
	width: 625px;
	padding-top: 8px;
}

#content01Right {
	float: right;
	width: 276px;
}

#content01Top {
	width: 624px;
	float: left;
	padding-bottom: 3px;
	border-bottom: #d8d8d8 double;
}

#content01Bottom {
	width: 624px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

#content01BottomLeft {
	float:left;
	width: 310px;	
}

#content01BottomRight {
	float: right;
	width: 310px;
}

#content01Bottom02 {
	width: 624px;
	float: left;
}

#content01Bottom02Left {
	float:left;
	width: 300px;	
}

#content01Bottom02Right {
	float: right;
	width: 310px;
}



/* ====================== content02 ======================= */

#centre02 {
	width: 950px;
	margin: 0px auto;
	
}

#content02 {
	width:950px;
	float:left;
	padding-bottom: 8px;

}

#content02 li {
	margin-left: 20px;
}

#content02Left {
	float:left;
	width: 470px;
}

.content02LeftMainSection {
	float:left;
	width: 470px;
}

.content02RightMainSection {
	float: right;
	width: 470px;
}

.content02Section {
	float:left;
	width: 470px;
	padding-top: 5px;
}

.content02LeftSection {
	float: left;
	width: 230px;
}

.content02RightSection {
	float: right;
	width: 230px;
}

.contentBothSection {
	float:left;
	width: 950px;
}

.content02Section a:link {color:#646464;}
.content02Section a:visited {color:#646464;}
.content02Section a:hover {color:#000;}
.content02Section a:active {color:#646464;}

#content02Right {
	float: right;
	width: 470px;
}

/* ===================== content 3 and infobar========================== */

#centre03 {
	width: 950px;
	margin: 0px auto;
}

#content03 {
	width: 950px;
	float: left;
	color:#FFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

#content03Left {
	float:left;
	width: 470px;
	padding-top: 10px;
	font-size: 110%;
}

#content03Right {
	float:right;
	width: 470px;
}

/* ====================== footer======================== */

#centre04 {
	width: 950px;
	margin: 0px auto;
}

#footer {
	width: 950px;
	float: left;
	color:#FFF;
	padding-bottom: 50px;
	padding-top: 10px;
}

#footer ul {
	padding-top: 6px;
}

#footer li {
	list-style: none;
}

#footer a {
	color: #41a1c9;
	font-weight: normal;
}

#footer a:link {color: #41a1c9;}
#footer a:visited {color: #41a1c9;}
#footer a:hover {color:#FFF;}
#footer a:active {color: #41a1c9;}

#footerRight {
	float: right;
	width:242px;
	background: url(images/websiteLayoutImages/footerBallsLogo.gif) bottom right no-repeat;
}

#footerLeft {
	float: left;
	width:685px;
}

.footerLeftLeft {
	float: left;
	width:305px;
	clear:left
}

#footerLeftLeftLeft {
	float: left;
	width:148px;
}

#footerLeftLeftRight {
	float: right;
	width:148px;
}

#footerLeftRight {
	float: right;
	width: 360px;
}

/* =================== ABOUT US PAGE ========================= */

#aboutUs  {
	background: url(images/websiteLayoutImages/aboutPage02.jpg) no-repeat top center;
}

#aboutUs #content01Left {
	width: 660px;
}

#aboutUs #content01Bottom02 {
	width: 660px;
}

#aboutUs #content01Right {
	padding-top: 15px;
}

#aboutUs #topNav {
	width: 568px;
}

/* ======================= CONTACT PAGE ========================= */

#homeMainNav {
	width: 900px;
	float:left;
	color: #c3af96;
	padding-left: 50px;
}

.homeMainNavEach {
	float: left;
	width: 200px;
	margin-left: 60px;
	display: inline;
}

.homeMainNavEachTop {
	float: left;
	width: 200px;
	height: 80px;
}

.homeMainNavEachBottom {
	float: left;
	width: 200px;
}

.eachPicture {
	float: left;
	width: 231px;
	margin-right: 33px;
}




/* =================== text =========================== */

p {
	padding: 4px 0px;	
}

h1 {
	font-size: 200%;
}

.goldHeader {
	color:#a68f6e;	
	font-weight:bold;
	font-size: 200%;
}

.goldSub {
	font-weight: bold;
	color: #a68f6e;
	font-size: 110%;
}

.tel {
	font-weight:bold;
	font-size: 220%;
	font-style:italic;
	padding: 0px;
}

.email {
	font-weight:bold;
	font-size: 130%;
	font-style:italic;
	padding: 0px;
}

/* ====================== sitemap ================================ */

.sitemap a:link {color: #6d6d6d;}
.sitemap a:visited {color:#6d6d6d;}
.sitemap a:hover {color: #6d6d6d; text-decoration:underline;}
.sitemap a:active {color: #6d6d6d;}


#topNav a:link {color:#FFF;}
#topNav a:visited {color:#FFF;}
#topNav a:hover {color:#FFF; text-decoration:underline;}
#topNav a:active {color:#FFF;}