* {
	padding:0;
 	margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }




body{
	background:url(images/top_bg.jpg) repeat-x top #F6F5E9;
	margin:auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#ccc;
	border: 0;
}

h1{
	font-size:15px;
	color:#6C0008;
	padding:5px;
	margin:3px;
	font-weight:normal;
}

h2{
	font-size:13px;
	color:#666666;
	margin:0px;
	padding:3px;
}

h3{
	font-size:14px;
	color:#666666;
	margin:0px;
	padding:3px;
}

h4{
	font-size:12px;
	color: #CE6700;
	margin:0px;
	padding:3px;
	font-weight:normal;
}

.clear {
	clear:both;
	overflow:hidden;
	height:4px;
}


#top_banner{
	width:850px;
	height:130px;
	top:auto;
	margin:auto;
	background:url(../images/swish_element.jpg) no-repeat right;
	background-color:#F6F6EE;
	border:6px #FFFFFF solid;
}


#mid_banner{
	width:850px;
	height:294px;
	
}

img.logo{
	padding-left:15px;
}



.whoami {
	padding:2px 2px 2px 2px;
	margin-top:-16px;
	width: 130px;
	height:18px;
	line-height:16px;
	font-weight:bold;
	font-size:12px;
	float: right;
	text-align:left;
 }


/*------top menu---------*/

#top_menu{
	width:750px;
	margin:auto;
	padding:15px;
}

ul.menu {
	list-style-type:none;
	display:block;
	width: auto;
	height:18px;
	margin:auto;
	padding:0;
}

ul.menu li {
	display:inline;
}

a.nav:link, a.nav:visited {
	display:block; 
	float:left; 
	padding:4px 11px 0 26px; 
	margin:0;
	width: auto; 
	height:18px; 
	text-align:center; 
	line-height:18px; 
	font-weight:bold; 
	font-size:12px;
	text-decoration:none; 
	color:#767676; 
	background:url(../images/bt_bg.jpg) no-repeat left;
}

a.nav:hover {
	display:block; 
	float:left; 
	padding:4px 11px 0 26px; 
	margin:0;
	width: auto; 
	height:18px; 
	text-align:center; 
	line-height:18px;
	text-decoration:none;
	color:#222222; 
	background:url(../images/bt_bg_a.jpg) no-repeat left;
}

#main_content{
	width:850px;
	height: auto;
	margin:auto;
	background-color:#F6F6EE;
	border:8px #FFFFFF solid;
}

/*----page content----*/
#page_content{
	width:800px;
	height:auto;
	margin:auto;
}

#page_content_left{
	width:400px;
	height:auto;
	float:left;
	padding:10px;
	border-right:1px #800000 dashed;
	display:inline;
}

.forms a{
	width:auto;
	float:left;
	text-decoration:none;
	color:#383838;
	font-size:10px;
	padding:2px 2px 0px 2px;
}

.forms a:hover{
	text-decoration:underline;
}

img.forms{
	float:left;
	border:0;
}


#page_content_right{
	width:400px;
	height:auto;
	float:left;
	padding:10px;
	display:inline;
}

.title-main{
	font-size:20px;
	font-weight:bold;
	color:#909090;
	clear:both;
	padding-left:2px;
}


.title{
	font-size:16px;
	color:#808080;
	clear:both;
	padding-left:10px;
}

.content_text{
	font-size:11px;
	color:#333333;
	height:auto;
	padding:2px;
	margin-left:15px;
}

.bottom_centre{
	font-size:11px;
	color:#333333;
	height:auto;
	padding:2px 2px 2px 300px;
	margin-left:15px;
	display:block;
}

img.pic{
	padding:0px;
	margin-right:10px;
	margin-bottom:10px;
	border:2px #222222 solid;
	float:left;
}

img.map_pic{
	padding:0px;
	margin:10px;
	border:5px #FFFFFF solid;
	float:right;
}

.gallery_square{
	padding: 2px;
	margin: 8px;
	border: 0px solid #000;
	float:left;
}

.gallery_square img {
	border:2px solid #F6F5E9;
}


.gallery_centre_square{
	padding: 6px;
	margin: 10px;
	border: 0px solid #000;
	float:left;
}

.gallery_centre_square img {
	border:2px solid #666;
}


.more{
	width:auto;
	float:right;
	height:20px;
}

.link_more a{
	width:auto;
	float:left;
	text-decoration:none;
	color:#990000;
	font-size:10px;
	padding:3px 23px 0 5px;
}

.link_more a:hover{
	text-decoration:underline;
}

img.more{
	float:left;
}

#page_bottom{
	width:830px;
	clear:both;
	padding:12px;
	height:auto;
}

img.inspiration{
	padding:2px;
	margin:3px;
	border:2px #FFFFFF solid;
}



/*---------services---------*/
.details{
	width: auto;
	height:auto;
	float:left;
	padding-left:20px;
}

ul.services {
	list-style-type:none;
	display:block; 
	width:auto; 
	height:auto; 
	float:left; 
	margin:0px; 
	padding:10px 0 10px 2px;
}

ul.services li {
	display:inline;
}

a.nav_services:link, a.nav_services:visited {
	display:block; 
	padding:1px 0 0 14px; 
	margin:2px;
	width: auto; 
	height: auto; 
	text-align:left; 
	line-height:17px;
	text-decoration:none; 
	background:url(../images/bullet.png) no-repeat left; 
	color:#000;
}

a.nav_services_a {
	display:block; 
	padding:1px 0 0 14px; 
	margin:2px;
	width:auto; 
	height:auto; 
	text-align:left; 
	line-height:17px; 
	font-weight:bold;
	text-decoration:none; 
	background:url(../images/bullet_a.png) no-repeat left; 
	color: #990000;
}

a.nav_services:hover {
	display:block; 
	padding:1px 0 0 14px; 
	margin:2px;
	width:auto; 
	height:auto; 
	text-align:left; 
	line-height:17px;
	text-decoration:none; 
	background:url(../images/bullet_a.png) no-repeat left; 
	color:#000000;
}


a.gallery:hover {
	display:block;
	float:left; 
	padding:4px 11px 0 26px; 
	margin:0;
	width: auto; 
	height:18px; 
	text-align:center; 
	line-height:18px;
	text-decoration:none;  
	color:#fff; 
	background:url(../images/bt_bg_a.jpg) no-repeat left;
}




/*---------menu_navigation--------*/
.menu_navigation{
	width:750px;
	height:30px;
	margin:auto;
	clear:both;
}

#left{
	width:auto;
	float:left;
}

.left{
	float:left;
}

.right{
	float:left;padding:3px;
}

.right a{
	text-decoration:none;
	color:#990000;
}

#right{
	width:auto;
	float:right;
	padding-right:25px;
}

/*------contact form------*/

#login{
	float:left;
	width:auto;
	padding:10px 10px 0 30px;
	color:#666666;
}

.input{
	width:140px;
	height:12px;
	font-size:10px;
	float:left;
}

.textarea{
	width:140px;
	height:50px;
	font-size:10px;
	float:left;
}

.formstyle{
	float:left;
	margin-left:30px;
	margin-top:5px;
	color:#767676;
}

.formstyle select.formSelect{
	color:#666;
	background-color:#fee;
	padding:2px;
	border:solid 1px #f66;
	cursor:pointer
}


/*-------footer-----*/

#footer{
	width: auto;
	height:60px;
	clear:both;
	margin-top:40px;
	background-color: #333333;
}

#footer_content{
	width:850px;
	margin:auto;
}

#copyrights{
	width:350px;
	color: #666666; 
	font-size:10px;
	float:left;
	padding:10px;
}

#madeby{
	width:140px;
	height:40px;
	float:right;
	text-align:center;
	padding-top:0px;
}

#madeby a{
	text-decoration:none;
	color:#666666;
}

.pagename {
	padding:10px 2px 2px 2px;
	margin:0;
	width: 100px;
	height:20px;
	line-height:20px;
	font-size:10px;
	float: right;
	text-align:center;
 }

/*---------footer menu---------*/

ul.footer_menu {
	list-style-type:none; 
	float:left; 
	display:block; 
	width:auto; 
	height: auto;  
	margin:0px; 
	padding:3px 0 0 10px;
}

ul.footer_menu li {
	display:inline;
}

a.nav2:link, a.nav2:visited {
	display:block; 
	float:left; 
	padding:4px 0 0 5px; 
	margin:2px;
	width: auto; 
	height:20px; 
	text-align:center; 
	line-height:16px;
	text-decoration:none; 
	color: #999999;
}

a.nav2:hover {
	display:block; 
	float:left; 
	padding:4px 0 0 5px; 
	margin:2px;
	width:auto; 
	height:20px; 
	text-align:center; 
	line-height:16px;
	text-decoration:none;
	color:#000000;
}


.album_popup {
	color:#ccc;
	background:url(../images/swish_element2.jpg) no-repeat right;
	width:1000px;
	height:580px;
	float:left;
}




#gallery_btn
{
  display: block;
  width: 100px;
  height: 34px;
  background: url("images/gallery_btn1.gif") no-repeat 0 0;

}

#gallery_btn:hover
{ 
  background-position: 0 -34px;
}

#gallery_btn:active
{ 
  background-position: 0 -68px;
}

#gallery_btn span
{
  display: none;
}