/* GENERAL STYLES */
/* GENERAL STYLES */
/*
================================================
	Yahoo GUI Reset CSS
	http://developer.yahoo.com/yui/reset/
================================================
*/


body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	color:#7D7D7F;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

strong
{
	font-weight:bold;
}
/*
===========================
	Rich text editor stying
===========================
*/

#holderBody
{
	background-color:#DCDEDD;
}

#holderBody strong
{
  	font-weight:bold;
}

#holderBody a
{
	text-decoration:underline;
}

#holderBody p
{
	margin:auto;
}

#holder
{
	border: 1px solid #ccc;
	padding: 10px;
	margin: 5px;
	text-align: left;
	font-size:14px;
}

body
{
	background-repeat:repeat-x;		
	font-family:'Verdana','Tahoma','Arial',sans-serif;
	font-size:14px;
	line-height:20px;
	color:#69696B;
}

#Container
{
	overflow:hidden;
	width:100%;
 	min-width:1000px;
}

#Header
{
	width:100%;
	height:110px;
	font-size:9px;
	background-color:#B7BEBF;
	position:relative;
}
#Header .navigation
{
	width:530px;
 	float:left;
}
#Header #topNav
{
	text-align:right;
	top:22px;
	right:10px; 
	position:absolute;
 	float:left;

}
#Header #topNav ul
{
	overflow:hidden;
	list-style-type: none;
	float:left;
}
#Header #topNav li
{
	line-height:11px;
	border-left: 1px solid #ADB0B0;
	float: left;
	margin: 0 .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
}
#Header #topNav li a
{
	text-decoration:none;
	font-size:9px;
	color:#000;	
}
#Header #topNav li a:hover
{
	text-decoration:none;
	font-size:9px;
	color:#fff;	
}
h1#Logo
{
	margin:10px 20px;
	float:left;
}
.largtext 
{
	color:#7F8F93;
	font-size:18px;
	line-height:30px;
	text-transform:capitalize;
}
p.largtext 
{
	margin:5px 0;
}
em
{
	font-style:italic;
}

/*
=====================================
	NAVIGATION
=====================================
*/

#MainNav
{

	overflow:hidden;
	position:absolute;
	top:50px;
	right:0;
	text-align:right;
	text-transform:uppercase;
}

#navlist
{
	overflow:hidden;
	list-style-type: none;
}
#navlist li
{
	margin:8px;
	float: left;
	width:110px;
}
#navlist li.selected, #navlist li.selected a
{
	color:#fff;
}
#navlist li a
{
	display:block;
	float: left;
	font-weight:bold;
	text-align:center;
	line-height: 1.1em;
	padding:6px 0;
	width:110px;
	background-color:#D7D9D9;
	color:#000;
	text-decoration:none;
}
#navlist li a:hover
{
	color:#fff;
	background-color:#ccc;
	text-decoration:none;
}

/*
=====================================
	CONTENT
=====================================
*/
#Content
{
	width:100%;
	background-color:#FFFFFF;
  	clear:both;
	overflow:hidden;
	position:realtive;
}
#MainContentHome
{
	width:270px;
	float:left;
}
#MainContent h3
{
	font-size: 20px;

}

#MainContent a
{
	text-decoration:none;
}

#MainContent a:hover
{
	color:#F1C807;
	text-decoration:none;
}
.column-one,
.column-two
{
	position:relative;
	

}
.column-two a
{font-size:9px;color:#000000;}
.column-two h1
{
	font-weight:bold;
}
.column-one {
	float:left;
	left:0;
	width:200px;
	font-size:9px;
	padding:10px;
	z-index:99;	
	min-height:475px;
}
.column-two
{

	padding:10px 220px;	
}
.column-three
{
	position:absolute;
	float:right;
	right:0;
	top:120px;
	width:180px;
}
.column-one a
{
	color:#000;
	text-decoration:none;
	font-weight:normal;
}
.column-one ul li.selected , .column-one ul li.selected a
{
	text-decoration:none;
	color:#ccc;
}
.column-one ul li.selected a:before
{
	content: "- ";
}
.column-three
{	
	font-size:9px;
}
.column-two
{

}
.column-two table
{
}
.column-three ol
{
	list-style-position:inside;
	margin:0;
	padding:0;
}
.column-three ol a
{
	text-decoration:none;
	color:#000;
}
.column-three ol li.selected , .column-three ol li.selected a
{
	text-decoration:none;
	color:#ccc;
}
/*
==========================================
	HOME PAGE
==========================================
*/
#HomeNews 
{
	width:584px;
	margin:0 auto;
}
#HomeNews h1
{
    	background-image: url(/umbraco/../media/4217/txt-whats-new.gif);
    	background-repeat: no-repeat;
	background-position:center;
	height:30px;
	margin:10px 0;
	text-indent:-10000px; /*Used to hide the text off screen */	
}
#HomeNews .News
{
	background-color:#E0E3E4;
	margin-bottom:12px;
	overflow:hidden;
}
#HomeNews .News p
{
	margin:0;
}
#HomeNews .News img
{
	float:left;
}
#HomeNews .News span
{
	float:left;
	margin:5px;
	width:415px;	
}
#HomeNews .News span h2
{
	font-size:12px;
	margin-bottom:6px;
		color:#000;
}
#HomeNews .News span h2 a
{
	font-size:12px;
	text-decoration:none;
	color:#000;
}
#HomeNews .News span p
{
	font-size:9px;
	line-height:12px;
		color:#000;	
}
#HomeNews .News span p a
{
	text-decoration:none;
	color:#000;
}
#HomeNews .News span p  a.mylink
{
	text-decoration:underline;

}
==========================================
	Gallery List
==========================================
*/

#MainContent .GalleryList
{
	margin:15px 0 0 -10px;
	width:424px;
}

#MainContent .GalleryList .Item
{
	float:left;
	width:96px;
	margin:0 0 10px 10px;
}


#MainContent .GalleryList .Item a img
{
	padding:2px;
	border:1px solid black;
}

#MainContent .GalleryList .Item a:hover img
{
	padding:2px;
	border:1px solid black;
	background-color:black;
}

#MainContent .GalleryList .Item strong a
{
	display:block;
	margin:5px 0 0 0;
}

#MainContent .GalleryList .Item em
{
	display:block;
	font-size:12px;
}


#MainContent .Photo img
{
	/* This ensures the photos is resized to fit the div */
	max-width:100%;
}

#MainContent .Photo .PhotoNav
{
	display:block;
}

#MainContent .Photo .PhotoNav .Left
{
	float:left;
}

#MainContent .Photo .PhotoNav .Right
{
	float:right;
}

/*
==========================================
	News List
==========================================
*/

#MainContent ul.NewsList
{
 	margin:15px 0 0 0;
	text-decoration:none;
}


#MainContent ul.NewsList li
{
 	margin:0 0 15px 0;
	text-decoration:none;
		color:#F1C807;
}
#MainContent ul.NewsList li img
{
	width:154px;
}
#MainContent ul.NewsList li a
{
 	display:block;
	text-decoration:none;

}

#MainContent ul.NewsList li a.Event
{
	text-decoration:none;
}

#MainContent ul.NewsList li a.News
{
	text-decoration:none;
	color:#F1C807;
	font-weight:bold;
}
#MainContent ul.NewsList li a.News:hover
{
	color:#ccc;
}
#MainContent .EventItem strong
{
	display:block;
}
#MainContent ul.NewsList li a.News span
{
	text-decoration:none;
	color:#000;
	font-weight:normal;
}
/*
==========================================
	Services
==========================================
*/
#services .column-one
{
	padding-left:180px;
	line-height:25px;
}
#services .column-one a strong
{
	font-weight:normal;
}
#services .column-one a
{
	font-size:18px;
 	color:#7F8F93;
	text-decoration:none;
	font-weight:normal;
}
#services .column-one ul li
{
	font-size:18px;
 	color:#7F8F93;
}
#services .column-one ul li.selected , #services .column-one ul li.selected a, #services .column-one ul li a:hover

{
	text-decoration:none;
	font-size:18px;
	color:#C4CACB;
	content: "- ";
}

#services .column-three
{	
	font-size:9px;
	color:#000;
	line-height:15px;
}
#services 
{

}
/*
==========================================
	Contact Form
==========================================
*/
#MainContent .ContactForm .Error
{
	border-top:2px solid #FFD324;
	border-bottom:2px solid #FFD324;
	background-color:#FFF6BF;
	color:#000000;
	font-weight:bold;
	margin:18px 25px 31px 0;
	padding:9px 0 10px 50px;
	background-image:url(../Data/Assets/theme_one/Misc/error_icon.gif);
	background-repeat:no-repeat;
	/*background-position:15px 50%;*/
	background-position:15px 12px;
}

#MainContent .ContactForm .Error li
{
	font-weight:normal;
}

#MainContent .ContactForm fieldset
{
	border:0px solid #000000;
	display:block;
	margin:15px 0 15px 0;
	width:90%;
}

#MainContent .ContactForm legend
{
	display:none;
}

#MainContent .ContactForm label
{
	color:#000000;
	font-weight:bold;
}

#MainContent .ContactForm .TextBox
{
	border:1px solid #CACACA;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 4px 2px 3px;
	width:100%;
}

#MainContent .ContactForm .TextArea
{
	border:1px solid #CACACA;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 4px 2px 3px;
	height:90px;
	width:100%;
}

/*
==========================================
	CLIENT Styling
==========================================
*/
#Client .column-one ul , #Product .column-one ul
{
	line-height:14px;
}
#Client .column-one ul li a
{
	font-weight:normal;
}

/*
==========================================
	VCard Styling
==========================================
*/

.vcard .n
{
	font-weight:bold;
}

.vcard .tel
{

	padding:2px 0 3px 22px;
	margin:15px 0 0 0;
	display:block;
	color:#000000;
}

.vcard .email
{

	text-decoration:underline;
	padding:0 0 1px 22px;
	margin:0;
	display:block;
	color:#000000;
}

.vcard .url
{

	text-decoration:underline;
	padding:1px 0 2px 22px;
	margin:0;
	display:block;
	color:#000000;
}

.vCardDl
{

	padding:0 0 0 22px;
	margin:15px 0 50px 0;
	color:#000000;
}

/*
=========================================
	FOOTER
=========================================	
*/


#Footer
{
	clear:both;
	min-height:20px;
	line-height:30px; /* This vertically centers the text */
	font-size:9px;
	font-weight:bold;
	padding:0 10px;
	color:#fff;
	background-color:#7F8F93;
}

#Footer a
{
	color:#fff;
	text-decoration:none;
}

#Footer a:hover
{
	color:#808080;
	text-decoration:underline;
}
#Footer ul li
{
	float: left;
	line-height: 20px;
	margin:0 10px;
	padding: 0 .5em;	
}
/* EDITOR PROPERTIES */


/* EDITOR PROPERTIES */


/* EDITOR PROPERTIES */


/* EDITOR PROPERTIES */
