@charset "UTF-8";

body {

font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto; 
padding: 0;
text-align: center; /* centers the container in IE 5 */
background-image: url(images/bg.png);

}

#container {

padding-top: 20px;
width: 963px;
min-height: 1025px;
margin: 0 auto;
overflow: auto; /* expands the div when text overflows*/
overflow: hidden;
background-color: #000;
-moz-box-shadow	: 0 0 100px 200px #000;
-webkit-box-shadow: 0 0 100px 200px #000;
box-shadow: 0 0 100px 200px #000;
	

}

#header {

width: 240px;
height: 67px;
float: left;
background-color: #000;
margin-top: 8px;
text-align: left;

}

#header img {

border: none;

}

#social {

width: 240px;
height: 54px;
float: left;
text-align: left;

}

#social li {

list-style-type: none;
display: inline;
margin-right: 6px;

}

#nav {

width: 70%;
height: 134px;
float: right;
margin-top: -5px;

}

#nav img {

border: none;

}

#nav a:link {

text-decoration: none;

}

#HCB_comment_box blockquote {
color:white;
}

#nav li{

list-style-type: none;
display: inline;
margin-left: 5px;
margin-right: 40px;

}

#outerslider {

width: 963px;
height: 484px;
background-image: url(images/outerslider.png);
float: right;

}

#innerslider {

width: 923px;
height: 450px;
float: right;
margin-right: 20px;
margin-top: 18px;

}

#maincon {

width: 963px;
height: 376px;
background-image: url(images/maincon.png);
float: right;
text-align: left;

}

#maincontext {

width: 923px;
height: 450px;
float: right;
text-align: left;

margin-right: 20px;
margin-top: 18px;

}

#HCB_comment_box {

width: 923px;
height: 450px;
float: right;
text-align: left;

overflow-y: scroll;
color:white;

}







#HCB_comment_box [title="account"] {
  display: none;
}
#HCB_comment_box .likes {
  display: none;
}
  
#HCB_comment_box .submit {
  display: block;
  height: 45px;
  width: 100px;
  
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #b3c070;

  border: 3px solid #BDBDBD;
  border-radius: 10px;
  font-size: 14px;
  font-family				: Arial, Helvetica, sans-serif;
}

#HCB_comment_box h3 {
  margin-left: 25px;
  margin-bottom: -50px;
}
#HCB_comment_box #HCB_comment_form_box {
  margin-bottom: 0;
}
#HCB_comment_box #HCB_comment_form_box form {
  padding-top: 10px;
  margin-left: 20px;
  width: 845px;
}
#HCB_comment_box #HCB_comment_form_box:before {
  font-size: 14px;
  line-height: 32px;
  color: #FFF;
  font-family				: Arial, Helvetica, sans-serif;
}

#HCB_comment_box [title="account"] {
  display: none;
}
#HCB_comment_box .likes {
  display: none;
}
#HCB_comment_box .author,
#HCB_comment_box .date {
  display: block;
  padding: 8px 11px;
}
#HCB_comment_box .author {
  font-size: 14px;
  float: left;
  color: #fff;
}
#HCB_comment_box .author b {
  color: #FFF;
}
#HCB_comment_box .author :before {
  content: '“';
}
#HCB_comment_box .author :after {
  content: '”';
}
#HCB_comment_box .date {
  color: #FFF;
  float: right;
  font-size: 16px;
}
#HCB_comment_box blockquote {
  clear: both;
  border-left-width: 0px;
}
#HCB_comment_box .comment {
  padding: 15px;
  border-radius: 10px;
  padding: 3px;
  border: 3px solid #BDBDBD;
  margin-left: 20px;
  width: 830px;
  margin-bottom: 30px;
}
#HCB_comment_box input[type="text"],
#HCB_comment_box textarea {
  border-radius: 10px;
  padding: 7px 10px;
  border: 3px solid #00316D;
  margin-top: 10px;
  font-size: 14px;
  font-family				: Arial, Helvetica, sans-serif;
 
}
#HCB_comment_box .text-blur {
  color: #49bbe8;
}
#HCB_comment_box input::-webkit-input-placeholder {
  color: #49bbe8;
}
#HCB_comment_box input:-moz-placeholder {
  color: #49bbe8;
}
#HCB_comment_box input:-ms-input-placeholder {
  color: #49bbe8;
}
  
  
  
  
  
  
  
  
  
  
  
  
#maincontext a:link {

	color					: #b3c070;
}

#maincontext a:hover {

	color					: #FFF;
}

#maincontext a:visited {

	color					: #b3c070;
}

#maincon a:link {

	color					: #b3c070;
}

#maincon a:hover {

	color					: #FFF;
}

#maincon a:visited {

	color					: #b3c070;
}



#map {

float: right;
width: 392px;
height: 283px;
-moz-box-shadow			: 0 0 3px 2px #999;
-webkit-box-shadow		: 0 0 3px 2px #999;
box-shadow				: 0 0 3px 2px #999;
margin-top: 80px;
margin-right: -5px;
margin-left: 5px;


}

#tools {

float: right;
margin-right: 70px;
margin-top: 70px;


}

#prices {

float: right;
margin-right: 70px;
margin-top: 70px;


}

#maincon p {

font-family: Arial, Helvetica, sans-serif;
color: #FFF;

}

#maincontext p {

font-family: Arial, Helvetica, sans-serif;
color: #FFF;

}

#maincontext h1 {

font-family: Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 18px;

}

#maincontext ul li{

color: #FFF;

}

#maincon h1 {

font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
margin-left: 15px;

}

#text1 {

top: 45px;
left: 20px;
position: relative;
width: 300px;
text-align: center;

}

#text2 {

bottom: 155px;
left: 100px;
position: relative;
text-align: center;

}

#text3 {

bottom: 118px;
right: 410px;
position: relative;
width: 300px;
text-align: center;

}

#email {

margin-left: 431px;
margin-top: 100px;


}

#footer {
 
width: 963px;
height: 89px;
float: left;

}

#footer p {

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
text-align: center;
	
}

#footer a:link {

color: #709FFF

}

#footer a:visited {

color: #709FFF

}

#footer a:hover {

color: #709FFF

}
#footer a:active {

color: #709FFF

}

/*Slider styling*/



#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:url(img/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:920px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:400px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:920px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:45px;
}

#innerslider ul{
	margin:0px;
	padding:0px;
}

#innerslider li{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;

}

#innerslider li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(img/pic_bg.png) repeat;
}

#innerslider li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(img/active_bg.png) no-repeat;
}

#innerslider li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(img/divider.png) no-repeat right;
}

#innerslider li a{
	display:block;
	background:url(img/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
}

#innerslider a img{
	border:none;
}


/* The styles below are only necessary for the demo page */

#innerslider h1{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:36px;
	font-weight:normal;
	margin-bottom:15px;
}

#innerslider h2{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	position:absolute;
	right:0;
	text-transform:uppercase;
	top:15px;
}

#main{
	/* The main container */
	margin:15px auto;
	text-align:center;
	width:920px;
	position:relative;
}

#innerslider a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

#innerslider a:hover{
	text-decoration:underline;
}

#innerslider p{
	padding:10px;
	text-align:center;
}