﻿/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden; height:330}
.relative {position:relative}
/* Global properties */
body {background:#111;border:0;font:15px Arial, Helvetica, sans-serif;color:#0f0f0f;line-height:20px}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3 {border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure */
.main {margin:0 auto;width:946px;}
.body1 {background:url(../images/bg_img2.jpg) center 560px no-repeat #eaeaea}
.body2 {background:url(../images/bg_top_repeat.jpg) top repeat-x}
.body3 {background:url(../images/bg_top_img.jpg) top center no-repeat; }
.body4 {background:url(../images/bg_content.gif) top repeat-x #363636}
/* main layout */
a {color:#13c5ff;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {font:normal 2em sans-serif;color:#13c5ff;float:right; padding-top:15px ;padding-right:15px; padding-left:110px}
h2 {font-size:40px;line-height:1.2em;color:#0f0f0f;padding:1px 0 17px 10px;letter-spacing:-1px}
h2 span {color:#13c5ff}

p {padding-bottom:20px}
h3{  font-family: Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	font-weight: 100;line-height:1.2em;color:#373737;padding: 10px 0px 20px 10px;letter-spacing:0px}
h4{  font-family: Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight: 100;line-height:1.0em;color:#373737;padding: 05px 0px 10px 10px;letter-spacing:0px}
/* header */
header {height:725px}
#logo {display:block;background:url(../images/logo1.png) 0 0 no-repeat;width:276px;height:194px;text-indent:-9999px}
#search {float:right;padding:41px 20px 0 0;width:600px}
#search .input {float:right;width:148px;padding:5px 8px;font:14px Arial, Helvetica, sans-serif;background:#fff;color:#999;height:16px}
#search .submit {display:block;cursor:pointer;background:url(../images/search.gif) 0 0 no-repeat;width:26px;height:26px;float:right;margin-left:4px}
#menu2 {float:right;padding:25px 15px 0 0}
#menu2 li {float:left;padding-right:28px}
#menu2 .end {padding-right:0px}
#menu2 li a {display:block;font-size:16px;color:#fff;text-decoration:none;background:url(../images/menu_marker.png) 0 6px no-repeat;padding-left:15px}
#menu2 li a:hover, #menu2 #active a {color:#13c5ff}

#menu {float:right;padding:70px 15px 0 0}
#menu li {float:left;padding-right:28px}
#menu .end {padding-right:0px}
#menu li a {display:block;font-size:16px;color:#fff;text-decoration:none;background:url(../images/menu_marker.png) 0 6px no-repeat;padding-left:15px}
#menu li a:hover, #menu #active a {color:#13c5ff}
.roundabout-holder  {height:5em;}
.roundabout-moveable-item {cursor:pointer;width:636px;height:478px;margin-top:229px;padding-bottom:20px}
.roundabout-in-focus {cursor:auto;}
#gallery {position:relative;height:520px}
#gallery img {display:block;width:100%;height:100%}
#gallery li {}
/* content */
#content {padding-bottom:59px}
#content2 {padding-top:39px;color:#fff;padding-bottom:60px}
#content2 h2 {color:#fff}
#content2 h3{color:#fff}
.pad_left1 {padding-left:77px}
.pad_left2 {padding-left:57px}
.pad_left3 {padding-left:17px}
.pad {padding:0 10px}
.pad_bot1 {padding-bottom:14px}
.pad_bot2 {padding-bottom:6px}
.marg_right1 {margin-right:24px}
.marg_left1 {margin-left:-5px}
.line1 {background:url(../images/line_ver1.gif) 325px 0 repeat-y}

#content2 .line2, #content2 .line1 {background-image:url(../images/line_ver2.png)}
.list1 {}
.list1 li {padding-bottom:20px;padding-left:14px;background:url(../images/marker_1.gif) 0 8px no-repeat}
.list1 li a {display:block;font-weight:bold;color:#0f0f0f;text-decoration:none}
.list1 li a:hover {color:#13c5ff}
.button {display:inline-block;color:#fff;height:28px;text-decoration:none;padding:0 6px;

background:#13c5ff;  cursor: pointer; }
.button:hover {background:#373737}
#content2 .button:hover {background:#fff;color:#373737}
.link1 {color:#0f0f0f;font-weight:bold}
#content2 .link1 {color:#fff}
.link2 {text-decoration:none}
.link2:hover {color:#000}
#content2 .link2:hover {color:#fff}
.date {float:left;width:46px;margin-right:20px;text-align:center;font-size:30px;color:#13c5ff;line-height:1.2em;padding-bottom:20px}
.date span {display:block;font-size:53px;line-height:1.2em;margin-top:-8px;margin-bottom:-22px;letter-spacing:-2px}
.color1 {color:#13c5ff}
/* tabs begin */
.tabs {}
.tabs ul.nav {margin-top:-5px}
.tabs ul.nav li {line-height:30px}
.tabs ul.nav li a {color:#0f0f0f;padding-left:16px;background:url(../images/marker_1.gif) 2px 6px no-repeat}
.tabs ul.nav li a:hover, .tabs ul.nav .selected a {color:#13c5ff;text-decoration:none}
.tabs ul.nav li a:hover, .tabs ul.nav a.selected {color:#13c5ff;text-decoration:none}
.tabs .content {}
.tabs .tab-content {}
/* tabs end */
/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;display:block;background:#fff}
.lightbox-image img {position:relative;z-index:2}
.lightbox-image span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/petraprasinh-2-sm.jpg) no-repeat 50% 50%;z-index:1}


.pp_details {display:none;height:0;padding:0;margin:0;font-size:0;line-height:0}
.pp_description {display:none;height:0;padding:0;margin:0;font-size:0;line-height:0}
.gallery {margin-top:-10px;padding-left:8px;width:100%;overflow:hidden}
.gallery li {float:left;padding-right:10px;padding-top:10px}
.gallery .end {padding-right:0}


/* footer */
footer {padding: 10px 0 5px 0;font-size:12px;color:#6b6b6b;text-align:center;height:20px;padding-bottom:40px}
footer a {}
footer a:hover {}
footer p{ line-height: 1.7em;
  padding: 0 0 10px 0;}


#icons {float:right;padding:7px 14px 0 0}
#icons li {padding-left:11px;float:left}
footer .left {width:598px}
/* Tooltips */
.aToolTip {border:1px solid #000;background:url(../images/bg_opacity.png) repeat;color:#fff;margin:0;padding:2px 10px;font-size:11px}
.aToolTip .aToolTipContent {position:relative;margin:0;padding:0;}
a.aToolTipCloseBtn {display:block;height:20px;width:20px;overflow:hidden;background:url(../images/loading/close.gif) no-repeat;text-indent:-9999px;outline:none;position:absolute;top:-15px;right:-20px;}
/* forms */
#contactForm {padding:0 0 0 10px;margin-top:-4px}
#contactForm span {width:114px;float:left;font-weight:bold;line-height:28px}
#contactForm label {float:left;font-weight:bold;line-height:28px}
#contactForm .wrapper {min-height:30px}
#contactForm .textarea_box {width:100%;overflow:hidden;min-height:274px}
#contactForm a {margin-right:10px;margin-top:5px}
#contactForm #refresh {margin-top: 15px;}
#contactForm .input {width:450px;height:20px;border:1px solid #d7d7d7;background:#fff;padding:5px;color:#000;font:14px Arial, Helvetica, sans-serif}
#contactForm textarea {overflow:auto;margin:0;width:450px;height:257px;border:1px solid #d7d7d7;background:#fff;padding:5px;color:#000;font:14px Arial, Helvetica, sans-serif}


.lightbox-image1 {position:relative;overflow:hidden;display:block;background:#fff}
.lightbox-image1 img {position:relative;z-index:2}
.lightbox-image1 span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/petraroz-2-sm.jpg) no-repeat 100% 100%;z-index:1}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable {
  padding-right: 35px;
}

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #356635;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #2d6987;
}

.alert-warning {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #a47e3c;
}

.alert-danger {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #953b39;
}

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn-main {
	border: 2px solid #13c5ff;;
	color: #13c5ff;;
	border-radius: 5px;
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.btn-main:hover {
	color: #fff;
	background-color:#13c5ff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-sm,
.btn-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.help-block{
	color: #b94a48;
}