/* CSS Document */
	body{
		z-index:0;
		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		background: #000; /*rgb(0, 0, 0)*/

	}
	#wrapper{
		position:relative;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 18px;
		margin:0 auto;
		width:80%;
		height:100%;
		z-index:10;
		opacity:.9
	}
	.text0{
		position:absolute;
		width:80%;
		bottom:80px;
		padding:4px;
		background: rgba(0, 0, 0,.7);
		color:white;
		margin-left:10%;
		border: 2px solid;
		border-color: #888 #666 #444 #666;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
	.text1{
		position:absolute;
		overflow:hidden;
		bottom:33%;
		width:30px;
		height:30px;
		padding:2px;
		margin-left:15%;
		background: rgba(0, 0, 0,.3);
		color:transparent;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
	.text1:hover{
		position:absolute;
		bottom:50%;
		width:20%;
		min-height:200px;
		padding:2px;
		margin-left:15%;
		background: rgba(0, 0, 0,.7);
		color:white;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
	.text2{
		position:absolute;
		overflow:hidden;
		bottom:33%;
		width:30px;
		height:30px;
		padding:2px;
		margin-left:15%;
		background: rgba(0, 0, 0,.3);
		color:transparent;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
	.text2:hover{
		position:absolute;
		bottom:50%;
		width:20%;
		min-height:360px;
		padding:2px;
		margin-left:15%;
		background: rgba(0, 0, 0,.7);
		color:#99F7EB;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
	
html {
	overflow-y: auto;
	overflow-x: hidden;
	/* Kudos to @sami for pointing out that setting the overflow to "auto" instead of "hidden" fixes the keyboard nav bug! */
	background-color: transparent;
}

@media only screen and (max-device-width:480px) {
	html {
		overflow: auto;
	}
}
::-webkit-scrollbar {
    width: 10px;
    height: 6px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    height: 30px;
    display: block;
    background-color: blue;
}

::-webkit-scrollbar-track-piece {
    background-color: #3b3b3b;
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #666;
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
    background-color: #666;
    -webkit-border-radius: 3px;
}

	
	.text3{
		position:absolute;
		overflow:hidden;
		width:70%;
		top:35%;
		height:45px;
		padding-left:10px;
		margin-left:15%;
		background: rgba(0, 0, 0,.6);
		color:#BBB;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
	.text3:hover{
		position:absolute;
		width:70%;
		min-height:50%;
		max-height:100%;
		overflow:auto;
		padding-left:10px;
		margin-left:15%;
		background: rgba(0, 0, 0,.7);
		color:#99F7EB;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		scrollbar-base-color: #161A57;
		scrollbar-track-color: #161A57;
		scrollbar-face-color: #FA0A62;
		scrollbar-highlight-color: #445056;
		scrollbar-3dlight-color: #66777F;
		scrollbar-darkshadow-color: #445056;
		scrollbar-shadow-color: #66777F;
		scrollbar-arrow-color: #FFFFFF;

	}
	.text4{
		position:absolute;
		bottom:10px;
		width:100%;
		padding-left:8px;
		background: rgba(0, 0, 0,.3);
		color:#BBB;
	}
	.text4:hover{
		position:absolute;
		bottom:10px;
		width:100%;
		padding-left:8px;
		background: rgba(0, 0, 0,.7);
		color:white;
	}
	
	#gallery{
		position:absolute;
		width:100%;
		height:700px;
		top:0;
		left:0;
	}
	#controls div{
		display:inline-block;
		padding:5px;
		margin:0, auto;
		color:#000;
		background:rgba(255,255,255,.5);
		border:1px solid #fff;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		-o-border-radius:4px;
		border-radius:4px;
	}
	#controls div:hover:not(.counter){
		background:rgba(255,255,255,.9);
	}
	#controls div.sel{
		background:rgba(255,255,255,.9);
	}
	#controls div:not(.counter){
		cursor:pointer;
	}

	.imgContainer{
		width:100px;
		height:100px;
		overflow:hidden;
		display:inline-block;
	}
	.imgContainer img{
		width:160px;
	}

#navwrap {
	display:block;width:100%;background:#000;background: rgba(0,0,0,0.7);
	position:absolute;
	bottom:150px;
}
#content {
    background: none repeat scroll 0 0 transparent;
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 10px;
    width: 100%;
	font-family: 'Droid Sans', sans-serif !important;
}
#contentinner {
    margin: 0 auto;
    max-width: 1200px;
    width: 98%;
}
.box {
    display: block;
    float: left;
    margin: 0;
    min-width: 140px;
    overflow: hidden;
    padding: 0;
    width: 25%;
}
.boxinner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 20px !important;
    margin-top: 13px;
    min-height: 94px;
    padding: 16px;
    position: relative;
    width: 100%;
}
.boxinner:hover {
    background: none repeat scroll 0 0 rgba(50, 50, 50, 0.5);
}
.boxinner h3 a {
    color: #fff !important;
    font-size: 16px !important;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
	text-decoration:none !important;
}
h3 a:hover {
    color: #FF3300 !important;
}
.boxinner h4 {
    color: #DDDDDD;
    font-size: 12px !important;
    line-height: 17px !important;
    margin-top: 10px;
    width: 85%;
}
.pagecontent {
		font-family: 'Droid Sans', sans-serif !important;

	position:absolute;
	width:920px;
	height:460px;
	bottom:100px;
	background: none repeat scroll 0 0 rgba(50, 50, 50, 0.5);
	-webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
	left:-2700px;
	margin-left:50%;
	padding:20px;
}
.pagecontent h1 {
	text-align:center;
	width:100%;
	color:#333;
	font-weight:normal !important;
}
.pagecontent p {
	color:#111;
}
.closebutton {
	position:absolute;
	top:2px;
	right:2px;
	z-index:999;
}
.pagecontentinner {
	background: none repeat scroll 0 0 rgba(256, 256, 256, 0.3);
	height:100%;
	width:100%;
	position:relative;
}

    .wrapperex{
      position:relative;
      font-family:Arial, Helvetica, sans-serif;
      padding-top:90px;
      padding-left:50px;
      width:80%;
      margin:auto
    }
    .wrapperex .text{
      font-family:Arial, Helvetica, sans-serif;
      padding-top:50px;
    }
    .wrapperex h1{
      font-family:Arial, Helvetica, sans-serif;
      font-size:26px;
    }
    .longText{
      margin-top:20px;
      width:600px;
      font:18px/24px Arial, Helvetica, sans-serif;
      color:gray;
    }
    span.btn{
      padding:10px;
      display:inline-block;
      cursor:pointer;
      font:12px/14px Arial, Helvetica, sans-serif;
      color:#aaa;
      background-color:#eee;
      -moz-border-radius:10px;
      -webkit-border-radius:10px;
      -moz-box-shadow:#999 2px 0px 3px;
      -webkit-box-shadow:#999 2px 0px 3px;
    }
    span.btn:hover{
      background-color:#000;
    }

      /*
      custom style for extruder
      */

    .extruder.left.a .flap{
      font-size:18px;
      color:white;
      top:0;
      padding:10px 0 10px 10px;
      background:#772B14;
      width:30px;
      position:absolute;
      right:0;
      -moz-border-radius:0 10px 10px 0;
      -webkit-border-top-right-radius:10px;
      -webkit-border-bottom-right-radius:10px;
      -moz-box-shadow:#666 2px 0px 3px;
      -webkit-box-shadow:#666 2px 0px 3px;
    }

    .extruder.left.a .content{
      border-right:3px solid #772B14;
    }

    .extruder.top .optionsPanel .panelVoice a:hover{
      color:#fff;
      background: url("elements/black_op_30.png");
      border-bottom:1px solid #000;
    }
    .extruder.top .optionsPanel .panelVoice a{
      border-bottom:1px solid #000;
    }

    .extruder.left.a .flap .flapLabel{
      background:#772B14;
    }
	
	
#contact_body {
	position:relative;
	line-height:18px;
	padding-left:10px;
	top:250px;
	margin-left:10%;
	padding:0px;
	width:80%;
	height:100%;
	min-height:420px;
	z-index:10;
	opacity:.9
	border:3px solid #000;
}
/*
	background:url(../images/txt_bg1.png);

*/
#contact_body h2 {
    font-family: 'CalibriBold';
	font-size:36px;
	line-height:44px;
	color:#FFFFFF;
	margin-bottom:19px;
	font-weight:normal;
	text-transform:uppercase;
	position:relative;
	margin-top:-86px;
	margin-left:-30px;
}


#contact_left {
	float:left;
	width:59%;
  	max-width: 100%; /* Add !important if needed. */
  	height: auto;
	text-align:justify;
	margin:0px;
}
#contact_left h3 {
	font-family: 'Colaborate-RegularRegular';
	font-size:28px;
	color:#99F7EB;
	font-weight:normal;
	line-height:normal;
	margin-bottom:0px !important;
	margin-top:0px;
	padding-bottom:15px;
	background:url(../images/brd_01.png) repeat-x left bottom;
}
#contact_left h4 {
    font-family: 'Colaborate-RegularRegular';
	font-size:28px;
	color:#191919;
	font-weight:normal;
	line-height:normal;
	margin-bottom:15px;
	padding-bottom:15px;
	background:url(../images/brd_01.png) repeat-x left bottom;
}
#contact_left h5 {
    font-family: 'Colaborate-RegularRegular';
	font-size:25px;
	color:#3c8600;
	font-weight:normal;
	line-height:normal;
	margin-bottom:15px;
	margin-top:15px;
	padding-bottom:15px;
	background:url(../images/brd_01.png) repeat-x left bottom;
}
#contact_left h6 {
    font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#50aa00;
	font-weight:normal;
	margin-bottom:10px;
}
#contact_left ul {
	margin-top:3px;
}
#contact_left ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	list-style:none;
	padding-left:18px;
	padding-top:9px;
}
/*	background:url(../images/true_icon1.png) no-repeat left bottom;  */

#contact_left .frm_box1 {
	color:#368100;
	float:left;
	width:70%;
	margin-bottom:15px;
}
#contact_left .frm_box2 {
	color:#368100;
	float:right;
	width:70%;
	margin-bottom:15px;
}
#contact_left .frm_box3 {
	color:#368100;
	float:right;
	width:100%;
	margin-bottom:15px;
}
#contact_left .lcn_box1 {
	font-size:11px;
	line-height:15px;
	float:left;
	width:70%;
	margin-bottom:25px;
}
#contact_left .lcn_box1 img {
	padding:2px;
	padding-bottom:28px;
	background:url(../images/shd_02.png) no-repeat left top;
}
#contact_left .lcn_box2 {
	font-size:11px;
	line-height:15px;
	float:left;
	width:100%;
}
#contact_left .lcn_box2 img {
	float:left;
	padding:2px;
	padding-bottom:28px;
	background:url(../images/shd_03.png) no-repeat left top;
}
#contact_left .lcn_box2_right {
	float:right;
	width:70%;
}
#contact_left .rom_box1 {
	width:100%;
	padding-bottom:20px;
}
#contact_left .rom_box1 img {
	margin-bottom:8px;
	border:2px #FFF solid;
}
#contact_left .rom_box1 p span {
	float:right;
}

#contact_left .box_02l {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	width:70%;
	height:520px; overflow:auto;
	padding:9px;
	background:#e5e5e5;
	border:1px #fcfcfc solid;
	position:relative;
	margin-bottom:31px;
}
#contact_left .box_02l p {
	text-align:right;
}
#contact_left .box_02l a {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#contact_left .box_02l a:hover {
	color:#666;
	text-decoration:underline;
}


#contact_right {
	float:right;
	width:40%;
	margin-left:0px;
}

#contact_right .box_02r {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	padding:9px;
	background:#e5e5e5;
	border:1px #fcfcfc solid;
	position:relative;
	margin-bottom:31px;
}
#contact_right .box_02r p {
	text-align:right;
}
#contact_right .box_02r a {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#contact_right .box_02r a:hover {
	color:#666;
	text-decoration:underline;
}


#contact_right h3 {
    font-family: 'Colaborate-RegularRegular';
	font-size:28px;
	color:#99F7EB;
	font-weight:normal;
	line-height:normal;
	margin-bottom:0px !important;
	margin-top:0px;
	padding-bottom:15px;
	background:url(../images/brd_01.png) repeat-x left bottom;
}
#contact_right h4 {
    font-family: 'Colaborate-RegularRegular';
	font-size:28px;
	color:#99F7EB;
	font-weight:normal;
	line-height:normal;
	margin-bottom:0px;
	margin-top:23px;
	padding-bottom:15px;
	background:url(../images/brd_01.png) repeat-x left bottom;
}
#contact_right .box_01 {
	padding:9px;
	background:#eeefed;
	border:1px #fcfcfc solid;
	color:#0B0B61;
}
#contact_right .box_01 a {
	color:#666;
	text-decoration:none;
}
#contact_right .box_01 a:hover {
	text-decoration:underline;
}
#contact_right .box_02 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	color:#0B0B61;
	width:90%;
	padding:9px;
	background:#e5e5e5;
	border:1px #fcfcfc solid;
	position:relative;
	margin-bottom:31px;
}
#contact_right .box_02 p {
	text-align:right;
}
#contact_right .box_02 a {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#contact_right .box_02 a:hover {
	color:#666;
	text-decoration:underline;
}
#contact_right .box_03 {
	text-align:justify;
	font-style:italic;
	width:40%;
	padding:9px;
	background:#e5e5e5;
	border:1px #fcfcfc solid;
}
#contact_right .box_03 .news1 {
	font-style:normal;
	width:40%;
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:1px #8a8a8a dashed;
}
#contact_right .box_03 .news1 img {
	float:left;
	margin-right:8px;
	border:1px #FFF solid;
}
#contact_right .box_03 .news1 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#439d00;
	text-decoration:none;
}

.terms h5 {
	padding-bottom:0px !important;
	margin-top:0px !important;
	margin-bottom:5px !important;
	background:none !important;
}
#online_booking {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:25px;
}
#online_booking h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#2f6b01;
}
#online_booking .txt_01 {
	font-weight:bold;
	padding-bottom:2px;
	padding-top:18px;
}



a.read_more {
	color:#FFF;
	text-decoration:none;
	line-height:24px;
	display:inline-block;
	padding-left:8px;
	padding-right:18px;
	margin-top:12px;
	background:#50aa00 url(../images/Arrow_02.gif) no-repeat right top;
}
a.read_more2 {
	float:right;
	color:#FFF;
	text-decoration:none;
	line-height:24px;
	display:inline-block;
	padding-left:8px;
	padding-right:18px;
	margin-top:-4px;
	background:#50aa00 url(../images/Arrow_02.gif) no-repeat right top;
}
a.read_more3 {
	float:right;
	clear:right;
	color:#FFF;
	text-decoration:none;
	line-height:24px;
	display:inline-block;
	padding-left:8px;
	padding-right:18px;
	margin-top:8px;
	background:#50aa00 url(../images/Arrow_02.gif) no-repeat right top;
}
a.read_more4 {
	color:#FFF;
	text-decoration:none;
	line-height:24px;
	display:inline-block;
	padding-left:8px;
	padding-right:18px;
	margin-top:8px;
	background:#50aa00 url(../images/Arrow_02.gif) no-repeat right top;
}
.flt_right {
	float:right !important;
	margin-right:0px;
}
.price {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	float:right;
	font-weight:bold;
	display:inline-block;
	margin-top:10px;
}
.price strong {
	font-size:18px;
	color:#50aa00;
}
/**********************************************/
.img_01 {
	width: inherit;  /* This makes the next two lines work in IE8. */
  	max-width: 100%; /* Add !important if needed. */
  	height: auto;
	border:1px #fcfcfc solid;
	margin-bottom:8px;
}
.img_02 {
	position:relative;
	margin-bottom:-1px;
	margin-right:4px;
}
.img_03 {
	position:absolute;
	bottom:-30px;
	left:20px;
}

/*******************************************************/
.input_01 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	width:290px;
	padding:0px 3px;
	height:30px;
	background:#FFF;
	border:1px #949494 solid;
	margin-top:4px;
}
.input_02 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	width:614px;
	padding:0px 3px;
	height:180px;
	background:#FFF;
	border:1px #949494 solid;
	margin-top:4px;
}
.input_03 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	width:348px;
	padding:5px 5px;
	height:30px;
	background:#e3e3e3;
	border:1px #949494 solid;
	margin-top:4px;
}
.input_04 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	width:342px;
	padding:0px 3px;
	height:29px;
	background:#e3e3e3;
	border:1px #949494 solid;
	margin-top:4px;
}



.submit_01 {
	float:right;
}
.reset_01 {
	font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
	cursor:pointer;
	background:none;
	margin-top:12px;
}

/**************************************************************/



/* ------- Fluid Columns ------- */
.columns{ width:100%; float:left; margin-bottom:20px; }
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.one_sixth{ width:13.33%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

/* ------- Fluid Columns ------- */
.columns1{ width:90%; float:left; margin-left:10%; margin-bottom:20px; }
.one_half1{ width:40%; }
.one_third1{ width:26.66%; }
.two_third1{ width:53.33%; }
.one_fourth1{ width:20%; }
.three_fourth1{ width:60%; }
.one_fifth1{ width:15.8%; }
.one_sixth1{ width:12.33%; }
.two_fifth1{ width:31.6%; }
.three_fifth1{ width:47.4%; }
.four_fifth1{ width:64.0%; }
.five_sixth1{ width:66.67%; }
.one_half1,.one_third1,.two_third1,.three_fourth1,.one_fourth1,.one_fifth1,.two_fifth1,.three_fifth1,.four_fifth1,.one_sixth1,.five_sixth1{ position:relative; margin-right:10%; float:left; }
.last1{ margin-right:10% !important; clear:right; }
.clearboth1 {clear:both;display:block;font-size:0;height:0;line-height:0;width:90%;}



/*quick_email*/
#ajax-contact-form p{	margin-bottom:15px;}
#qname, #qemail, #qmessage, #qsubject, .search, .textfield, .textarea{	-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px;	padding:7px; margin-right:10px;	border:1px solid #cfcfcf; -webkit-box-shadow: 0px 1px 3px #d4d4d4; -moz-box-shadow: 0px 1px 3px #d4d4d4; -o-box-shadow: 0px 1px 3px #d4d4d4; box-shadow: 0px 1px 3px #d4d4d4; font-family:Arial, Helvetica, sans-serif; background:url(../images/input_field_bg_green.png) repeat; border:1px solid #c4c4c4; color:# }
#qname:focus, #qemail:focus, #qmessage:focus, .textfield:focus,  .textarea:focus, #qsubject:focus{ background:url(../images/input_field_bg_white.png) repeat; }
#qname, #qemail, #qsubject{ 
	min-width: 40%;  /* This makes the next two lines work in IE8. */
  	max-width: 100%; /* Add !important if needed. */
  	height: auto;
; }
#qmessage{ 
	min-width:  60%; /* This makes the next two lines work in IE8. */
  	max-width: 100%; /* Add !important if needed. */
  	height: auto;
 }
.textarea, #qmessage{ font-size:14px; }
#content .contact_us #qname, #content .contact_us #qemail, #content .contact_us #qsubject{ 
	min-width:  40%;  /* This makes the next two lines work in IE8. */
  	max-width: 100%; /* Add !important if needed. */
  	height: auto;
}
#content .contact_us #qmessage{ 	
	min-width:  60%;  /* This makes the next two lines work in IE8. */
  	max-width: 100%; /* Add !important if needed. */
  	height: auto;
}
.notification_error span{ display:block; color:#F00; }
.notification_ok{ color:#060; }


/*button*/
a.button , span.button, #button_submit, .search_button { display: inline-block; padding: 7px 9px; font-size: 12px; line-height:1; color: #000000; text-shadow: 1px 1px 0 #FFFFFF; background: #D5DEE8 url(../images/button_arrow.png) no-repeat 94% 50%; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-background-clip: padding-box; border-radius: 2px; outline: none; position: relative; zoom: 1; *display: inline; font-family:Arial, Helvetica, sans-serif; padding-right:30px; }
a.button.primary { font-weight: bold }
#button_submit, .search_button { -webkit-box-shadow: 0px 1px 3px #545252; -moz-box-shadow: 0px 1px 3px #545252; -o-box-shadow: 0px 1px 3px #545252; box-shadow: 0px 1px 3px #545252;}
a.button:hover, #button_submit:hover, .search_button:hover { color: #3C3C3D; border-color: #aaa; text-decoration: none; text-shadow: 1px 1px 0 #FFFFFF; background-position: 0 -40px; background: #D6CECE url(../images/button_arrow.png) no-repeat 94% 50%; }
a.button:active, a.button.active, #button_submit:active, .search_button:active { background-position: 0 -81px; border-color: #aaa; background: #f9f9f9 url(../images/button_arrow.png) no-repeat 94% 50%; color: #3C3C3D; text-shadow: none; }
a.button:active { top: 1px }

/**************************************************************/
@font-face {
    font-family: 'Colaborate-RegularRegular';
    src: url('../font/colabreg_0-webfont.eot');
    src: url('../font/colabreg_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/colabreg_0-webfont.woff') format('woff'),
         url('../font/colabreg_0-webfont.ttf') format('truetype'),
         url('../font/colabreg_0-webfont.svg#Colaborate-RegularRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Colaborate-ThinRegular';
    src: url('../font/colabthi_0-webfont.eot');
    src: url('../font/colabthi_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/colabthi_0-webfont.woff') format('woff'),
         url('../font/colabthi_0-webfont.ttf') format('truetype'),
         url('../font/colabthi_0-webfont.svg#Colaborate-ThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CalibriBold';
    src: url('../font/calibrib-webfont.eot');
    src: url('../font/calibrib-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/calibrib-webfont.woff') format('woff'),
         url('../font/calibrib-webfont.ttf') format('truetype'),
         url('../font/calibrib-webfont.svg#CalibriBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('../font/colablig_0-webfont.eot');
    src: url('../font/colablig_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/colablig_0-webfont.woff') format('woff'),
         url('../font/colablig_0-webfont.ttf') format('truetype'),
         url('../font/colablig_0-webfont.svg#ColaborateLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lightboxbutton1 {
	background-color: #222;
	background-image: url('header.png');
	background-repeat: repeat-x;
	border: 2px solid;
	border-color: #888 #666 #444 #666;
	position: relative;
	min-height: 30px;
	top:15px;
	max-width:20%;
	margin-left:auto;margin-right:auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}


.lightboxbutton1 {
	background-color: #222;
	background-image: url('header.png');
	background-repeat: repeat-x;
	border: 2px solid;
	border-color: #888 #666 #444 #666;
	position: relative;
	min-height: 60px;
	top:15px;
	max-width:80%;
	margin-left:auto;margin-right:auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}


/****************************
RESPONSIVE CSS
****************************/
@media handheld and (max-width: 480px), screen and (max-device-width: 767px), screen and (max-width: 1024px) {
 #container, .blog ul {
width: 650px;
}
#header, #slider img, .services ul li, .full-services ul li {
width: 100%;
}
#slider, #slideshow, .coin-slider, #coin-slider, .orbit-wrapper, #featured {
height: 268px !important;
width: 650px !important;
}
#slideshow, .coin-slider, .orbit-wrapper, #featured, .ei-slider {
top: 0;
}
.coin-slider .cs-buttons {
position: absolute !important;
right: 35% !important;
}
.coin-slider .cs-title, .nivoSlider .nivo-caption {
display: none !important;
}
.coin-slider .cs-prev, .coin-slider .cs-next {
position: absolute;
top: 40% !important;
}
#top-image {
height: 133px;
}
#slider img, #top-image img, #slideshow img {
width: 100%;
}
.main-content {
width: 590px;
}
 .button-c1 {
 margin-bottom: 20px;
 padding: 6px 20px;
}
 .shadow {
 background: url("img/shadow.png") repeat scroll center -31px transparent;
 height: 30px;
 margin-bottom: 30px;
 position: relative;
 vertical-align: middle;
 width: 100%;
}
 #myslides {
 height: 108px !important;
 width: 590px !important;
}
 .small-description-1 label {
text-align: center;
}
 .small-description-1 h2 {
 font: bold 22px/42px 'Lobster Two', cursive;
 text-align: center;
}
.small-description-1 span {
display:none;
}
 .notify h2, .fullwidth .notify h2 {
width: 350px;
}
.tr-none-2 {
display: none;
}
.blog ul li, .skills, .testimonials, .how-we-work, .three-columns ul li {
width: 175px;
}
.home-rc .four-columns ul li img {
 width: 117px;
}
.home-rc .four-columns ul li {
width: 127px;
}
.home-rc .four-columns ul li a span.rollover-zoom {
left: 30%;
top: 9%;
}
 .blog ul li a {
font-size: 12px !important;
}
.blog ul li img {
height: 97px;
width: 172px;
}
.blist {
border-bottom: 0 none !important;
margin-bottom: 0 !important;
}
.blist ul li {
width: 587px;
}
.blist ul li a {
font-size: 14px !important;
}
.blist ul li img, .fullwidth .blist ul li img {
height: auto;
width: auto;
}
.desc {
width: 300px !important;
}
.desc span a:link, .desc span a:visited {
font-size: 11px !important;
}
.sidebar {
float: left;
width: 100%;
}
.sthumbs {
bottom: 10px;
left: 9px;
width: 600px;
}
.sthumbs li a img {
max-height: 39px;
width: 45px !important;
}
.menu ul, span.tail {
display: none;
}
#header .menu select {
display: block;
width: 200px;
}
.home-rc .rate-table {
float:left;
width: 100%;
}
 .home-rc .gallery {
border-bottom: 0 none;
width: 100%;
}
.team, .blog, .cols-wrap, .services, .full-services, .history, .form, .left, .gallery {
border-bottom: 1px dashed #5D801E;
margin-bottom: 30px;
padding-bottom: 10px;
}
.team h5 {
font-size: 12px;
width: 95px;
}
.team li img {
width: 118px;
}
.fullwidth .team h5 {
font-size: 12px;
width: 65px;
}
.fullwidth .team li img {
width: 88px;
}
.fullwidth .team .mar-bot {
margin-bottom: 20px;
}
.map iframe {
width: 611px;
}
.form input, .form textarea {
width: 460px;
}
.flickr ul {
width: auto;
}
.gallery {
padding-bottom: 30px;
}
.gallery ul {
width: 640px;
}
.gallery img, .img-head img, .img-head iframe {
width: 580px;
}
.two-columns {
padding-bottom: 10px;
}
.three-columns {
padding-bottom: 15px;
}
.home-rc .four-columns {
padding-bottom: 15px;
}
.two-columns ul, .three-columns ul {
width: 610px;
}
.two-columns ul li {
width: 285px;
}
.two-columns ul li img {
width: 275px;
}
.three-columns ul li {
margin-bottom: 10px;
}
 .fullwidth .one-columns ul li {
display: inline-block;
float: left;
width: 100%;
}
.fullwidth .one-columns ul li img {
width: 100%;
}
.fullwidth .one-columns ul li .gallery-one-columns-text {
margin: 10px 0 0 0;
float: left;
width: 100%;
}
.fullwidth .two-columns ul li img {
width: 275px;
}
.fullwidth .two-columns ul li {
float: left;
margin: 0 20px 16px 0;
width: 285px;
}
.fullwidth .three-columns ul li {
margin: 0 27px 20px 0;
width: 178px;
}
.fullwidth .three-columns ul li img {
width: 168px;
}
.fullwidth .four-columns ul li {
margin: 0 27px 20px 0;
width: 127px;
}
.fullwidth .four-columns ul li img {
width: 117px;
}
 .fullwidth .one-columns ul li a span.rollover-zoom {
left: 46%;
top: 24%;
}
.fullwidth .two-columns ul li a span.rollover-zoom {
left: 41%;
top: 31%;
}
.fullwidth .three-columns ul li a span.rollover-zoom {
left: 35%;
top: 20%;
}
.fullwidth .four-columns ul li a span.rollover-zoom {
left: 29%;
top: 10%;
box-shadow: 0 0 0;
}
 .home-rc .four-columns ul li a {
display: block;
height: 67px;
}
.home-rc .four-columns ul li {
margin-bottom: 10px;
}
.three-columns ul li img {
width: 176px;
}
.product-r1 {
display: none;
}
.product-tick {
display: block;
}
.pagination, .rg-image-wrapper, .am-container {
margin-bottom: 30px;
}
.details {
width: 300px;
}
#footer-columns div, #accordion {
margin-bottom: 30px;
width: 100%;
}
.tweet {
margin-bottom: 0 !important;
}
blockquote.qright {
width: 250px;
}
.columns.two-columns {
width: 285px;
}
.columns.three-columns {
width: 178px;
}
.home-rc.four-columns {
width: 208px;
}
.tab-container, #accordion {
width: 588px !important;
}
.search input[type="text"] {
width: 533px;
}
.fullwidth .services ul li {
float: none;
width: 100%;
}
.fullwidth .full-services ul li {
float: none;
width: 100%;
}
.full-services ul li img {
}
.fullwidth .blist ul li {
margin-bottom: 30px;
width: 587px;
}
.fullwidth .blist ul li img {
margin: 0;
}
.fullwidth .blist ul li a span.rollover-list {
left: 30%;
top: 40%;
}
}
 @media handheld and (max-width: 767px), screen and (max-device-width: 767px), screen and (max-width: 767px) {
 #container, .blog ul {
width: 310px;
}
#header, #slider img, #top-image img, .services ul li, .full-services ul li, .gallery ul, .columns.two-columns, .columns.three-columns, .home-rc .four-columns, .tab-container, #accordion {
width: 100% !important;
}
#slider, #top-image, #slideshow, .coin-slider, #coin-slider, .orbit-wrapper, #featured, .ei-slider {
height: 128px !important;
width: 310px !important;
}
.coin-slider .cs-buttons, .orbit-wrapper .slider-nav, .flex-control-nav, .flex-caption {
display: none;
}
.coin-slider .cs-prev, .coin-slider .cs-next {
position: absolute;
top: 40% !important;
}
.nivoSlider .nivo-controlNav {
display: none !important;
}
#slideshow, .coin-slider, .orbit-wrapper, #featured, .ei-slider {
top: 0;
}
#top-image img {
height: 128px;
}
 .shadow {
 background: url("img/shadow.png") repeat scroll center -62px transparent;
 height: 30px;
 margin-bottom: 30px;
 position: relative;
 vertical-align: middle;
 width: 100%;
}
#myslides {
 height: 197px !important;
 width: 250px !important;
}
 .top-banner {
 height: 197px;
}
.small-description-1 h2 {
 font: bold 21px/34px 'Lobster Two', cursive;
}
 .main-content, .skills, .testimonials, .how-we-work {
width: 250px;
}
.notify h2, .fullwidth .notify h2 {
margin-bottom: 15px;
width: 215px;
}
 table.table-style2 tr th, table.default tr th, table.table-style2 tr th, table.table-style3 tr th, table.table-style4 tr th {
font: italic 11px 'georgia' !important;
}
td.rates {
font: italic 11px 'georgia' !important;
}
.tr-none-3 {
display: none;
}
.tr-none-1, .tr-none-2 {
display: table-row;
}
 .blog ul li {
width: 250px;
}
.blog ul li a {
font-size: 14px !important;
}
.blog ul li img {
height: 135px;
width: 240px;
}
.blist ul li, .fullwidth .blist ul li {
padding: 4px;
width: 240px;
}
.desc {
width: 210px !important;
}
.sthumbs {
display: none;
}
#header .menu select {
border: 1px solid #CCCCCC;
display: block;
left: 4px;
position: relative;
top: 205px;
width: 250px;
}
label.created {
display: block;
float: none;
}
.blog ul li a span.rollover {
left: 30%;
top: 37%;
}
.welcome, .left {
margin-top: 50px;
}
.team li {
margin-bottom: 20px;
text-align: center;
}
.team h5 {
 font-size: 12px;
 width: 65px;
}
.team li img {
width: 90px;
}
.fullwidth .team h5 {
font-size: 12px;
width: 65px;
}
.fullwidth .team li img {
width: 88px;
}
 .skills, .testimonials, .how-we-work, .left, .gallery {
border-bottom: 1px dashed #5D801E;
margin-bottom: 30px;
padding-bottom: 10px;
}
.cols-wrap {
border: 0 none;
margin-bottom: 20px;
}
.map iframe {
width: 270px;
}
.form input, .form textarea {
width: 120px;
}
.right .welcome {
margin: 0;
}
span.tail {
display: block;
}
.flickr ul {
width: 250px;
}
.categories ul li {
margin-right: 8px;
}
.gallery {
padding-bottom: 30px;
}
.gallery img, .two-columns ul li img, .three-columns ul li img, .home-rc .four-columns ul li img, .img-head img, .img-head iframe {
width: 240px;
}
.gallery ul li a span.rollover-zoom {
left: 40%;
top: 30%;
}
.two-columns, .three-columns, home-rc .four-columns {
padding-bottom: 0;
}
.two-columns ul li, .three-columns ul li {
margin-bottom: 25px;
}
.two-columns ul li a span.rollover-zoom {
left: 35%;
top: 30%;
}
.three-columns ul li a span.rollover-zoom {
left: 58%;
top: 30%;
}
 .fullwidth .one-columns ul li {
display: inline-block;
float: left;
width: 100%;
}
.fullwidth .one-columns ul li img {
width: 100%;
}
.fullwidth .one-columns ul li .gallery-one-columns-text {
margin: 10px 0 0 0;
float: left;
width: 256px;
}
.fullwidth .two-columns ul li {
float: left;
margin: 0 20px 16px 0;
width: 249px;
}
.fullwidth .two-columns ul li img {
width: 239px;
}
.fullwidth .three-columns ul li {
margin: 0 27px 20px 0;
width: 249px;
}
.fullwidth .three-columns ul li img {
width: 239px;
}
.fullwidth .four-columns ul li {
margin: 0 27px 20px 0;
width: 249px;
}
.fullwidth .four-columns ul li img {
width: 239px;
}
 .fullwidth .one-columns ul li a span.rollover-zoom {
left: 41%;
top: 9%;
}
.fullwidth .two-columns ul li a span.rollover-zoom {
left: 41%;
top: 28%;
}
.fullwidth .three-columns ul li a span.rollover-zoom {
left: 41%;
top: 28%;
}
.fullwidth .four-columns ul li a span.rollover-zoom {
left: 41%;
top: 28%;
box-shadow: 0 0 24px 10px #FFFF00;
}
 .home-rc .four-columns ul li {
 width: 250px;
 margin-right: 0;
}
.home-rc .four-columns ul li a {
 display: block;
 height: 127px;
}
 .home-rc .four-columns ul li a span.rollover-zoom {
left: 42%;
top: 30%;
}
.product-r1 {
display: none;
}
.img-head iframe {
height: 117px;
}
.details {
margin-bottom: 30px;
width: 240px;
}
.share {
float: left;
}
.child {
margin-left: 40px;
}
.subchild {
margin-left: 80px;
}
.rg-image-wrapper, .am-container {
margin-bottom: 30px;
}
blockquote.qright {
width: 190px;
}
.small-description {
padding-top: 90px;
}
.search input[type="text"] {
width: 195px;
}
.fullwidth .services ul li p {
overflow: hidden !important;
}
.fullwidth .full-services ul li p {
overflow: hidden !important;
}
}