@charset "utf-8";
/* CSS Document */
/*
 
###########################################################################################################
# CS Property Services - Global Cascading Style Sheet (Media Target = Web Browser)                        #
#~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~#
# Hand Crafted With Care By Oliver Sanders, Copyright © handyplumb.co.uk 2009, All Rights Reserved        #
# Portions Copyright © Oliver Sanders 2009, All Rights Reserved                                           # 
#~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~#
# Feel Free To Have A Look Arround This CSS File As It Is Always The Best Way To Learn Some Of            #
# The Nifty Little Tricks Employed To Make Things Look Extra Marvellous.                                  #
########################################################################################################### 

*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, pre, form, fieldset, p, blockquote, th, td, img, a {
	margin: 0;
	padding: 0;
	border: 0;
}

body{
	background-attachment: fixed;
	background-image: url(../PageBkg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	
	text-align:center;
}

a:link{
	color: #cc3333;
	text-decoration: none;
}
a:visited{
	color: #cc3333;
	text-decoration: none;
}
a:hover{
	color: #DF7D7D;
	text-decoration: none;
}

#container{
	width: 650px;
	margin: 0 auto 0 auto;
	text-align:center;
}

#header{
	width: 650px;
	height: 130px;
	text-align: left;		
}

#navbar{
	width: 650px;
	height: 26px;
	margin-top:0;
	padding-top:0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cc3333;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #cc3333;
	text-decoration: none;
}

#navbar a{
	padding-left: 12px;
	padding-right: 12px;
	line-height: 26px;
	display:inline-block;
}
#navbar a:hover{
	background-color: #cc3333;
	color: #FFFFFF;
}
#navbar a:active{
	color: #DF7D7D;
}
#navbar a.sel{
	background-color: #DF7D7D;
	color: #FFFFFF;
}
#navbar a.sel:hover{
	background-color: #cc3333;
	color: #FFFFFF;
}
#navbar a.sel:active{
	color: #FFFFFF;
}

#footer{
	width: 650px;
	height: 26px;
	line-height: 26px;
	padding-top:0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cc3333;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #cc3333;
	text-decoration: none;
}
#footer span.leftcontent{
	float:left;
}
#footer span.designerinfo{
	float:right;
	color: #DF7D7D;
}

#contentArea{
	width: 420px;
	float: left;
	margin-top: 20px;	
}

#contentTop{
	width: 420px;
	height: 10px;
	font-size: 2px;
	background-image: url(../PageContentTop.png);
	background-repeat: no-repeat;
	background-position: left top;	
}

#contentCenter{
	width: 420px;
	background-image: url(../PageContentCenter.png);
	background-repeat: repeat-y;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #cc3333;
}

#contentCenter p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #cc3333;
	text-align:justify;
	text-decoration: none;	
	margin: 0 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#contentCenter span.littleText{
	font-size: 10px;
}
#contentCenter ul{
	text-align: left;
	font-size: 13px;
	color: #982727;
	list-style-type: disc;
	margin: 0 0 0 50px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 25px;
}
#contentCenter h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #982727;
	text-align: left;
	text-decoration: none;
	margin: 0 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.ImageGallerySection{
	width: 385px;
	margin: 0 auto;
	text-align: left;
}

#contentBottom{
	width: 420px;
	height: 10px;
	font-size: 2px;
	background-image: url(../PageContentBottom.png);
	background-repeat: no-repeat;
	background-position: left top;	
}
#sidebarArea{
	width: 220px;
	float: right;
	margin-top: 20px;	
}

div.sidebarPanelTop{
	width: 220px;
	height: 10px;
	font-size: 2px;
	background-image: url(../PageSideBarTop.png);
	background-repeat: no-repeat;
	background-position: left top;
}

div.sidebarPanelCenter{
	width: 220px;
	min-height: 60px;
	background-image: url(../PageSideBarCenter.png);
	background-repeat: repeat-y;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-align:justify;
	color: #cc3333;
}
div.sidebarGalleryPanelCenter{
	width: 220px;
	min-height: 60px;
	background-image: url(../PageSideBarCenter.png);
	background-repeat: repeat-y;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #cc3333;
}
div.sidebarGalleryPanelCenter img{
	margin: 3px;
}
div.sidebarGalleryPanelCenter h3.panelHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-style: italic;
	font-weight: bold;
	color: #982727;
	text-align:left;
	text-decoration: none;
	margin: 0 15px;
	padding-top: 2px;
	padding-bottom: 5px;
}
div.sidebarPanelCenter p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #cc3333;
	text-align:justify;
	text-decoration: none;	
	margin: 0 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.sidebarPanelCenter span.ContactInfoPhone{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: bold;
	color: #cc3333;
	text-align:justify;
	text-decoration: none;
	margin: 0 0 0 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.sidebarPanelCenter span.ContactInfoEmail{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #cc3333;
	text-align:justify;
	text-decoration: none;
	margin: 0 0 0 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.sidebarPanelCenter span img{
	margin-right: 5px;
}
div.sidebarPanelCenter h3.panelHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-style: italic;
	font-weight: bold;
	color: #982727;
	text-align:left;
	text-decoration: none;
	margin: 0 15px;
	padding-top: 2px;
	padding-bottom: 5px;
}
div.sidebarPanelBottom{
	width: 220px;
	height: 10px;
	font-size: 2px;
	background-image: url(../PageSideBarBottom.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
#VideoNav{
	text-align:left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 20px;
}
#VideoNav a{
	padding-left: 12px;
	padding-right: 12px;
	line-height: 26px;
	display:inline-block;
}
#VideoNav a:hover{
	background-color: #cc3333;
	color: #FFFFFF;
}
#VideoNav a:active{
	color: #DF7D7D;
}
#VideoNav a.sel{
	background-color: #DF7D7D;
	color: #FFFFFF;
}
#VideoNav a.sel:hover{
	background-color: #cc3333;
	color: #FFFFFF;
}
#VideoNav a.sel:active{
	color: #FFFFFF;
}

