@charset "UTF-8";

/***********************************************************************/
/* Rowyn Construction - Artificial Art                                 */
/***********************************************************************/

body
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #EDEFF1;
}

/***********************************************************************/
/* main containers                                                     */
/***********************************************************************/



#container
{
	margin: 7px auto 7px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	width: 970px;
}

#content
{
	float: left;
	width: 970px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	border: 3px solid #CCCCCC;
	background-color: #FFFFFF;
}

#top
{
	float: left;
	width: 970px;
	height: 135px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#footer
{
	float: left;
	width: 877px;
	height: 82px;
	padding: 10px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
	background: url(images/footer_background.jpg) top left no-repeat;
}

.footerText
{
	font-size: 12px;
	color: #FFFFFF;	
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 0px 22px;
}

.footerText a
{
	font-size: 12px;
	color: #FFFFFF;	
}

.footerText a:hover
{
	font-size: 12px;
	color: #C51015;	
}




/* clears */

.clear
{
	clear: both;
	font-size: 1px;
	height: 1px;
	padding: 0px;
	margin: 0px;
}

.clear2
{
	clear: both;
	font-size: 10px;
	height: 10px;
	padding: 0px;
	margin: 0px;
}

.clear3
{
	clear: both;
	font-size: 3px;
	height: 3px;
	padding: 0px;
	margin: 0px;
}


.clearDivide
{
	clear: both;
	font-size: 10px;
	height: 10px;
	padding: 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ADBBDC;
}

/* tops */

.topHome
{
	background: url(images/top_home.jpg) top right no-repeat;
}


/* menu */

#TopNav
{
	float: left;
	width: 945px;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px 16px;
}


#TopNav ul
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
}


#TopNav li
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
}


#TopNav a
{
	float: left;
	font-size: 13px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	line-height: 13px;
	margin: 0px 0px 0px 0px;
	padding: 10px 21px 10px 21px;
	border-right: 1px solid #fff;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3F3F41;
}


#TopNav a:hover
{
	color: #C51015;
	text-decoration: none;
	background-color: #3F3F41;
}

body#home #TopNav #homeNav,
body#services #TopNav #servicesNav,
body#newbuilds #TopNav #newbuildsNav,
body#refurbishments #TopNav #refurbishmentsNav,
body#extensions #TopNav #extensionsNav,
body#projects #TopNav #projectsNav,
body#commercial #TopNav #commercialNav,
body#vacancies #TopNav #vacanciesNav,
body#contact #TopNav #contactNav
{
	color: #C51015;
	text-decoration: none;
	background-color: #3F3F41;
}


/* Middle */

#Middle
{
	float: left;
	width: 920px;
	padding: 0px 0px 0px 0px;
	margin: 20px 25px 0px 25px;
}

#MiddleLeftHome
{
	float: left;
	display: block;
	width: 485px;
	padding: 0px 15px 0px 0px;
	margin: 0px 0px 0px 15px;
}

#MiddleRightHome
{
	float: left;
	width: 380px;
	display: block;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 13px;
}

.picSpacer
{
	height: 168px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#MiddleLeftServices
{
	float: left;
	width: 580px;
	padding: 0px 15px 0px 0px;
	margin: 0px 0px 0px 15px;
}

#MiddleRightServices
{
	float: left;
	width: 285px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 13px;
}

#MiddleLeftProjects
{
	float: left;
	width: 613px;
	padding: 0px 15px 0px 0px;
	margin: 0px 10px 0px 15px;
}

#MiddleRightProjects
{
	float: left;
	width: 228px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 13px;
}


#MiddleLeftVacancies
{
	float: left;
	width: 483px;
	padding: 0px 15px 0px 0px;
	margin: 0px 10px 0px 15px;
}

#MiddleRightVacancies
{
	float: left;
	width: 348px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 13px;
}


/* Footer */

#footer
{
	float: left;
	width: 938px;
	height: 25px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 16px;
	background-color: #3F3F41;
}




/* Basic Styling */

p
{
	font-size: 12px;
	line-height: 16px;
	color: #666;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

p a
{
	color: #333;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: underline;
}

p a:hover
{
	color: #C51015;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: underline;
}

h1
{
	font-size: 23px;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	color: #404042;
	font-weight: normal;
}

h2
{
	font-size: 16px;
	margin: 8px 0px 6px 0px;
	padding: 0px;
	color: #404042;
	font-weight: normal
}




/* general list */

.generalList
{
	width: 400px;
	float: left;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.generalList ul
{
	list-style: none;
	display: inline;
	float: left;
	margin : 0px;
	width: 400px;
	padding: 5px 0px 0px 0px;
}

.generalList li
{
	list-style: none;
	display: inline;
	float: left;
	font-size: 12px;
	line-height: 16px;
	color: #666;
	font-weight: normal;
	width: 400px;
	padding: 3px 0px 0px 30px;
	margin : 0px 0px 0px 0px;
	background: url(images/bullet.gif) top left no-repeat;
}


/* home list */

.homeList
{
	width: 350px;
	float: left;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.homeList ul
{
	list-style: none;
	display: inline;
	float: left;
	margin : 0px;
	width: 350px;
	padding: 5px 0px 0px 0px;
}

.homeList li
{
	list-style: none;
	display: inline;
	float: left;
	font-size: 12px;
	line-height: 16px;
	color: #666;
	font-weight: normal;
	width: 350px;
	padding: 3px 0px 0px 30px;
	margin : 0px 0px 0px 0px;
	background: url(images/bullet.gif) top left no-repeat;
}


/* home pics */

.homePics
{
	padding: 3px 3px 3px 3px;
	margin : 0px 4px 4px 0px;
	border: solid 1px #CCC;
}

.rightPics
{
	padding: 3px 3px 3px 3px;
	margin : 0px 4px 4px 0px;
	border: solid 1px #CCC;
}

.imageInsertLeft
{
	float: left;
	padding: 3px 3px 3px 3px;
	margin : 0px 10px 4px 0px;
	border: solid 1px #CCC;
}

.imageInsertRight
{
	float: right;
	padding: 3px 3px 3px 3px;
	margin : 10px 0px 0px 10px;
	border: solid 1px #CCC;
}


/* projects menu */

#ProjectsMenu
{
	float: right;
	width: 228px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#ProjectsMenu a
{
	float: left;
	font-size: 12px;
	height: 20px;
	color: #333;
	width: 228px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	text-align: right;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px 0px;
}

#ProjectsMenu h2
{
	float: right;
	font-size: 12px;
	height: 20px;
	color: #333;
	width: 228px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#menuLimeKiln 
{
	width: 228px;
	display: block;
	float: left;
	background: url(images/but_home.jpg) left repeat;
}

a#menuLimeKiln:hover, a#menuLimeKiln.LimeKilnSelected
{
	color: #C51015;
	text-decoration: none;
}

#menuMochdre 
{
	width: 228px;
	display: block;
	float: left;
	background: url(images/but_home.jpg) left repeat;
}

a#menuMochdre:hover, a#menuMochdre.MochdreSelected
{
	color: #C51015;
	text-decoration: none;
}

#menuOldRectory
{
	width: 228px;
	display: block;
	float: left;
	background: url(images/but_home.jpg) left repeat;
}

a#menuOldRectory:hover, a#menuOldRectory.OldRectorySelected
{
	color: #C51015;
	text-decoration: none;
}

#menuBeaumaris
{
	width: 228px;
	display: block;
	float: left;
	background: url(images/but_home.jpg) left repeat;
}

a#menuBeaumaris:hover, a#menuBeaumaris.BeaumarisSelected
{
	color: #C51015;
	text-decoration: none;
}

#menuStAlbans
{
	width: 228px;
	display: block;
	float: left;
	background: url(images/but_home.jpg) left repeat;
}

a#menuStAlbans:hover, a#menuStAlbans.StAlbansSelected
{
	color: #C51015;
	text-decoration: none;
}

#menuJayKay 
{
	width: 228px;
	display: block;
	float: left;
	background: url(images/but_home.jpg) left repeat;
}

a#menuJayKay:hover, a#menuJayKay.JayKaySelected
{
	color: #C51015;
	text-decoration: none;
}



#menuAbergwyngregyn
{
	width: 228px;
	display: block;
	float: left;
	background: url(images/but_home.jpg) left repeat;
}

a#menuAbergwyngregyn:hover, a#menuAbergwyngregyn.AbergwyngregynSelected
{
	color: #C51015;
	text-decoration: none;
}

#menuFarrarRoad
{
	width: 228px;
	display: block;
	float: left;
	background: url(images/but_home.jpg) left repeat;
}

a#menuFarrarRoad:hover, a#menuFarrarRoad.FarrarRoadSelected
{
	color: #C51015;
	text-decoration: none;
}


/***********************************************************************/
/* forms
/***********************************************************************/

form
{
  margin:0;
  padding:0;
}

.inlineform
{
	float: left;
	width: 500px;
	padding: 0px;
	margin: 0px;
	background: url(images/contact_quote.gif) top right no-repeat;
}

fieldset
{
   border: 0;
   margin: 0;
   padding: 10px 0;
   width: 500px;
}

div.inlineform label
{
   float: left;
   clear: left;
   display: block;
   width: 100px;
   padding: 3px 3px 3px 0px;
   text-align: left;
   margin-top: 7px;
   font-size: 12px;
   color: #666;
}

div.inlineform input,
div.inlineform textarea
{
   float:left;
   width: 220px;
   padding: 2px;
   margin-top: 7px;
   font-size: 11px;
}

div.inlineform input.text,
div.inlineform textarea
{
   background-color: #FFF;
   border: 1px solid #B0B0B0;
}

div.inlineform input.button
{
   background-image: url(images/submit-back.jpg);
	display: block;
	width: 60px;
	font-size: 18px;
	color: #666;
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 100px;
	font-weight: normal;
	text-decoration: none;
}

.send
{
	width: 80px  !important;
	height: 22px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 102px;
	text-align: center;
	font-size: 12px;
	color: #333;
}

.imageinsertleft {
	margin-top: 4px;
	margin-right: 7px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	float: left;
	border: none !important;

}

.limekilnpics
{
	padding: 3px;
	float: left;
	margin: 0px 20px 20px 0px;
	border: 1px solid #ccc;
}