/*------------------------------------------------------------------
	[Stylesheet]
	Project:		Project Name
	Version:		1.0
	Last change:	10.11.10 [Created]
	Assigned to:	Titan Web (You Name)					
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
	[Table of Contents]
	1.	Fonts
	2.	Global
	3.	Header
	4.	Top Menu
	5.	Banner
	6.	Content
	7.	Footer
	8.	Gallery
	9.	Pagination

	

	[Color codes]
	Background:	#262626 (Dark Grey)
	Content:	#3b3b3b (Light Black)
	Header h1:	#a70d00 (Dark Red)
	a (standard):	#0046e4 (Bright Blue)
	a (visited):	#009ce4 (Lighter Blue)

	[Typography]
	Body copy:	12px/1.3 Verdana, Arial, Helvetica, sans-serif;

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
	[ 1 Fonts ]
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
	[ 2 Global ]
-------------------------------------------------------------------*/
html { overflow-y: scroll; }

body {}
h1, h2, h3, h4, h5, h6 {}
h1 {} h2 {} h3 {} h4 {} h5 {} h6 {}
a {}

a:hover, 
a:focus { 
	text-decoration: none; 
}

input, 
button, 
textarea, 
select {
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}

pre,
tt,
code,
kbd,
samp,
var {
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}

ol ol li { list-style-type: lower-alpha; }
ol ol ol li { list-style-type: lower-roman; }

q { font-style: italic; }

abbr,
acronym {
	border-bottom: 1px dotted #333;
	cursor: help;
}

textarea {
	resize:none;
	overflow-y:auto;
}

.valign-parent {
	height: 100px;
	white-space: nowrap;
}
.valign-item {
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
}
.valign-helper {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.ie7 .valign-item,
.ie7 .valign-helper {
	display: inline;
	zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after { clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix { *zoom: 1; }

.gform_validation_container {
	height: 0;
	width: 0;
	overflow: hidden;
}

/*------------------------------------------------------------------
	[ 3 Header ]
-------------------------------------------------------------------*/
.header {}

/*------------------------------------------------------------------
	[ 4 Top Menu ]
-------------------------------------------------------------------*/
/* Structure and General Styling */
.menu-wrapper { 
	height:51px; 
	position:relative; 
	z-index:100; 
}

.menu-wrapper a { text-decoration: none; }

#menu-top-menu,
#menu-top-menu li,
#menu-top-menu a {
	display: block;
}

#menu-top-menu li,
#menu-top-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu-top-menu ul {
	display: none;
	position: absolute;
	z-index: 100;
}

#menu-top-menu li {
	float: left;
	position: relative;
	z-index: 100;
}

#menu-top-menu li:hover > ul { display: block; }
#menu-top-menu > li:hover > ul { left: 0; }

#menu-top-menu a {
	color: #FFFFFF;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;
	/*text-shadow: 0 1px 1px rgba( 0, 0, 0, 0.75 );*/
}

#menu-top-menu a:hover,
#menu-top-menu a:active,
#menu-top-menu a:focus {
	color: #FFFFFF;
	text-decoration: none;
}
 
/* Top-level Styling */
#top-menu {
	/*background: #000;
	bottom: 0;
	height: 51px;
	position: absolute;
	width: 100%;*/
}

#menu-top-menu {
	height: 51px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 960px;
}
#menu-top-menu > li { height: 51px; }

#menu-top-menu > li > a {
	font-size: 18px;
	padding: 15px 14px 15px;
}
#menu-top-menu > li:first-child > a { border-left: none; }

#menu-top-menu > li:hover > a,
#menu-top-menu > .current-menu-item > a {
	color: #000;
}
 
/* Sub-menu Styling and Positioning. Accounts for infinite levels of dropdowns. */
#menu-top-menu ul {
	background: transparent;
	width: 160px;
}

#menu-top-menu ul > li { width: 160px; }

#menu-top-menu ul > li > a {
	background: #ffea0a;
	font-size: 14px;
	padding: 5px 10px 5px;
	text-transform: uppercase;
	color: black;
}

#menu-top-menu ul > li:hover > a,
#menu-top-menu ul > .current-menu-item > a,
#menu-top-menu ul > .current-menu-item:hover > a,
#menu-top-menu ul > .current-menu-ancestor > a {
	background: #000000;
	color: #ffea0a;
}

#menu-top-menu li > ul li:hover > ul {
	left: 146px;
	top: 0;
}

/*------------------------------------------------------------------
	[ 5 Banner ]
-------------------------------------------------------------------*/
.banner {}

/*------------------------------------------------------------------
	[ 6 Content ]
-------------------------------------------------------------------*/
.content {}
.entry-meta,
.entry-utility {
	display: none;
}

/*forms*/
.gform_wrapper {}
.gform_wrapper .gfield_required, 
.gform_wrapper .validation_message, 
.gform_wrapper .validation_error {
	color: #c00;
}

.gform_wrapper .validation_error {	padding: 0 0 15px 0; }

.gform_wrapper .gform_edit_link {
	font-size: 80%;
	padding: 10px 0;
}

.gform_wrapper .gform_edit_link { font-size: 70%; }

.gform_wrapper .gform_heading {
	padding: 10px 0 15px 0;
	font-weight: bold;
}

.gform_wrapper .gfield.gform_validation_container {
	visibility: hidden;
	position: absolute;
}

.gform_wrapper .gform_body input, 
.gform_wrapper .gform_body select, 
.gform_wrapper .gform_body textarea {
	padding: 2px 3px;
	width: 200px;
	margin-top: 0;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 22px;
	background: #f3f3f3;
	border: 1px solid #cdcdcd;
}

.gform_wrapper .gform_body input:focus, 
.gform_wrapper .gform_body select:focus, 
.gform_wrapper .gform_body textarea:focus {
	border: 1px solid #50d1ba;
	background: #add1cb;
}

.gform_wrapper .gform_body label { font-size: 14px; }
.gform_wrapper .gform_body input { height: 22px; }

.gform_wrapper .gform_body textarea {
	width: 400px;
	height: 180px;
}

.gform_wrapper .gform_footer input {
	padding: 5px 15px;
	margin-top: 0;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	background: #fff;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.gform_wrapper .gform_footer input:hover { background: #50d1ba; }

.gform_wrapper li,
.gform_wrapper ul,
.contact-details li,
.contact-details ul {
	margin: 0;
	list-style: none;
}

.gform_wrapper ul,
.contact-details ul { 
	padding: 0;
}

.gform_wrapper li {	padding: 0 0 10px 0; }

/* contact */
.google-maps {
	margin: 15px 0 0 0;
	overflow: hidden;
}

.google-maps iframe {
	width: 450px;
	height: 200px;
	border: 1px solid black;
	overflow: hidden;
}

.contact-details table { width: 100%; }
.contact-wrapper { margin: 1em 0; }

.gform_wrapper .gform_body li.gform_hidden { padding: 0px; }
.gform_wrapper .gform_body li.gfield.clear { clear: both; }

.contact-form { width: 445px; }
.contact-info { width: 455px; }
.contact-info h2 { margin-top: 1em; }

.contact-info h4 {
	margin: 10px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

.contact-info ul li { width: 49%; }
.contact-info table { margin: 0; }
.contact-info table tr td { padding: 1px 0; }

/*------------------------------------------------------------------
	[ 7 Footer ]
-------------------------------------------------------------------*/
.footer-pad { /*padding: 20px 0 35px 0; */}

.footer {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

/* copyright */
.footer .copyright {
	width: 490px;
	float: left;
	padding: 0 0 5px 0;
}

/* footer-menu */
.footer .footer-menu {
	width: 490px;
	float: left;
	padding: 0 0 10px 0;
}

.footer .footer-menu ul {
	margin: 0;
	padding: 0;
}

.footer .footer-menu ul li {
	list-style: none;
	float: left;
	display: block;
	margin: 0;
	padding: 0 10px;
	border-left: 1px solid #888888;
}

.footer .footer-menu ul li:first-child {
	padding-left: 0px;
	border-left: none;
}

.footer .footer-menu ul li a { color: #535353; }

.footer .footer-menu ul li a:hover {
	color: #000;
}

/* titan badge */
.titan-badge {
	height: 43px;
	float: right;
	padding: 0 0 10px 20px;
}

.titan-badge .titan-title {
	float: left;
	display: block;
	padding: 10px 5px 0 0;
}

.titan-badge a.titan-logo {
	float: right;
	display: block;
}

.titan-badge span {
	display: inline-block;
	margin: 15px 15px 0 0;
	float: left;
}

.titan-badge img { float: left; }


/* woocommerce */
.woocommerce .star-rating,
.woocommerce-page .star-rating {
	float: right;
	overflow: hidden;
	position: relative;
	height: 24px;
	line-height: 24px;
	font-size: 1em;
	width: 149px;
	background: url('../images/rating.png') no-repeat;
}

.woocommerce .star-rating span,
.woocommerce-page .star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
	background: url('../images/rating-active.png') no-repeat;
}

/*------------------------------------------------------------------
	[ 8 Gallery ]
-------------------------------------------------------------------*/
.gallery-wrapper {	width: 960px; }

.ngg-albumtitle {
	height: 33px;
	overflow: hidden;
	text-transform: capitalize;
}

.ngg-gallery-thumbnail a { 	display: block; }

.ngg-gallery-thumbnail {
	display: block;
	float: left;	
	overflow: hidden;	
	width: 176px;
}

.ngg-pagination { float: left;}

.ngg-pagination span,
.ngg-pagination a {
	display: inline-block;
}

.featured-gallery-wrapper .ngg-gallery-thumbnail {
	height: 90px;
	width: 99px;
}

/*------------------------------------------------------------------
	[ 9 Pagination ]
-------------------------------------------------------------------*/
.titan-pagination ul li {
	float: left;
	margin: 0 2px;
}

.titan-pagination ul li a,
.titan-pagination ul li span {
	padding: 2px 3px;
	display: inline-block;
}
//walker menu stles
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  width: 200px;
  font-family: Helvetica, Arial, sans-serif;
  color: #ffffff;
}
#cssmenu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 15px 20px;
  border-left: 1px solid #1682ba;
  border-right: 1px solid #1682ba;
  border-top: 1px solid #1682ba;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  background: #36aae7;
  background: -webkit-linear-gradient(#36aae7, #1fa0e4);
  background: -moz-linear-gradient(#36aae7, #1fa0e4);
  background: -o-linear-gradient(#36aae7, #1fa0e4);
  background: -ms-linear-gradient(#36aae7, #1fa0e4);
  background: linear-gradient(#36aae7, #1fa0e4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
  color: #eeeeee;
  background: #1fa0e4;
  background: -webkit-linear-gradient(#1fa0e4, #1992d1);
  background: -moz-linear-gradient(#1fa0e4, #1992d1);
  background: -o-linear-gradient(#1fa0e4, #1992d1);
  background: -ms-linear-gradient(#1fa0e4, #1992d1);
  background: linear-gradient(#1fa0e4, #1992d1);
}
#cssmenu > ul > li.open > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid #1682ba;
}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
  border-bottom: 1px solid #1682ba;
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
  border-color: #eeeeee;
}
.holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#cssmenu ul ul li a {
  cursor: pointer;
  border-bottom: 1px solid #32373e;
  border-left: 1px solid #32373e;
  border-right: 1px solid #32373e;
  padding: 10px 20px;
  z-index: 1;
  text-decoration: none;
  font-size: 13px;
  color: #eeeeee;
  background: #49505a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  background: #424852;
  color: #ffffff;
}
#cssmenu ul ul li:first-child > a {
  box-shadow: none;
}
#cssmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}