/* 
	Index of this CSS file

	(01) Global Styles
	(02) Home page Header Backgrounds & Page Containers
	(03) Top Menu with Superfish Menu Style
	(04) Search Box
	(05) Logo & Social Media Icons
	(06) Large Footer
		(a) Footer Link Listing
		(b) Footer Latest News
		(c) Footer Twitter Updates
		(d) Footer Contact Form
		(f) Contact Form Error/Success Messages Styles
		(e) Footer Photo Gallery
		
	(07) Small Footer	
	(08) Home page Content Style	
		(a) Home Boxes
		(b) Products and Services
		(c) Client Testimonials
		
	(09) Inner Page Layout
		(a) Innerpage Container
		(b) H1 Title Section
		(c) Breadcrumb
		(d) About Us Page
		(e) Services Page
		
	(10) Sidebar Style 
		(a) Sidebar H2 and Menu Style
		(b) Sidebar Gallery ( Flickr Photos )
		(c) Sidebar Recent Tweets
		(d) Sidebar Recent Comments
		(e) Sidebar Advertise
		(f) Sidebar Newsletter Signup
		(g) Sidebar Testimonial
		(h) Sidebar Contact Details

	(11) Blog Page
		(a) Blog Post Style
		(b) Blog Comments Style
		(c) Comment Form
		(d) Pagination

	(12) Contact Us page Contact Form Style
	(13) prettyPhoto Lightbox Styles
*/

/* ========================================================== 
	(01) Global Styles
============================================================ */

* {margin:0; padding:0;}
html {
height:100%; 
font-size:100%;}

body {
background-color:#fefefe; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size:13px; 
font-weight:normal; 
color:#6d6d6d;
line-height:22px; }

:focus {outline:0;}
ul li {list-style:none;}
img {border:none;}
a { color:#6d6d6d; text-decoration:underline;}
a:hover { color:#363636;}
.left {float:left;}
.right {float:right;}
.clear { clear:both;}
.bold { font-weight:bold}
.italic { font-style:italic}
.underline { text-decoration:underline;}
.center { text-align:center;}
.noborder { border:none}
.rounded3, #pagination a, #pagination .page-active {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;}
	
.rounded5{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}	

/* ========================================================== 
	(02) Home page Header Backgrounds & Page Containers
============================================================ */
 
#header-bg1{ background:url(../images/backgrounds/bg-rainbow.jpg) repeat-x center top; }
#header-bg2{ background:url(../images/backgrounds/bg-sun-burst.jpg) repeat-x center top; }
#header-bg3{ background:url(../images/backgrounds/bg-bokeh.jpg) repeat-x center top; }
#header-bg4{ background:url(../images/backgrounds/bg-half-tone.jpg) repeat-x center top; }
#header-bg5{ background:url(../images/backgrounds/bg-ocean-breeze.jpg) repeat-x center top; }
#header-bg6{ background:url(../images/backgrounds/bg-grid-pattern1.jpg) repeat-x center top; }
#header-bg7{ background:url(../images/backgrounds/bg-grid-pattern2.jpg) repeat-x center top; }
#header-bg8{ background:url(../images/backgrounds/bg-grid-pattern3.jpg) repeat-x center top; }
#header-bg9{ background:url(../images/backgrounds/bg-metal-grids.jpg) repeat-x center top; }
#header-bg10{ background:url(../images/backgrounds/bg-shining-stripes.jpg) repeat-x center top; }
#header-bg11{ background:url(../images/backgrounds/bg-shining-stripes2.jpg) repeat-x center top; }

#home-bg { background:url(../images/backgrounds/home-bg.png) repeat-x left top; }
#inner-bg { background:url(../images/backgrounds/inner-bg.png) repeat-x left top; }

#main-container { width:960px; margin:auto;}
.home-container, .inner-container { height:100%; padding-bottom:10px; clear:both; }
 
/* ========================================================== 
	(03) Top Menu
============================================================ */

#top-menu { 
	float:left; 
	padding:13px 0 1px 0; 
	text-shadow: 1px 1px 0 #34474f; }
	
#top-menu li { 
	float:left; 
	font-size:12px; 
	font-weight:bold; 
	letter-spacing:0.5px; }
	
#top-menu li a {
	text-decoration:none; 	
	color:#fff; 
	display:block; 
	line-height:26px;
	margin-right:10px;
	padding-right:24px; }
	
#top-menu ul li a:hover{ 	
	color:#e2e2e2; }
	
#top-menu ul li li a, #top-menu ul li li li a { 
	background:#efefef url(../images/backgrounds/topmenu-arrow.png) no-repeat 9px 14px;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	border-left:1px solid #e2e2e2;
	line-height:33px; 
	height:35px;
	font-size:13px;
	font-weight:normal;
	letter-spacing:0; 
	margin-right:0; 
	padding-left:22px;  
	color:#333333; }
	
#top-menu ul li li a:hover, #top-menu ul li li li a:hover { 			
	background:#df1414 url(../images/backgrounds/topmenu-arrow.png) no-repeat 9px 14px;
	color:#fff; }	
	
/* Superfish Menu Style */

.sf-menu, .sf-menu * {
	margin:	0;
	padding:0;
	list-style:	none;
	z-index:100; }

.sf-menu { line-height:1.0;}
	
.sf-menu ul {
	position:absolute;
	top: -999em;
	width: 12em; /* left offset of submenus need to match (see below) */ }
	
.sf-menu ul li { width: 100%;}
	
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */}
	
.sf-menu li { float: left; position: relative;}
	
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 0;
	top: 35px; /* match top ul list item height */
	z-index: 99;}
	
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em;}	
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 11em; top: 0;}	
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {	top: -999em;}	
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {	left: 10em; top: 0;}
	
.sf-menu li li a{font-weight:normal}

/* Theme Skin */

.sf-menu { float: left; 	padding-bottom: 13px;}
.sf-menu a, .sf-menu a:visited  { color: #13a; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0; } 

/* Arrows */

.sf-menu a.sf-with-ul { padding-right: 2.25em; 	min-width: 1px; }
	
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 12px;
	text-indent: -999em;
	overflow: hidden;
	background: url('../images/backgrounds/arrows-ffffff.png') no-repeat -10px -100px; }
	
a > .sf-sub-indicator {  top: .8em; background-position: 0 -100px; }
	
/* Apply Hovers to Modern Browsers  */

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/ }	

/* Point Right for Anchors in Sub menu */

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* Apply Hovers to Modern Browsers */

.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { 
	background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/* Shadows for all but IE6 */

.sf-shadow ul {
	background: url('../images/backgrounds/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px; }
	
.sf-shadow ul.sf-shadow-off { background: transparent; }		
	
/* ========================================================== 
	(04) Search Box
============================================================ */

#search { 
	margin-top:9px; 
	width:165px;
	height:32px; 
	float:right; }
	
#search .search-input { 
	background:url(../images/backgrounds/search-bg.png) no-repeat; 
	width:120px; 
	height:32px; 
	border:none; 	
	float:left; 
	padding:0 6px 0 8px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#fff; 
	font-weight:bold; 
	line-height:32px; }	
	
#search .search-icon {
	float:left;
	height:32px;
	width:29px; }

/* ========================================================== 
	(05) Logo & Social Media Icons
============================================================ */

#header { 
	height:auto; 
	padding-bottom:13px; }
	
.logo {	float:left; position:relative;top:15px;}
	.logo_home {	float:left; position:relative;top:8px;}
	
.social-media { 	
	padding-top:35px;
	float:right; }
	
.social-media ul li { float:left; }
	
.social-media li { 
	width:33px; 
	margin-left:6px;
	float:left; }
	
/* ========================================================== 
	(06) Large Footer
============================================================ */

.large-footer { 
	background:#3b525a url(../images/backgrounds/largefooter-bg.jpg) repeat-x top;  
	color:#fff;
	text-shadow: 1px 1px 0 #2d3f47;}
	
.large-footer-bg { 
	background:url(../images/backgrounds/largefooter-lightbg.jpg) no-repeat center 28px; 
	padding-top:60px; 
	padding-bottom:25px; }
	
.large-footer-content { 
	width:960px; 
	margin:auto;}
	
.large-footer h1,.large-footer h2,.large-footer h3,.large-footer h4,.large-footer h5,.large-footer h6 {
	color:#fff}

.large-footer h2 { 
	font-size:22px; 
	font-weight:normal;		
	margin:0;
	padding-bottom:15px;}
	
.large-footer p { 
	margin:0 0 20px 0; 
	line-height:19px;}
	
.large-footer a { color:#fff; text-decoration:underline}
.large-footer a:hover { color:#c2d3d9;}	

/* ==== (a) Footer Link Listing ===================== */
	
.largeFooterList ul {
	padding:0; 	  
	border-top:1px solid #8ea6af;}
	
.largeFooterList li { 
	line-height:20px; 
	margin:8px 0 0 0; 
	display:block; 	 
	border-bottom:1px solid #8ea6af;}
	
.largeFooterList li a { 
	background:url(../images/bullets/arrow.png) no-repeat 11px 6px; 
	color:#fff; 
	text-decoration:none;
	display:block; 	
	padding:0 0 8px 29px;  }
	
.largeFooterList li a:hover { 
	color:#b4c4c9; 
	background:url(../images/bullets/arrow-hover.png) no-repeat 11px 6px;}

/* ==== (b) Footer Latest News ===================== */

.footer-latest-news h3 {
	font-size:17px; 
	font-weight:normal; 
	padding-bottom:10px;
	color:#fff; 
	margin:0; }
	
.footer-latest-news h3 a { 
	color:#fff; 
	text-decoration:none; }
	
.footer-latest-news h3 a:hover { color:#b4c4c9;}

.footer-latest-news img {
	float:left; 
	padding:4px; 
	margin-top:5px; 
	margin-bottom:20px;}
	
.footer-latest-news a img { background-color:#fefefe; }
.footer-latest-news a:hover img {background-color:#213239}

.footer-latest-news p { padding:0 20px 0 97px;}

/* ==== (c) Footer Twitter Updates ===================== */

.footer-twitter-updates  ul{ float:left; }
	
.footer-twitter-updates  li { 
	background:url(../images/icons/twitter-icon.png) no-repeat left 5px; 
	padding-left:80px; 
	float:left; color:#fff; 
	font-size:16px; 
	font-weight:normal; 
	font-style:italic;
	padding-bottom:20px;}
	
.footer-twitter-updates  li span a {
	color:#b4c4c9; 
	text-decoration:none; 
	font-size:13px; 
	font-style:normal;}
	
.footer-twitter-updates  li span a:hover {
	color:#fff; 
	text-decoration:underline}

/* ==== (d) Footer Contact Form ===================== */

#form-one-third, #form-one-fourth { 
	border:none;}
	
#form-one-third .input1, #form-one-fourth .input1 {  
	border:none; 
	padding:0 5px 0 5px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	color:#363636;
	line-height:29px; 
	font-size:13px;  
	float:left; 
	margin-bottom:7px; 
	height:29px;}
	
#form-one-third .input2, #form-one-fourth .input2  {
	height:98px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;		
	font-size:13px;  
	padding:7px; 
	line-height:20px;
	border:none; 
	margin-bottom:7px;}

#form-one-third .input1  { 
	background:url(../images/backgrounds/footer-input3.png) no-repeat; 
	width:241px;  }
	
#form-one-third .input2  { 
	background:url(../images/backgrounds/footer-input4.png) no-repeat; 
	width:308px;
	overflow:hidden;}
	
#form-one-fourth .input1  { 
	background:url(../images/backgrounds/footer-input1.png) no-repeat; 
	width:158px; }
	
#form-one-fourth .input2  { 
	background:url(../images/backgrounds/footer-input2.png) no-repeat; 
	width:216px;
	overflow:hidden; }

#form-one-third label, #form-one-fourth label { 
	margin-left:10px; 
	float:left;
	line-height:28px;}

/* ==== (e) Contact Form Error/Success Messages Styles ===================== */

#msg { height:auto;}
#msg p {	
	background:url(../images/icons/error1.png) no-repeat 0 3px; 		
	padding-left:23px; }
	
#smessage h3{ 
	font-size:16px; 
	background:url(../images/icons/success2.png) no-repeat 0 4px; 	
			
	padding-left:27px; 
	line-height:25px; 
	margin:0; 
	height:25px; 
	font-weight:bold;}
	
#smessage p{ 
	margin:0;
	padding-left:27px;
	color:fff; }

/* ==== (f) Footer Photo Gallery  ===================== */

.footer-one-third-gallery li ,.footer-one-fourth-gallery li {
	display:inline; 
	float:left; }
	
.footer-one-third-gallery li { margin-bottom:19px;}

.footer-one-third-gallery li a, .footer-one-fourth-gallery li a{
	display:inline; 
	float:left; 
	background-color:#fefefe; }
	
.footer-one-third-gallery li a {
	padding:4px;  
	margin-right:19px;}
	
.footer-one-third-gallery li.last a, .footer-one-fourth-gallery li.last a{ 
	margin-right:0;}
	
.footer-one-third-gallery li a:hover, .footer-one-fourth-gallery li a:hover{
	background:#fefefe url(../images/icons/zoom2.png) no-repeat 50% 50%; }

.footer-one-fourth-gallery li { margin-bottom:15px;}
	
.footer-one-fourth-gallery li a{
	padding:3px; 
	float:left; 
	margin-right:15px}
	
/* ========================================================== 
	(07) Small Footer
============================================================ */

#footer {
	background:#364d55 url(../images/backgrounds/smallfooter-bg.jpg) repeat-x  top; 
	width:100%; 
	height:100%; 
	clear:both; 
	color:#fff; 
	text-shadow: 1px 1px 0 #2d3f47; }
	
#inner-footer { 
	background:url(../images/backgrounds/smallfooter-light.jpg) repeat-x  center 1px; 
	width:960px; 
	margin:auto; 
	font-size:13px; 
	padding:15px 0 10px 0; 
	position:relative; }

#footer-links {	float:left; }
	
#footer-links ul li { 
	float:left;
	padding:0 10px 0 10px; 
	line-height:26px; 
	margin-bottom:4px; }
	
#footer-links ul li a {
	text-decoration:none; 
	color:#fff; }
	
#footer-links li:first-child {
	color:#fff; 
	padding:0 10px 0 0;}
	
#footer-links a:hover {
	text-decoration:underline;}

#inner-footer span {	 
	float:right;
	margin:2px 0 0 8px; }
	
#inner-footer span a {
	text-decoration:none; 
	color:#fff; 
	margin:0; }
	
#inner-footer span a:hover { text-decoration:underline; }	

/* ========================================================== 
	(08) Home page Content Style
============================================================ */

/* ==== (a) Home Boxes ===================== */
 
.home-boxes { 
	width:267px; 
	float:left; 
	padding:0 26px 45px 25px;
	background:url(../images/backgrounds/box-bg.jpg) no-repeat left top; }
	
.home-boxes h2 { 
	font-size:18px; 
	font-weight:normal; 
	margin:0;
	color:#363636; 
	padding:14px 0 10px 0; }

.home-boxes h2 a { 
	color:#363636; 
	text-decoration:none}
	
.home-boxes h2 a:hover { 
	color:#363636;}

.home-boxes-thumb   { 
	border:1px solid #dfdfdf; 
	padding:4px; }
	
.home-boxes p { 
	line-height:19px; 
	margin:5px 0 4px 0;	}
	
.home-boxes-right { padding-right:30px; }

/* ==== (b) Products and Services ===================== */

.products-services { 
	width:408px; 
	height:100%;
	float:left; 
	background:url(../images/backgrounds/box-2-bg.jpg) no-repeat left top; 
	padding:0 38px 0 28px; 
	line-height:19px; }
	
.home-services { margin:0 0 24px 0; }
	
.services-description { overflow: hidden; }
	
.products-services h2 { 
	font-size:18px; 
	font-weight:normal; 
	color:#363636; 
	margin:0;
	padding-bottom:25px;}
	
.products-services img { 
	float:left; 
	margin:0 11px 0 0; }
	
.products-services p { 
	line-height:19px; 
	padding:0; }
	
.products-services h3 { 
	font-size:14px; 
	font-weight:bold; 
	margin:0 0 2px 0; }
	
.products-services h3 a { 
	text-decoration:none; 
	font-size:14px; 
	font-weight:bold; 
	color:#6d6d6d; }
	
.products-services h3 a:hover { color:#363636 }

/* ==== (c) Client Testimonials ===================== */

#home-testimonials { 
	width:384px; 
	float:left; 
	background:url(../images/backgrounds/box-2-bg.jpg) no-repeat 8px top; 
	height:100%; 
	padding:0 38px 0 52px; }
	
#home-testimonials h2 { 
	font-size:18px; 
	font-weight:normal; 
	color:#363636; 	
	padding-bottom:25px;
	margin:0; }
	
#home-testimonials p {
	background:url(../images/backgrounds/home-client-testimonials-qu.jpg) no-repeat 0 5px; 
	padding-left:60px; 
	font-size:15px; 
	font-style:italic; 
	font-weight:normal; 
	line-height:24px; 
	margin:0; }
	
#home-testimonials span { 
	font-size:15px; 
	font-weight:bold; 
	display:block; 
	padding:10px 0 15px 60px;
	margin:0;  }

/* ========================================================== 
	(09) Inner Page Layout
============================================================ */	

/* ==== (a) Innerpage Container ===================== */

.inner-container { 	
	width:960px;	 	
	padding-top:16px;
	clear:both;	}  
  
/* ==== (b) H1 Title Section ===================== */

#innerpage-title {		
	margin-bottom:10px;
	height:66px; }
	
#innerpage-title h1 { 
	margin:0;
	padding-top:23px; 
	font-size:30px; 	
	font-weight:normal; 
	color:#f2f2f2; 
	float:left; }
	
#innerpage-title span { 
	float:right; 
	padding-top:30px; 
	font-size:18px; 
	font-weight:normal; 
	color:#f2f2f2; }
	
/* ==== (c) Breadcrumb ===================== */

#breadcrumb {
	margin-top:12px;
	font-size:12px; 	
	color:#6d6d6d; }
	
#breadcrumb a {
	text-decoration:none; 
	color:#a8a8a8; 	
	margin-right:3px;}
	
#breadcrumb a:hover {
	text-decoration:underline;
	color:#6d6d6d;}
	
#breadcrumb span {
	color:#a8a8a8; 
	font-weight:bold;
	margin-right:3px;}
	
/* ==== (d) About Us =====================*/

.team-member img { 
	float:left;
	border:6px solid #E8E8E8;
	margin:3px 12px 0 0;}
	
.team-member h4{ 
	font-size:16px; 
	padding:10px 0 5px 0; 
	margin:0;}
	
.team-member span {
	border-bottom:1px dotted #ccc; 
	width:auto; 
	margin-bottom:10px; 
	padding-bottom:10px; 
	display:block; 
	overflow:hidden;}
	
.team-member p { 
	overflow:hidden;
	margin-top:10px;}

/* ==== (e) Services ===================== */

.services img { 
	float:left;	
	margin:10px 15px 0 0;}
	
.services h3{ 
	font-size:18px; 
	padding:0px 0 8px 0; 
	border-bottom:1px dotted #ccc; 
	width:auto; 		
	display:block; 
	overflow:hidden;}	
	
.services p { 
	overflow:hidden;
	margin-top:10px;}

/* ========================================================== 
	(10) Sidebar Style 
============================================================ */

#sidebar { background:url(../images/backgrounds/sidebar-bg.jpg) repeat-y center top; }
#sidebar-bottom { background:url(../images/backgrounds/sidebar-bottom.jpg) no-repeat center bottom; padding-bottom:10px; }
#sidebar-top { background:url(../images/backgrounds/sidebar-top.jpg) no-repeat center top; padding-top:10px; }

/* ==== (a)Sidebar H2 and Menu Style ===================== */

#sidebar  h2 { 
	background:url(../images/bullets/sideber-title-arrow.png) no-repeat left 15px;
	padding:15px 0 0 24px;
	font-size:20px;	
	margin:0;	
	clear:both;}
	
#sidebar p{ padding:10px 24px 10px 24px;}

#sidebar ul {	
	margin:15px 24px 10px 24px;
	padding:0;
	border-top:1px solid #e8e8e8;}

#sidebar ul li  {
	background:url(../images/bullets/bullet1.png) no-repeat left 3px;
	border-bottom:1px solid #e8e8e8;
	line-height:17px;
	margin-top: 8px;
	padding:0 0 9px 25px;}	

#sidebar ul li  a { 
	display:block;
	text-decoration:none; 
	color:#6d6d6d;}

#sidebar ul li a:hover { color:#363636;}

#sidebar ul li.active a{ font-weight:bold; color:#363636}

#sidebar ul ul  {margin:15px 24px 0 0;}
#sidebar ul ul , #sidebar ul li ul li{border:none;}
#sidebar ul li ul li{padding:0 0 9px 25px;}


/* ==== (b) Sidebar Gallery ( Flickr Photos ) ===================== */

#sidebar .sidebar-gallery { 
	margin:15px 0 0 24px; 
	padding:0; 
	height:100%;}

#sidebar .sidebar-gallery  ul { 
	height:100%;
	border:none; 
	margin:0;
	padding:0; }
	
#sidebar .sidebar-gallery  ul li  { 
	float:left; 
	position:relative;
	background:none; 
	border:none;
	margin:0;
	padding:0; }

#sidebar .sidebar-gallery  ul li  a{ 	
	padding:1px;  
	margin:0 9px 9px 0;
	border:1px solid #e0e0e0; 	
	width:75px; 
	height:75px;
	display:block;}

#sidebar .sidebar-gallery  ul li a:hover { 
	margin:0 9px 9px 0;
	border:1px solid #aeaeae; 	 	
	width:75px; 
	height:75px;
	display:block;}

/* ==== (c) Sidebar Recent Tweets ===================== */

#sidebar .recent-tweets ul {	
	margin:15px 24px 10px 24px;
	padding:0;
	border:none;}

#sidebar .recent-tweets ul li  {
	background:url(../images/icons/twitter-icon2.png) no-repeat left 3px;
	border-bottom:1px solid #e8e8e8;
	line-height:17px;
	margin-top: 8px;
	padding:0 0 9px 50px;}	

#sidebar .recent-tweets ul li a { 
	display:inline;
	text-decoration:none; 
	color:#3f3f3f;}
	
#sidebar .recent-tweets ul li a:hover { 
	color:#363636; 
	text-decoration:underline;}	
	
/* ==== (d) Sidebar Recent Comments ===================== */

#sidebar .recent-comments ul {	
	margin:15px 24px 10px 24px;
	color:#363636;
	padding:0;
	border:none;}

#sidebar .recent-comments ul li  {
	background:url(../images/icons/comment-icon.png) no-repeat left 3px;
	border-bottom:1px solid #e8e8e8;
	line-height:17px;
	margin-top: 8px;
	padding:0 0 9px 40px;}	

#sidebar .recent-comments ul li a { 
	display:inline;
	text-decoration:none; 
	color:#6d6d6d;;}
	
#sidebar .recent-comments ul li a:hover { text-decoration:underline;}		
	
/* ==== (e) Sidebar Advertise ===================== */

#sidebar .sidebar-advertise { 
	margin:15px 0 0 24px; 
	padding:0; 
	height:100%;}

#sidebar .sidebar-advertise  ul { 
	height:100%;
	border:none; 
	margin:0;
	padding:0; }
	
#sidebar .sidebar-advertise  ul li  { 
	float:left; 
	position:relative;
	background:none; 
	border:none;
	margin:0;
	padding:0; }

#sidebar .sidebar-advertise  ul li  a{ 	
	padding:0;  
	margin:0 7px 7px 0;
	border:none; 	
	width:125px; 
	height:125px;
	display:block;}

/* ==== (f) Sidebar Newsletter Signup ===================== */

#newsletter-signup { 
	padding-top:14px;
	margin:0 10px 0 24px; }

input#newsLetterEmail {
	background:url(../images/backgrounds/login-input.jpg) repeat-x;	
	padding:0 5px 0 5px;
	margin-top:2px;
	width:162px;
	height:30px;
	line-height:30px;	
	font-size:16px;
	border:none;}

label.overlabel2 {	
	font-size:16px;
	color:#9e9e9e;
	padding:0 0 0 7px;
	line-height:33px;
	position:absolute;	
	z-index:1;
	color:#999;}
	
#newsletter-signup p { padding:0 0 10px 0 ; margin:0}

/* ==== (g) Sidebar Testimonial ===================== */

.sidebar-testimonial  { background:url(../images/backgrounds/testimonialbox-bg.jpg) repeat-y center top; margin-top:14px; font-size:14px; clear:both; }
.sidebar-testimonial-bottom { background:url(../images/backgrounds/testimonialbox-bottom.jpg) no-repeat center bottom;  }
.sidebar-testimonial-top { background:url(../images/backgrounds/testimonialbox-top.jpg) no-repeat center top;  padding:15px 10px 30px 15px; margin:0; }
.sidebar-testimonial-quote  { font-style:italic;}
#sidebar .sidebar-testimonial p { padding:0 24px 5px 24px;}

/* ==== (h) Sidebar Contact Details ===================== */

#sidebar .sidebar-contact-info ul {	
	margin:15px 24px 10px 24px;	
	padding:0;
	border:none;}

#sidebar .sidebar-contact-info ul li  {	
	border:none;
	line-height:17px;
	margin-top: 8px;
	padding:0 0 9px 40px;}	

#sidebar .sidebar-contact-info ul li a { 
	text-decoration:underline; 
	color:#6d6d6d;}

#sidebar .sidebar-contact-info ul li a:hover{ 
	color:#363636;}

#sidebar .sidebar-contact-info ul li.home-icon { 
	background:url(../images/icons/home.png) no-repeat left top;}

#sidebar .sidebar-contact-info ul li.phone-icon { 
	background:url(../images/icons/phone.png) no-repeat left top;}

#sidebar .sidebar-contact-info ul li.mail-icon { 
	background:url(../images/icons/mail.png) no-repeat left 5px;}

#sidebar .sidebar-contact-info ul li.skype-icon { 
	background:url(../images/icons/skype.png) no-repeat left top;}
	
	
/* ========================================================== 
	(11) Blog Page
============================================================ */

/* ==== (a) Blog Post Style ===================== */	

.blog-post { 
	float:left; 
	margin:15px 0 20px 0;}

.post-date { 
	float:left; 
	width:52px; 
	height:49px; 
	background:url(../images/icons/date-icon.png) no-repeat left top; 
	text-align:center}	

.post-month { 
	float:left; 
	color:#fff; 
	line-height:22px; 
	font-weight:bold;
	text-align:center;
	width:50px;}

.post-day {
	float:left; 
	color:#363636;
	line-height:15px; 
	font-weight:bold; 
	font-size:16px;
	text-align:center;
	width:50px;  
	line-height:24px;}

.post-title { 
	float:left; 
	margin:0 0 10px 8px; 
	width:574px;}

.post-title  h3 { 	
	color:#363636;
	font-size:22px;  
	width:100%;
	border-bottom:1px solid #e8e8e8; 
	text-decoration:none;
	padding:0 0 5px 0; 
	margin:0 0 5px 0; }

.blog-post  h3 a:hover {color:#000;text-decoration:none;}

.blog1-post-img {  	
	background:url(../images/backgrounds/blog-largeimg-bg.jpg) no-repeat 0 0; 
	padding:9px 9px 10px 9px; 
	clear:both; 
	margin:0;}

.blog2-post-img {  
	background:url(../images/backgrounds/blog-thumbimg-bg.jpg) no-repeat left top; 
	padding:9px 9px 10px 9px; 
	clear:both; 
	margin:0; 
	float:left; 
	margin:10px 20px 10px 0;}

.blog-post p { padding:10px 0 0 0;}

.blog-post a { 
	color:#363636; 
	text-decoration:none}
	
.blog-post a:hover{ text-decoration:underline}

/* ==== (b) Blog Comments Style ===================== */

#comments  {padding-top:10px; clear:both; width:auto; }

#comments ol{ margin:0;	padding:0; }

#comments ol li { 	 width:auto;
	float:left;
	background:none; 
	list-style:none; 
	padding:0; margin:0;}

#comments ol li ol li{ margin-left:84px; }
	
.comment-list li{
	position:relative; 	
	line-height:18px; 
	list-style-position:outside;}
	
.avatar{
	position:absolute; 
	top:0; left:0}
	
.avatar img{	
	width:64px; 
	height:64px; 
	background-color:#f4f3f3; 
	padding:4px; 
	border:1px solid #fff; 
	outline:1px solid #e2e1e1;}
	
.comment-text{ 
	width:auto; 	
	margin:0 0 10px 84px; 
	border-bottom:solid 1px #e2e1e1;	
	background-color:#f4f3f3; 
	padding:10px; 
	border:1px solid #fff; 
	outline:1px solid #e2e1e1;}

.comment-text h5 { padding:5px 0 10px 0; margin:0;}

.comment-list li small{
	width:auto; 
	font-size:11px; 
	font-style:italic; 
	display:block; 	
	padding:5px 5px 0 5px; 
	border-top:1px solid #e2e1e1; 
	margin-top:15px;}
	
.comment-list li .reply{ float:right; width:30px; }
.comment-list li small a { text-decoration:none;}
.comment-list li small a:hover { color:#363636;}

/* ==== (c) Comment Form ===================== */

#comment-form {
	margin:20px 0px 0px 0px; 
	font-size:12px; 
	color:#5E5E5E;}
	
#comment-form .input1,#comment-form .input2 { 
	margin:10px 0 2px 0; 
	float:left;
	font-size:13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;   
	border:none; 
	background:#e6e6e6 url("../images/backgrounds/login-input.jpg") repeat-x scroll 0 0; 
	line-height:23px; 
	border:1px solid #dedddd;}
	
#comment-form .input1 {  
	width:324px; 
	height:30px;
	padding:0 8px 0 8px;  }
	
#comment-form .input2 { 
	width:550px; 
	height:100px; 
	line-height:22px; 
	margin-bottom:5px;
	padding:8px;}
	
#comment-form label {
	display:block; 
	width:246px; 
	float:left; 
	margin:10px 0px 0px 10px; 
	padding:7px 0px 0px 0px;}

/* ==== (d) Pagination ===================== */
	
#pagination ul li, #pagination li { 
	float:left; 	
	background:none; 
	line-height:24px;
	margin:0; 
	padding:0;}

#pagination a {
	float:left;
	text-decoration:none; 	
	background-color:#ebebeb; 	
	border:1px solid #dadada; 	 
	text-shadow: 1px 1px 0 #fff;}
	
#pagination li a:hover {
	color:#363636; 
	border:1px solid #bebebe; 
	background-color:#dadada; }
	
#pagination .page-active {	 
	color:#FEFEFE; 
	text-decoration:none;  
	font-weight:bold; 
	background-color:#424242; 
	border:1px solid #323232; 	
	text-shadow: 1px 1px 0 #000;}
	
#pagination .page { margin:3px 10px 0 0;}

#pagination a, #pagination .page-active {
	margin:0 5px 0 0; 
	padding:0 8px 0 8px;}

#pagination .page-arrow a{font-family:arial;margin:0 5px 0 0; 
	padding:1px 8px 3px 8px; line-height:20px; }	
	
/* ========================================================== 
	(12) Contact Us page Contact Form Style 
============================================================ */

#contact-form label {
	display:block; 
	margin:20px 0 4px 0;}
	
#contact-form .input1, #contact-form .input2 {
	width:95%;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:13px;
	color:#363636;
	background-color:#f5f5f5;
	border:1px solid #cccccc; }
	
#contact-form .input1  { 
	height:30px; 
	line-height:30px; 	
	padding:0 8px 0 8px;}

#contact-form .input2 { 
	height:100px; 
	line-height:19px;	
	padding:8px 8px 0 8px; 
	margin:0 0 10px 0;}

#contact-form p { color:#363636;} 

#contact-form #msg p {	background:url(../images/icons/error1.jpg) no-repeat 0 3px; }	
#contact-form #smessage h3{ background:url(../images/icons/success2.jpg) no-repeat 0 4px; }

.contact-map { 
	width:465px;
	height:347px;
	background:url(../images/backgrounds/map-bg.jpg) no-repeat 0 0 ; 
	padding:9px 0 20px 12px;
	clear:both;	}
	
/* ========================================================== 
	(13) prettyPhoto Lightbox Styles
============================================================ */	
	
div.facebook .pp_top .pp_left{ background: url(../images/prettyphoto/facebook/sprite.png) -88px -53px no-repeat; }
div.facebook .pp_top .pp_middle{ background: url(../images/prettyphoto/facebook/contentpatterntop.png) top left repeat-x; } 
div.facebook .pp_top .pp_right{ background: url(../images/prettyphoto/facebook/sprite.png) -110px -53px no-repeat; }
div.facebook .pp_content .ppt{ color:#363636; }
div.facebook .pp_content_container .pp_left{ background: url(../images/prettyphoto/facebook/contentpatternleft.png) top left repeat-y; }
div.facebook .pp_content_container .pp_right{ background: url(../images/prettyphoto/facebook/contentpatternright.png) top right repeat-y; }
div.facebook .pp_content{ background:#fefefe; }
div.facebook .pp_expand{ background: url(../images/prettyphoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; }
div.facebook .pp_expand:hover{ background: url(../images/prettyphoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; }
div.facebook .pp_contract{ background: url(../images/prettyphoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; }
div.facebook .pp_contract:hover{ background: url(../images/prettyphoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; }

div.facebook .pp_close{
    width:22px;
    height:22px;
    background: url(../images/prettyphoto/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer;}

div.facebook #pp_full_res .pp_inline{ color:#363636; }

div.facebook .pp_loaderIcon{ background: url(../images/prettyphoto/facebook/loader.gif) center center no-repeat; }

div.facebook .pp_arrow_previous{
    background: url(../images/prettyphoto/facebook/sprite.png) 0 -71px no-repeat;
    height:22px;
    margin-top:0;
    width:22px;}

div.facebook .pp_arrow_previous.disabled{
    background-position:0 -96px;
    cursor:default;}

div.facebook .pp_arrow_next{
    background: url(../images/prettyphoto/facebook/sprite.png) -32px -71px no-repeat;
    height:22px;
    margin-top:0;
    width:22px;}

div.facebook .pp_arrow_next.disabled{
    background-position: -32px -96px;
    cursor:default;}

div.facebook .pp_nav{ margin-top:0;}

div.facebook .pp_nav p{
    font-size:15px;
    padding:0 3px 0 4px;}

div.facebook .pp_nav .pp_play{
    background: url(../images/prettyphoto/facebook/sprite.png) -1px -123px no-repeat;
    height:22px;
    width:22px;}

div.facebook .pp_nav .pp_pause{
    background: url(../images/prettyphoto/facebook/sprite.png) -32px -123px no-repeat;
    height:22px;
    width:22px;}

div.facebook .pp_next:hover{ background: url(../images/prettyphoto/facebook/btnnext.png) center right no-repeat; cursor: pointer;}
div.facebook .pp_previous:hover{ background: url(../images/prettyphoto/facebook/btnprevious.png) center left no-repeat; cursor: pointer; }
div.facebook .pp_bottom .pp_left{ background: url(../images/prettyphoto/facebook/sprite.png) -88px -80px no-repeat; }
div.facebook .pp_bottom .pp_middle{ background: url(../images/prettyphoto/facebook/contentpatternbottom.png) top left repeat-x; }
div.facebook .pp_bottom .pp_right{ background: url(../images/prettyphoto/facebook/sprite.png) -110px -80px no-repeat; }

div.pp_pic_holder a:focus{ outline:none; }

div.pp_overlay{ 
    background:#363636;
    display: none;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:9500;}

div.pp_pic_holder{
    display: none;
    position:absolute;
    width:100px;
    z-index:10000;}

.pp_top{
    height:20px;
    position: relative;}

* html .pp_top{ padding:0 20px; }

.pp_top .pp_left{
    height:20px;
    left:0;
    position:absolute;
    width:20px;}

.pp_top .pp_middle{
    height:20px;
    left:20px;
    position:absolute;
    right:20px;}

* html .pp_top .pp_middle{
    left:0;
    position: static;}

.pp_top .pp_right{
    height:20px;
    left:auto;
    position:absolute;
    right:0;
    top:0;
    width:20px;}

.pp_content{ height:40px;}

.pp_fade{ display: none;}

.pp_content_container{
    position: relative;
    text-align: left;
    width:100%;}

.pp_content_container .pp_left{ padding-left:20px; }

.pp_content_container .pp_right{ padding-right:20px; }

.pp_content_container .pp_details{
    float: left;
    margin:10px 0 2px 0; }

.pp_description{
    display: none;
    margin:0 0 5px 0; }

.pp_nav{
    clear: left;
    float: left;
    margin:3px 0 0 0; }

.pp_nav p{
    float: left;
    margin:2px 4px;}

.pp_nav .pp_play,.pp_nav .pp_pause{
    float: left;
    margin-right:4px;
    text-indent: -10000px;}

a.pp_arrow_previous,a.pp_arrow_next{
    display:block;
    float: left;
    height:15px;
    margin-top:3px;
    overflow: hidden;
    text-indent: -10000px;
    width:14px;}

.pp_hoverContainer{
    position:absolute;
    top:0;
    width:100%;
    z-index:2000;}

.pp_gallery{
    left:50%;
    margin-top: -50px;
    position:absolute;
    z-index:10000;}

.pp_gallery ul{
    float: left;
    height:35px;
    margin:0 0 0 5px;
    overflow: hidden;
    padding:0;
    position: relative;}

.pp_gallery ul a{
    border:1px #363636 solid;   
    display:block;
    float: left;
    height:33px;
    overflow: hidden;}

.pp_gallery ul a:hover,.pp_gallery li.selected a{ border-color:#fff; }

.pp_gallery ul a img{ border:0;}

.pp_gallery li{
    display:block;
    float: left;
    margin:0 5px 0 0; }

.pp_gallery li.default a{
    background: url(../images/prettyphoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display:block;
    height:33px;
    width:50px; }

.pp_gallery li.default a img{ display: none; }

.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{ margin-top:7px !important;}

a.pp_next{
    background: url(../images/prettyphoto/light_rounded/btnnext.png) 10000px 10000px no-repeat;
    display:block;
    float: right;
    height:100%;
    text-indent: -10000px;
    width:49%; }

a.pp_previous{
    background: url(../images/prettyphoto/light_rounded/btnnext.png) 10000px 10000px no-repeat;
    display:block;
    float: left;
    height:100%;
    text-indent: -10000px;
    width:49%; }

a.pp_expand,a.pp_contract{
    cursor: pointer;
    display: none;
    height:20px;
    position:absolute;
    right:30px;
    text-indent: -10000px;
    top:10px;
    width:20px;
    z-index:20000; }

a.pp_close{
    display:block;
    float: right;
    line-height:22px;
    text-indent: -10000px; }

.pp_bottom{
    height:20px;
    position: relative; }

* html .pp_bottom{ padding:0 20px; }

.pp_bottom .pp_left{
    height:20px;
    left:0;
    position:absolute;
    width:20px; }

.pp_bottom .pp_middle{
    height:20px;
    left:20px;
    position:absolute;
    right:20px; }

* html .pp_bottom .pp_middle{
    left:0;
    position: static; }

.pp_bottom .pp_right{
    height:20px;
    left:auto;
    position:absolute;
    right:0;
    top:0;
    width:20px; }

.pp_loaderIcon{
    display:block;
    height:24px;
    left:50%;
    margin: -12px 0 0 -12px;
    position:absolute;
    top:50%;
    width:24px; }

#pp_full_res{ line-height:1 !important; }
#pp_full_res .pp_inline{ text-align: left; }
#pp_full_res .pp_inline p{ margin:0 0 15px 0; }

div.ppt{
    color:#fff;
    display: none;
    font-size:17px;
    margin:0 0 5px 15px;
    z-index:9999;}

.clearfix:after{
    content: ".";
    display:block;
    height:0;
    clear:both;
    visibility: hidden;}

.clearfix { display: inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block;}

.who_left{
	width:150px;
	float:left;
}
.who_right{
	width:300px;
	float:left;
}
.xazz_outer{
	background-color:#ffffff;
}
.xazz{
	;
width:960px;
margin:0px auto;
text-align:right;	
}


.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}