	body {  
	background-color: #F5F5EC;
	margin: 0;
	padding: 0;
	font: normal 13px/19px Georgia, Arial, Tahome, Verdana;
	color : #333333;
}

a, a:visited  { color:#407AAA; text-decoration:none; font-weight: bold; }
a:hover { color:#407AAA; text-decoration:underline; font-weight: bold; }

a img { border: 0px; }

p {
	padding : 0px;
	margin: 8px 0;
	font: normal 13px/21px Georgia, Arial, Tahome, Verdana;
}

h1 {
	font: italic bold 26px/29px Georgia;
	padding: 0;
	margin: 10px 0 8px 0;
	color: #407AAA;
}

h2 {
	font: bold 20px/24px Georgia;
	padding: 0;
	margin: 6px 0 6px 0;
	color: #333333;
}

#wrapper {
	width: 100%;
	float: left;
}

#container {
	width: 983px;
	margin: 0 auto;
}

#header {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	display: inline;
	height: 93px;
	border-bottom: 6px solid #333333;
}

#logo {
	float: left;
	margin-top: 40px;
	display: inline;
}
	
#menu {
	float: right;
	width: 700px;
	margin: 51px 0 0 0;
}

#content {
	width: 100%;
	float: left;
	margin: 10px 0 0;
	display: inline;
}

#content.home {
	background: #E5E3D9;
}

#left {
	float: left;
	width: 280px;
	padding-right: 90px;
}

#left1 {
	float: left;
	width: 680px;
	padding-right: 90px;
}

#left.gallery { margin-top: 10px; }


#content.home #left {
	width: 590px;
	position: relative;
padding-right: 42px;
	}

#content.home #left p {
	margin: 0;
}
#content.home #left blockquote {
	background: url(http://www.barreworks.co.uk/images/blackrectangle.png);
	width: 235px;
	padding: 15px;
	position: absolute;
	top: 180px;
	left: 0px;
	margin: 0;
	color: #fff;
	font: italic 16px/21px Georgia;
}

#right {
	float: left;
	width: 596px;
}

#content.home #right {
	float: left;
	width: 275px;
	padding-top: 40px;
}

#content ul {
	margin: 8px 0 8px 20px;
	padding: 0;
}

#bottom {
	float: left;
	width: 100%;
	margin-top: 15px;
	border-top: 1px dashed #D3CEC8;
	padding: 15px 0 0;
}

#bottom div {
	float: left;
	width: 227px;
	padding: 0 31px 0 0;
}

#bottom div#boxcontact {
	float: left;
	width: 209px;
	padding: 0 0px 0 0;
}

#bottom div h2 {
        font: bold 14px/20px Georgia;
	margin: 0;
	text-align: center;
}

a.viewbutton, a.viewbutton:active, a.viewbutton:visited, a.viewbutton:hover {
	font: italic 12px/21px Goergia;
	color: #000;
	display: block;
	width: 64px;
	text-align: center;
	text-decoration: none;
	margin: 0 auto;
}
a.viewbutton:hover {
	color: #fff;
	background: url(http://www.barreworks.co.uk/uploads/images/home-ads/home-over.png) no-repeat;
}

#footer {
	width: 100%;
	float: left;
	height: 60px;
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px dashed #D3CEC8;
}

#footer p {
	text-align: right;
	font: 10px/17px Helvetica, Arial;
	color: #60605E;
}

#footer a, #footer a:visited {
	color: #60605E;
	text-decoration: none;
}

#footer a:hover {
	color: #60605E;
	text-decoration: underline;
}

/* gallery */
#largeimgtitle, #largeimgdesc, .fastload{ display: none; }
#content ul.portfoliopicturelist, #content ul.portfoliopicturelist li {
	list-style: none;
	margin: 0;
	padding: 0;

}

#content ul.portfoliopicturelist {
	margin-top: 15px;
	clear: both;

}

#content ul.portfoliopicturelist li {
	float: left;
	padding-right: 4px;
	padding-bottom: 4px;

}

#content ul.portfoliopicturelist li.last {
	padding-right: 0px;

}

#content ul.portfoliopicturelist li a img {
	border: 2px solid #fff;
}

#largeimg, #right img {
	border: 10px solid #fff;
}

#content.home #right img {
	border: 0;
}

#dancer img {
	border: 0;
}


#gallery {
	float: left;
	width: 100%;
	clear: both;
}

#gallerythumbs {
	float: left;
	width: 350px;

}

#gallerymaindiv {
	float: right;
	width: 585px;
padding-right: 13px;
}

#largepictitle {
	font: italic 12px/17px Georgia, Arial, Tahoma, Verdana;
	color: #8A8787;
	margin-top: 2px;
	text-align: center;
}


#blog_left {
	float: left;
	width: 580px;
}

#blog_right {
	float: right;
	width: 250px;
}

.blog_left {
	float: left;
	width: 580px;
}

.blog_right {
	float: right;
	width: 250px;
}

.error { color: #f00; }
.cms_form div {
	padding: 2px 0;
}

.cms_form label {
	display: block;
	float: left; 
	margin-right: 5px;
	width: 130px;
}

.cms_form input {
	width: 300px;
}

.cms_form textarea {
	width: 380px;
	height: 130px;
}

.cms_form .checkbox input {
	width: auto;
	float: right;
}

.cms_form .submit input {
	width: auto;
	margin-left: 135px;
}

.comment_text {
         float:right;
         margin-right:106px;
}

.NewsSummary h1 {
         padding-bottom:0px !important;
         margin-bottom:0px !important;
}

/* Stylesheet: barre Modified On 2013-03-04 09:38:45 */
/* Fix for Opera 8 */
.clearb { clear: both; }

#primary-nav dfn {
	display:none;
}
/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px;
}

#primary-nav {
	float: right;
}
#primary-nav li ul { 
	position: absolute; 
	display: none;
	z-index: 1110;
	top: 93px;
	background: #333333;
	width: 155px;
	clear:both;
	padding-top: 7px;
	border-bottom: 6px solid #333333;
}

#primary-nav li {
   float: left;
}

#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
	display: block;
	color: #333333;
	float: none;
	margin: 0px;
	text-decoration: none;
	padding: 0 10px;
	font: normal 16px/43px Georgia;
}

#primary-nav li a:hover, #primary-nav li a:active, #primary-nav li a.menuactive  {
	color: #407AAA;
	background-image: url(http://www.barreworks.co.uk/uploads/images/menuhover1.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#menu ul li li { padding: 0px; border: 0px; }
#menu ul li#last { border: 0px; }

#primary-nav li li a, #primary-nav li li a:active, #primary-nav li li a:visited, #primary-nav li li a.menuactive  {
	width: 135px;
	color: #fff;
	font: normal 12px/22px Georgia;
	border-bottom: 1px solid #81817D;
	background-image: none;
}

#primary-nav li li a:hover{ 
	background: #407AAA;
	color: #DEE8CA;
	border-bottom: 1px solid #B0CD84;
	background-image: none;
}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive a,
#primary-nav li.menuparenth a,
#primary-nav li.menuactiveh a,
#primary-nav li.menuparenth:hover a
{ 
	background-image: url(http://www.barreworks.co.uk/uploads/images/menuhover1.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#primary-nav li.menuparenth li a,
#primary-nav li.menuactive li a,
#primary-nav li.menuactive li a:visited,
#primary-nav li.menuactive li.menuh a,
#primary-nav li.menuactive li.menuh a:visited
{
	background-image: none;
}

#primary-nav li.menuactive li.menuactive a,
#primary-nav li.menuactive li.menuactive a:hover,
#primary-nav li.menuactive li.menuactiveh a,
#primary-nav li.menuactive li.menuactive strong,
#primary-nav li.menuactive li.menuactiveh strong,
#primary-nav li.menuactive li.menuactive li.menuactive a,
#primary-nav li.menuactive li.menuactive li.menuactive a:hover,
#primary-nav li.menuactive li.menuactive li.menuactiveh a,
#primary-nav li.menuactive li.menuactive li.menuactiveh a:hover,
#primary-nav li.menuactive li.menuactive li.menuh a,
#primary-nav li.menuactive li.menuactive li.menuh a:hover
{
	background-image: none;
	background: #407aaa;
	color: #DEE8CA;
	border-bottom: 1px solid #B0CD84;
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth {
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh {
color: #f00;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li.menuparenth ul
{ 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul
{ 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}
/* Stylesheet: navigation Modified On 2012-06-22 11:24:10 */
