/*  	Index of this CSS File

	(01) RESET 
	(02) GLOBAL STYLES 
	(03) HEADER SECTION ( Home Page )
 	(04) TOP MENU
	(05) HEADER SLIDER ( Home Page )
	(06) CONTENT	
	(07) WHITE BOXES & WELCOME TEXT( Home Page )
	(08) SPECIAL OFFER BOX	( Home Page )
	(09) ADDITIONAL FOOTER 
	(10) LARGE FOOTER ( Footer Latest News,Footer Testimonials  ) 
	(11) SMALL FOOTER 
	(12) INNER PAGE	 ( Inner page Header, Page Title, Search/RSS icons, Breadcrumbs )
	(13) SIDEBAR
		(a) Sidebar H2 and Menu Style
		(b) Sidebar Recent Tweets	
		(c) Sidebar Advertise
		(d) Sidebar Contact Details
		
	(14) ABOUT US PAGE 
	(15) CONTACT US PAGE 
	(16) BLOG PAGE	
		(a) Share ( social media )Section
		(b) Post Content
		(c) About Author
		(d) Comments
		(e) Comment Form	
 
	(17) PORTFOLIO 
	(18) PRETTY PHOTO LIGHTBOX	
*/

/* ========================================================== 
	(01) RESET 
============================================================ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, pre, a, em, font, img,blockquote, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, caption, tbody, tfoot, thead {  
	margin: 0; padding: 0; 
	border: 0; outline: 0; 
	font-size: 100%; 
	vertical-align: baseline;  
	background: transparent;}
h1, h2, h3, h4, h5, h6, p, dl, pre, form{margin:0 0 20px}
:focus { outline: 0; }

/* ========================================================== 
	(02) GLOBAL STYLES 
============================================================ */

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

body {
height: 100%;
background:#f4f4f2 url(../images/backgrounds/top-bg.jpg) repeat-x 0 0; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size:14px; 
font-weight:normal; 
color:#626161;
line-height:22px;
width: 100%;
 }

ul li {list-style:none;}
img {border:none;}
img.border { background:#ffffff;
 padding:3px;
 border:1px solid #dedede;
 }
a { color:#626161; text-decoration:underline;}
a:hover { color:#181818;}
.left {float:left;}
.right {float:right;}
.center { text-align:center;}
.clear { clear:both;}
.bold { font-weight:bold}
.italic { font-style:italic}
.underline { text-decoration:underline;}
.center { text-align:center;}
.noborder { border:none}
.hidden { display: none !important; }
.border4 { 
	border:1px solid #dddddd; 
	background-color:#f5f5f5;
	padding:4px; }
	
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#181818; margin:0px 0 20px 0; font-family:georgia,arial,verdana;}
h1 {font-size:32px;}
h2 {font-size:25px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:15px;}
h6 {font-size:14px;}
p { margin:0 0 10px 0; line-height:22px; }

#content h1,#content h2{ margin:0px 0 20px 0; }
#content h3,#content h4,#content h5,#content h6 { margin:0px 0 15px 0; }

pre {
	font-family:"Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Arial, sans-serif; 
	font-size:14px; 
	color:#343434; 
	padding-left:5px; 
	background:url(../images/backgrounds/pre.jpg); 
	white-space:pre; 
	overflow:auto; 
	border-width:0 1px 1px 1px; 
	border-style:solid; 
	border-color:#dddddd; 
	line-height:22px; 
	letter-spacing:.1px; 
	word-spacing:1px; 
	margin:15px 0 15px 0;
	overflow:hidden;}
	
code { 
	background-color: #eee; 
	padding: 0px 5px; 
	color:#4d4d4d;
	margin: 10px 0; 
	border: 1px dotted #979797; 
	display: inline-block; 
	text-shadow: 0px 1px 0px #fff; }

hr,.large-footer hr , .line, .large-footer .line,.line3, .large-footer .line3{ 		
	border:none 0; 
	outline:0;
	height:1px; 
	clear:both;}
hr {border-top: 1px dotted #b6b6b6; }	
	
.divider1 { height:22px; }
.divider1,.divider2 {background:url(../images/backgrounds/divider1.png) no-repeat center top;}
.divider2 { height:2px; }

sup,sub{ font-size:14px; color:#757575;margin:0; padding:0;  }
sup { vertical-align: top; }
sub { vertical-align: bottom; }

.skin-color { color:#c4a14e;}

.round3{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;}
	
.round5{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}

/* ========================================================== 
	(03) HEADER SECTION
============================================================ */

#home-header-bg {background:url(../images/backgrounds/home-header-bg1.jpg) repeat-x 0 0;}

#white-header-bg { 
	background:url(../images/backgrounds/white-header-bg.jpg) no-repeat center top; 
	height:130px; }
	 
#white-header { width:960px; margin:auto;}
	 
.logo {  float:left; margin-top:17px;}
	
/* ========================================================== 
	(04) TOP MENU
============================================================ */	
	
div#top-menu {
	background:url(../images/backgrounds/top-menu-divider.jpg) no-repeat right 16px;
	float:right; 	
	height:130px;	
	padding-right:2px;}
	
#top-menu ul { padding:0; }	
#top-menu ul li{ float:left; padding:0;}
	
#top-menu { background:url(../images/backgrounds/top-menu-divider.jpg) no-repeat right top;}
	
#top-menu ul li.active a, #top-menu ul li.active a:hover{
	background:url(../images/backgrounds/top-menu-active.jpg) no-repeat center top;
	display:block;
	height:130px;
	font-size:19px;
	line-height:128px;
	padding:0 28px 0 28px;
	color:#4f3a06;	
	text-shadow: 0px 1px 0px #ecddb7;}

#top-menu > ul li a { background:url(../images/backgrounds/top-menu-divider.jpg) no-repeat left 16px;}	

#top-menu ul li a { 	
	height:130px;
	line-height:128px;
	padding:0 28px 0 28px;
	display:block;
	color:#4a4a4a;
	font-size:17px;
	text-decoration:none;	
	font-family:georgia;}

#top-menu ul li a:hover{ background:url(../images/backgrounds/top-menu-hover.jpg) no-repeat 0 0;}	
	
/* drop down menu styles */

#top-menu ul ul{	
	background:#202020;
	padding:15px 5px 10px 5px;
	margin:0 6px 0 0;}

#top-menu ul ul ul { padding:10px 5px 10px 5px; margin:-10px 6px 0 8px;}	

#top-menu ul li ul li a,#top-menu ul li ul li ul li a,#top-menu ul li.active ul li a{		
	background:#202020 url(../images/backgrounds/topmenu-arrow.html) no-repeat  10px 11px;		
	font-size:14px;
	font-weight:bold;
	font-family:arial,georgia;	
	padding:0 10px 0 25px;	
	color:#b7b7b7;	
	line-height:30px; 
	font-style:normal;
	height:30px;
	width:auto;
	display:block;		
	margin:0;
	text-shadow: 0px 1px 0px #000;}
	
#top-menu ul ul li a:hover, #top-menu ul ul ul li a:hover, #top-menu ul li.active ul li a:hover { 
	background:#010101 url(../images/backgrounds/topmenu-arrow.html) no-repeat  10px -12px;	
	font-size:14px;
	font-weight:normal;
	color:#fff;	
	line-height:30px; 
	font-style:normal;
	padding:0 0 0 25px;	
	height:30px;
	width:auto;
	display:block;		
	margin:0;
	text-shadow: 0px 1px 0px #000;}
	
/* Superfish Menu Style */

.sf-menu, .sf-menu * {
	margin:	0;
	padding:0;
	list-style:none;
	z-index:200; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}

.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: 0px;
	top: 115px; /* 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: #fff; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0; } 

/* Arrows (optional) */

.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.html') 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*/ }

/* ========================================================== 
	(05) HEADER SLIDER
============================================================ */	

#header-home {
	clear:both;
	margin:auto;
	height:427px;
	background:url(../images/backgrounds/home-header-bg2.jpg) no-repeat center top;	}
	
#header-slider {	
	width:960px;	
	margin:0 auto;
	padding-top:33px;}

#header-slider ul li { padding:0; margin:0; background:none; width:960px; float:left;height:310px;}

#header-slider .slider-list ul li {  padding:0 0 0 20px; margin:0;  background:url(../images/backgrounds/skin-bullet1.png) no-repeat 0 8px; height:24px; line-height:24px; color:#838383; display:block;width:180px; }

#header-slider .slider-list ul li a { color:#838383; text-decoration:none; }
#header-slider .slider-list ul li a:hover { color:#c5c5c5; }

#header-slider .slider-bullet { text-indent:30px; padding:1px 0 5px 0px; clear:both; margin-top:15px; float:left; }

#header-slider a.slider-bullet {
	background:url(../images/backgrounds/slider-bullet1.png) no-repeat 0 0;		
	font-size:14px;
	font-style:italic;
	text-decoration:none;		
	color:#c3c3c3}

#header-slider a.slider-bullet:hover { color:#fff;}

.slider-content-bg1,.slider-content-bg2,.slider-content-bg3 {height:310px;position:relative;}
.slider-content-bg1 { background:url(../images/backgrounds/slider-background-left.png) no-repeat center 8px; }
.slider-content-bg2 { background:url(../images/backgrounds/slider-background-right.png) no-repeat center 8px;}
.slider-content-bg3 { background:url(../images/backgrounds/slider-background-center.png) no-repeat center 8px;}
	
.slider-content-left,.slider-content-right { margin:40px 0 0 30px; width:320px;}	
.slider-content-left { float:left;}
.slider-content-right{ 	float:right; }

.slider-content-left2 { 
	float:left;
	margin:40px 20px 0 30px;
	width:180px;}
	
.slider-content-right2{ 
	float:right;
	margin:40px 30px 0 0px;
	width:180px;}

#header-slider h2,#header-slider h3 { 
	color:#c3c3c3;	
	margin-top:0;
	margin-bottom:15px;}

#header-slider h2 { font-size:24px;}	
#header-slider h3 { font-size:18px;}
	
#header-slider p { 
	color:#838383;
	line-height:20px;}

.slider-image-right {
	float:right;
	margin-right:18px;}

.slider-image-left,.slider-image-center {
	float:left;
	margin-right:18px;}
	
.slider-image-right img { margin:20px 0 0 18px;}
.slider-image-left img { margin:20px 0 0 18px;}
.slider-image-center img { margin:18px 0 0 18px;}
.slider-image-full img { margin:18px 0 0 10px;}

.slider-video { 	
	background:url(../images/backgrounds/slider-image-overlay5.png) no-repeat 0 0;
	width:568px;
	height:310px; 
	display:inline-block;  
	float:right;
	padding:20px 0 0 18px;
	margin:0 -18px 0 0}

.slider-image-overlay1,.slider-image-overlay2,.slider-image-overlay3,.slider-image-overlay4 { height:310px; position:absolute;	top:0px;}

.slider-image-overlay1 { background:url(../images/backgrounds/slider-image-overlay1.png) no-repeat 0 0;	width:586px; }
.slider-image-overlay2 { background:url(../images/backgrounds/slider-image-overlay2.png) no-repeat 0 0;	width:586px; }	
.slider-image-overlay3 { background:url(../images/backgrounds/slider-image-overlay3.png) no-repeat 0 2px; width:497px; }
.slider-image-overlay4 { background:url(../images/backgrounds/slider-image-overlay4.png) no-repeat 0 2px; width:960px; }
	
.slider-image-overlay1 a,.slider-image-overlay2 a,.slider-image-overlay3 a,.slider-image-overlay4 a { height:310px; display:block; text-decoration:none;}

.slider-image-overlay1 a,.slider-image-overlay2 a,.slider-image-overlay2 a { width:586px; }
.slider-image-overlay3 a { width:497px; }
.slider-image-overlay4 a { width:960px; }

/* slider navigation */

.cycle-navigation { clear:both; height:45px; margin:38px auto; width:960px;}
.cycle-prev a,.cycle-next a{  width:26px; height:26px; margin: 10px 0 0 0; cursor:pointer;text-indent:-9999px;}	
.cycle-prev a{ float:left; background:url(../images/backgrounds/slider-prev-arrow.png) no-repeat 0 0;}	
.cycle-next a{ float:right; background:url(../images/backgrounds/slider-next-arrow.png) no-repeat 0 0;}	
.cycle-prev a:hover,.cycle-next a:hover{ background-position:0 bottom;}

#nav { display:inline-block; height:20px; margin:0; padding:4px 0 0 0;}
#nav { margin: 10px; position: relative; text-align:center; }
#nav span {display:inline; list-style: none; text-indent:-9999px;}
#nav span a { background:url(../images/backgrounds/slider-navigation.png) no-repeat 0 0; margin:0; height:20px; width:20px;display:inline-block; }
#nav a.activeSlide,ul#nav a:hover { background-position:0 bottom; }
#nav a:focus { outline: none; }
	
/* ========================================================== 
	(06) CONTENT
============================================================ */

#container {
	clear:both;
	width: 77%;
	margin: 0 auto;}	
#content {	
	clear:both;	
	margin:45px 0 10px 0;
	text-shadow: 0px 1px 0px #fff;}


/* ========================================================== 
	(07) WHITE BOXES & WELCOME TEXT
============================================================ */

#content .welcome-text { padding:0 0 10px 0; clear:both;}
#content .welcome-text h1 { margin:0 0 10px 0;}
#content .welcome-pic { float:right; margin:10px 0 0 30px;}

.white-box { background:url(../images/backgrounds/whitebox-bg.jpg) repeat-y center top;}
.white-box-bottom { background:url(../images/backgrounds/whitebox-bottom.jpg) no-repeat center bottom; padding-bottom:0px;}
.white-box-top { background:url(../images/backgrounds/whitebox-top.jpg) no-repeat center top; padding:5px 15px 0px 15px; margin-top:17px;}

.white-box-heading { height:47px; }

#content .white-box h3 { 
	text-align:center; 
	font-size:20px; 
	color:#363636; 
	margin-top:15px;
	line-height:18px;}
	
#content .white-box h2 { 
	text-align:center; 
	font-size:20px; 
	color:#363636; 
	margin-top:15px;
	line-height:18px;}
	
.white-box h2 sub {vertical-align:text-top;
	font-size:14px; 
	font-family:georgia, arial, verdana; 
	color:#9d9d9d;}
	
.white-box-content {  padding:25px 20px 20px 20px; }

.white-box p { margin-top:10px;}

/* ========================================================== 
	(08) SPECIAL OFFER BOX
============================================================ */

.special-offer { 
	background:url(../images/backgrounds/special-offer-box.png) no-repeat center top;
	width:960px;
	height:94px;
	margin:24px 0 18px 0;
	clear:both;}

.special-offer-text { 
	font-size:27px;
	color:#181818;
	padding:10px 10px 10px 28px;
	text-shadow: 0px 1px 0px #fff;}

#content .special-offer h5 { margin-top:21px; }

.special-offer .button-size3 { margin:21px 21px 0 0; }

/* ========================================================== 
	(09) ADDITIONAL FOOTER
============================================================ */	
	
#additional-footer-bg { 
	clear:both;
	background:#d4d4d4 url(../images/backgrounds/additional-footer-bg.jpg) repeat-x 0 0;	
	height:130px; /* <- increase/decrease additional footer HEIGHT here */
	margin:auto;
	text-shadow: 0px 1px 0px #fff;
	color:#212121;}

#additional-footer{ 
	background:url(../images/backgrounds/additional-footer-top.jpg) no-repeat center 0;
	margin:0 auto;
	width:960px;
	padding-top:20px;}
	
#additional-footer h4 {
	font-size:27px;
	color:#181818;
	line-height:90px;
	margin:0px;}

.additional-footer-divider { float:left; margin:0 10px 0 10px;}

/* ========================================================== 
	(10) LARGE FOOTER
============================================================ */

#footer-top-bg { background:#1e1e1e url(../images/backgrounds/large-footer-topbg.jpg) repeat-x 0 0;}
#footer-bg { background:url(../images/backgrounds/large-footer-bg.jpg) no-repeat center 11px;}
#footer {	
	width:960px;
	margin:auto;
	padding:11px 0 20px 0;
	color:#838383;
	text-shadow: 0px 1px 0px #000;}

#footer a {
	color:#939393;
	text-decoration:underline;}

#footer a:hover {color:#c3c3c3;}
	
#footer h2 {
	font-size:20px;
	color:#c3c3c3;
	background:url(../images/backgrounds/footer-heading-border.jpg) no-repeat left bottom;
	padding-bottom:14px;
	margin-bottom:10px;
	margin-top:20px;}
	
#footer .list-checkmark ul { margin:15px 0 0 0; padding:0;}
#footer .list-checkmark ul li { float:left; color:#939393;}
#footer .list-checkmark li { 	
	display:block; 
	width:267px;
	font-weight:bold;
	line-height:22px;
	padding:0 0 10px 33px;
	background:url(../images/backgrounds/footer-checkmark1.png) no-repeat 0 0;}
	
.footer-title-arrow {
	background:url(../images/backgrounds/footer-title-arrow.png) no-repeat 0 0;
	height:10px;
	padding-bottom:0px;}	

/* ====== Footer Latest News ====== */		
	
.footer-latest-news { color:#939393}

#footer .footer-latest-news ul { margin:0; padding:0;}
#footer .footer-latest-news ul li { float:left; color:#939393;}
#footer .footer-latest-news li { 	
	display:block; 
	line-height:22px;
	padding:0 0 5px 0;}

.footer-latest-news img {
	float:left; 
	padding:3px; 
	margin:5px 5px 20px 0;
	border:1px solid #373737;}
	
.footer-latest-news a img { background-color:#171717; }
.footer-latest-news a:hover img {background-color:#010101;border:1px solid #414141;}

.footer-latest-news p { padding:0 0px 0 86px; margin:0;color:#939393; line-height:20px; }	
p.footer-latest-news { color:#b6b5b5; padding-bottom:3px;}

#footer a.footer-read-more {
	background:url(../images/backgrounds/footer-arrow1.png) no-repeat right 4px;
	padding-right:13px;
	text-decoration:none;
	color:#c4a14e}

#footer a.footer-read-more:hover { color:#fff;}

/* ====== Footer Testimonials ====== */	

#footer .footer-testimonials  { background:url(../images/backgrounds/footer-testimonials-bg.png) no-repeat center top; width:300px;}

#footer p.footer-testimonials-text { 
	background:url(../images/backgrounds/footer-testimonials-quote.png) no-repeat 15px 25px;
	padding:25px 20px 0 65px;
	height:130px;
	line-height:20px;}

#footer p.footer-testimonials-client-info { font-style:italic; font-size:14px; padding:0; font-family:georgia, arial, verdana;}

/* ========================================================== 
	(11) SMALL FOOTER
============================================================ */
	
#small-footer {
	background:url(../images/backgrounds/small-footer-bg.png) no-repeat 0 0;
	height:51px;}
	
#small-footer  ul { margin:0 0 0 15px; padding-top:13px;}
#small-footer  ul li { float:left; color:#939393;}

#small-footer  ul li a { 
	text-decoration:none;
	line-height:28px;
	display:block;
	padding:0 16px 0px 16px;}

#small-footer  ul li.active a { 
	background:url(../images/backgrounds/footer-menu-left.png) no-repeat 0 0;
	height:30px;
	display:block;
	line-height:28px;
	padding:0 0 0 10px;}

#small-footer  ul li.active a  span{ 
	background:url(../images/backgrounds/footer-menu-right.png) no-repeat right 0;
	height:30px;
	display:block;
	padding:0 10px 0 0;
	line-height:28px;
	color:#261b00;
	text-shadow: none;}

#small-footer p { float:right; line-height:28px; margin-right:20px;}

/* ========================================================== 
	(12) INNER PAGE	
============================================================ */

#header-inner  {
	clear:both;
	margin:auto;
	height:180px;
	padding-top:25px;
	background:url(../images/backgrounds/inner-header-bg.jpg) no-repeat center top;	}

#title-section {
	width:960px;
	margin:0 auto;}
	
.page-title { width:815px; float:left; height:100px; margin:23px 0 0 0; }

#title-section h1 {
	font-size:48px;
	color:#ebebeb;}	

#title-section h1 sub {
	font-size:17px;
	color:#ebebeb;
	font-style:italic;}

.title-icon { float:left; margin:0 20px 0 0;}

.header-icons  { float:right; height:50px;}

.header-icons ul li{
	float:left;
	margin:0;
	padding:0;}
	
.header-icons ul li a { 
	float:left;
	width:35px;
	height:35px;
	display:block;
	margin-left:6px;}	

#search { 
	width:200px;
	float: left;
	position: relative;
	margin:0;
	padding:0;}
	
#search-icon { 
	float: right; 	
	margin: 0; 
	cursor: pointer;
	padding:0;}

#search-input-box { 
	display:none;
	width: 200px; 
	height: 35px; 
	padding:0; margin:0;	
	position: absolute;  
	left:0; 
	top:0; }
	
#search-input-box input { 
	background: url(../images/backgrounds/input-search.png) no-repeat 0 0; 
	width: 135px;
	height:35px;
	line-height:35px;
	margin: 0; 
	padding:0 10px 0 10px;
	border: none; 	
	font-family:arial; 
	font-size: 12px; 
	color: #939393; 
	text-shadow: 1px 1px 0 #000; 
	outline: none; }

/* ===== BREADCRUMB ===== */

#breadcrumb {
	clear:both;
	font-size:14px; 	
	float:left;
	margin-top:13px;
	height:36px;
	color:#181818}
	
#breadcrumb ul li{ float:left; margin:0; padding:0;}

#breadcrumb ul li {
	height:36px;
	line-height:36px;float:left;display:block;
	background:url(../images/backgrounds/breadcrumb-arrow.jpg) no-repeat right 0;
	padding:0 16px 0 0;
	margin:0 10px 0 0;}

#breadcrumb li a {
	text-decoration:none; 
	color:#636363;
	padding-right:12px;
	padding-left:7px;
	display:block;
	cursor:pointer;}
	
#breadcrumb a:hover {color:#000;text-decoration:none }

#breadcrumb li.breadcrumb-home { 
	background:none;
	text-indent:-9999px;
	width:51px;
	height:35px;
	display:block;	
	padding:0;}

#breadcrumb li.breadcrumb-home a{
	background:url(../images/backgrounds/breadcrumb-home.jpg) no-repeat 0 0; 	
	margin:0;
	padding:0;}
	
#breadcrumb li.breadcrumb-home a:hover{ background:url(../images/backgrounds/breadcrumb-home-hover.jpg) no-repeat 0 0; }
	
#breadcrumb li.current { background:none;	}

/* ========================================================== 
	(13) SIDEBAR
============================================================ */

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

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

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

#sidebar  h2 { 
	background:url(../images/backgrounds/sidebar-heading-bg.jpg) no-repeat 0 0;
	padding:0 0 0 22px;
	font-size:18px;	
	margin:0;
	width:270px;
	height:51px;
	line-height:40px;
	clear:both;}
	
#sidebar p{ padding:10px 24px 10px 24px;}

#content #sidebar ul {	margin:0 0 25px 0;padding:0;}

#content #sidebar ul li, #sidebar li  { border:0; margin: 0; padding:0;}	

#sidebar ul li  a { 
	background:url(../images/backgrounds/sidebar-links-bg.jpg) no-repeat 0 0;
	display:block;
	width:270px;
	height:39px;
	line-height:39px;
	padding:0 0 0 50px;
	text-decoration:none; 
	color:#5b5a5a;}

#sidebar ul li a:hover, #sidebar ul li.active a { color:#181818;}

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

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

#content #sidebar .recent-tweets ul {	
	margin:5px 22px 10px 22px;
	width:225px;
	padding:0;
	border:none;}

#content #sidebar .recent-tweets ul li  {
	background:url(../images/icons/icon-twitter-sidebar.jpg) no-repeat 0 7px;	
	line-height:20px;
	margin: 8px 0 0 0;
	padding:0 0 9px 30px;
	color:#5b5a5a;}	

#content #sidebar .recent-tweets ul li a { 
	background:none;
	display:inline;
	line-height:20px;
	text-decoration:none; 
	color:#181818;
	padding:0;
	margin:0;}
	
#content #sidebar .recent-tweets ul li a:hover { 
	color:#181818; 
	text-decoration:underline;}	
	
/* ==== (c) Sidebar Advertise ===================== */

#sidebar .sidebar-advertise { 	
	clear:both;	
	padding:0;
	height:257px;}

#content #sidebar .sidebar-advertise  ul { 	
	border:none; 
	margin:15px 0 0px 18px; 
	padding:0; }
	
#content #sidebar .sidebar-advertise  ul li  { 
	float:left; 
	position:relative;
	background:none; 	
	margin:0 14px 14px 0;
	padding:0;
	width:110px;
	height:110px;}

#content #sidebar .sidebar-advertise  ul li  a{ 	
	padding:0;
	background:none; 
	margin:0;}
	
/* ==== (d) Sidebar Contact Details ===================== */

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

#content #sidebar .sidebar-contact-info ul li  {	
	border:none;
	line-height:17px;
	margin-top: 8px;
	padding:0 0 9px 0px;}
	
#content #sidebar .sidebar-contact-info ul li { width:270px; clear:both;background:none;}
	
#content #sidebar .sidebar-contact-info ul li span{ width:97px; float:left; line-height:17px; }	

#content #sidebar .sidebar-contact-info ul li a { 
	background:none;
	text-decoration:none; 
	color:#6d6d6d;
	display:block;
	width:auto;
	height:10px;
	line-height:17px;
	padding:0;
	margin:0;}

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

#content #sidebar .sidebar-contact-info ul li .contact-address { height:50px;}

#content #sidebar .sidebar-contact-info ul li ul { margin:0; padding:0; }
#content #sidebar .sidebar-contact-info ul li ul li { padding:0; clear:none;float:left; width:24px; height:24px; display:block;  margin:0 5px 0 0;}
#content #sidebar .sidebar-contact-info ul li ul li  a { float:left; margin:0; padding:0; }

/* ========================================================== 
	(14) ABOUT US PAGE
============================================================ */

.about-thumb { 
	background:url(../images/backgrounds/aboutus-thumb-bg.jpg) no-repeat 0 0;
	float:left;
	padding:7px;
	margin: 0 20px 10px 0;}
	
.company-services{ margin:30px 0px 10px 0;}
.company-services img{ float:left; margin:5px 20px 25px 0;}
#content .company-services h4 { margin:0 0 5px 0;}
#content .company-services p { margin: 0 0 15px 0; padding-left:120px;}

.team-member { margin:10px 0 0 0}
.team-member-thumb{
	background:url(../images/backgrounds/staff-thumb-bg.jpg) no-repeat 0 0;
	float:left;
	padding:6px;
	margin: 0 20px 10px 0;}

#content .team-member h4 { margin:0 0 10px 0; }
#content .team-member p { margin:0 0 8px 0; line-height:15px; padding:0; }
.team-member .divider2 { margin:20px 0 10px 0; clear:both; }
#content .team-member p span.staff-email a{ background:url(../images/icons/icon-email.png) no-repeat 0 2px; height:15px; text-decoration:none; padding-left:25px; }
#content .team-member p span.staff-phone { background:url(../images/icons/icon-phone.png) no-repeat 0 0px; height:50px; padding-left:25px; }

/* ========================================================== 
	(15) CONTACT US PAGE
============================================================ */

.contact-icons { float:right; margin:0 0 0 20px;}
	
/* ==== Contact Form ===================== */

#content #contact_form p { padding:0; margin:0; }

#contact-form  label { width:200px;}

.input-name2,.input-email2 { 
	background:url(../images/backgrounds/input-name.jpg) no-repeat 0 0;
	width:184px;
	height:39px;
	line-height:39px;
	padding:0 10px 0 35px;}
	
.input-name2,.input-email2,.contact-textfield{ border:0 none;
	outline:0;
	font-size:14px;
	font-family:arial,verdana;
	margin:4px 0 9px 0;}

.input-name2 { background:url(../images/backgrounds/input-name2.jpg) no-repeat 0 0;}
.input-email2 { background:url(../images/backgrounds/input-email2.jpg) no-repeat 0 0;}

.contact-textfield { 
	background:url(../images/backgrounds/contact-textfield.jpg) no-repeat 0 0;
	width:446px;
	height:138px;
	line-height:22px;
	padding:10px;}	

/* ==== Contact Details ===================== */

#content .contact-details ul {	
	margin:18px 24px 10px 0px;	
	padding:0;
	border:none;}

#content .contact-details ul li  {	
	border:none;
	background:none;
	line-height:17px;
	margin-top: 8px;
	padding:0 0 9px 0px;}
	
#content .contact-details ul li { width:270px; clear:both;}
	
#content .contact-details ul li span{ width:97px; float:left; line-height:16px; }	

#content .contact-details ul li a { 
	background:none;
	text-decoration:none; 
	color:#6d6d6d;
	padding:0;
	margin:0;	
	line-height:10px;
	height:10px;}

#content .contact-details ul li a:hover{ color:#181818;}

#content .contact-details ul li .contact-address { height:50px;}

#content .contact-details ul li ul { margin:0; padding:0; }
#content .contact-details ul li ul li {  float:left; padding:0; clear:none;width:24px; height:24px; display:block; margin:-5px 5px 0 0; }
#content .contact-details ul li ul li  a { float:left; padding:0; margin:0; }

.contact-map {
	background:url(../images/backgrounds/map-bg.jpg) no-repeat 0 0;	
	padding:10px;}
	
/* ==== 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:normal;}
	
#smessage p{ 
	margin:0;
	padding-left:27px; }


/* ========================================================== 
	(16) BLOG PAGE	
============================================================ */

.post-left-column { width:79px; margin-right:24px; float:left;}

.post-date { 
	background:url(../images/backgrounds/date-bg.jpg) no-repeat 0 0;
	text-align:center;
	width:79px;
	height:115px;
	display:block;
	margin-bottom:6px;
	padding-top:18px;}

.date-day { 
	font-size:27px;
	display:block;}

.date-month {
	font-size:16px;	
	display:block;
	margin-top:-29px;}

.post-comments a{
	font-size:22px;
	color:#fff;
	line-height:30px;
	margin:0;
	text-decoration:none;}

/* ==== (a) Share (social media) Section ===================== */

.post-share { 
	background:url(../images/backgrounds/share-post.jpg) no-repeat 0 0;
	width:79px;
	height:30px;}
	
.post-share a { text-decoration:none;}

.post-share p.trigger{ clear:both;
	padding:0;  
	margin:0;  
	background:url(../images/backgrounds/share-post.jpg) no-repeat 0 0; 
	height: 30px;  
	line-height: 28px; 
	width: 100%; 
	float: left; 
	border:none; }
	
.post-share p.trigger a { clear:both;
	color: #363636; 
	font-size: 14px; 	
	text-indent:12px; 
	text-decoration: none; 
	display: block; 
	font-size:14px;
	height: 30px;  
	line-height: 26px;  }
	
.post-share p.trigger a:hover { color: #000; }

.post-share p.active a{background:url(../images/backgrounds/share-post.jpg) no-repeat 0 bottom;color:#000;}

#content .post-share .toggle_container { 	
	background: url(../images/backgrounds/share-container-bg.png) repeat-y center bottom;
	width:59px;
	margin:0 0 0 10px; 
	padding:0;
	overflow: hidden; 	
	clear: both; 
	border:none;
	position:relative;
	z-index:999;}

#content .post-share .toggle_container  ul {  margin:0; width:40px; padding:8px 8px 10px 9px; }
#content .post-share .toggle_container ul li { padding:0; margin:0; background:none; }
#content .post-share .toggle_container ul li a{ 	
	clear:both;
	background:none;
	height:40px;
	width:40px;
	display:block;	}
	
/* ==== (b) Post Content ===================== */

.post-content{ width:527px;}
	
.post-img { 
	background:url(../images/backgrounds/blog-post-bg1.jpg) no-repeat 0 0; 
	padding:12px;}

#content .post-content h2, #content .post-content h2 a{
	margin:15px 0 10px 0;
	color:#181818;
	text-decoration:none;}
	
#content .post-content h2 a:hover {color:#000; }
	
.blog-post-details { 
	background:#f4f4f2 url(../images/backgrounds/blog-post-details.jpg) repeat-x 0 0; 
	padding:10px 15px 10px 15px;
	border:1px solid #dadada;
	height:20px;
	margin:10px 0 20px 0;}

#content .blog-post-details p{ margin:0; padding:0;}

.blog-categories { 
	background:url(../images/icons/icon-categories.png) no-repeat 0 0; 
	padding-left:25px;}
	
.blog-author { 
	background:url(../images/icons/icon-author.png) no-repeat 0 0; 
	padding-left:25px;} 

/* ==== (c) About Author ===================== */
	
.about-author {
	background:#f1f1f1 url(../images/backgrounds/about-author-bg.jpg) repeat-x 0 0;
	border:1px solid #d3d3d3;
	padding:24px 20px 0 19px;
	margin:40px 0 40px 0;}	

.author-img { 	
	background:url(../images/backgrounds/about-author-thumb-bg.jpg) no-repeat 0 0; 
	margin:0;
	padding:6px;
	height:100px;
	width:100px;
	display:block;
	float:left;
	position:relative;}
	
.about-author p.about-author-title {
	font-size:18px;
	color:#181818;
	margin-bottom:10px;}
	
.about-author p { color:#5b5a5a; margin-left:130px;}
	
/* ==== (d) Comments ===================== */

#content .comment-list ol, #content .comment-list ol li{ 
	list-style:none; 
	margin:40px 0 0 0; 
	padding:0;}

div.comment-list a { text-decoration:none;}
div.comment-list ol li a:hover { text-decoration:underline;}
div.comment-list ol li { list-style:none;}
div.comment-list ol  { padding:0; clear:both; width:auto; margin:0; }

#content .comment-list ol li { 	 
	width:auto;
	float:left;
	background:none; 
	list-style:none; 
	padding:11px 0 0 0; margin:0;}

#content .comment-list  ol li ul li			{ width:570px;float:right; margin:0; padding:0; }
#content .comment-list ol li ul li ul li			{ width:510px;float:right;}
#content .comment-list ol li ul li ul li ul li		{ width:450px;float:right;}
#content .comment-list ol li ul li ul li ul li ul li	{ width:390px;float:right;}
#content .comment-list ol li ul li ul li ul li ul li ul li { width:330px;float:right;}

#content .comment-list  ol li ul li { background:url(../images/backgrounds/comment-reply.jpg) no-repeat 0 0; padding-left:31px; padding-top:11px;}

.comment { background:#f4f4f2 url(../images/backgrounds/comments-bg.jpg) repeat-x 0 0;
	border:1px solid #d7d7d7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:24px 20px 0 19px;
	margin:0px 0 0px 0; }
	
.post-author { background:#efefef url(../images/backgrounds/comment-admin-bg.jpg) repeat-x 0 0; }
	
.avatar {
	background:url(../images/backgrounds/avatar-bg.jpg) no-repeat 0 0; 
	margin:0;
	padding:6px;
	height:60px;
	width:60px;
	display:block;}
	
.reply { width:72px; text-align:center;}

.reply a { 
	text-decoration:none; 
	font-size:14px; 
	letter-spacing:2px; 
	color:#181818;
	line-height:25px;}

.reply a:hover { color:#000;}

.comment-text { color:#5b5a5a;  margin-left:90px;}

.comment-body { margin-top:10px;}

.comment-heading { height:20px;}

.comment-text cite { 
	font-size:17px;
	color:#181818;
	float:left;}

.comment-text .date { float:right;}

/* ==== (e) Comment Form ===================== */

.comment-form-left { float:left; width:480px;}

.comment-form-right { float:right}

#comment-form label { width:250px; line-height:27px; padding-right:90px;}

.input-name,.input-email,.input-url,.input-service { 
	background:url(../images/backgrounds/input-name.jpg) no-repeat 0 0;
	width:240px;
	height:39px;
	line-height:39px;
	padding:0 10px 0 35px;}
	
.input-name,.input-email,.input-url ,.textfield-comment{ border:0 none;
	outline:0;
	font-size:14px;
	font-family:arial,verdana;
	margin:0 0 9px 0;}

.input-name { background:url(../images/backgrounds/input-name.jpg) no-repeat 0 0;}
.input-email { background:url(../images/backgrounds/input-email.jpg) no-repeat 0 0;}
.input-url { background:url(../images/backgrounds/input-url.jpg) no-repeat 0 0;}
.input-service { background:url(../images/backgrounds/input-service.png) no-repeat 0 0;}

.input-service { 
	width:250px;
	height:39px;
	padding:2px 1px 0 5px;
	margin:5px 0 0 0;
	border:0 none;
	outline:0;
	font-size:14px;
	font-family:arial,verdana;
	margin:0 0 9px 0;}
	
.input-service option {
background-color:#B2B4BF; 
	width:205px;
	padding:2px 20px 0 5px;
	}	
	
.textfield-comment { 
	background:url(../images/backgrounds/comment-textfield.jpg) no-repeat 0 0;
	width:435px;
	height:169px;
	line-height:22px;
	padding:10px;}
	
#comment-form .divider2 { clear:both; margin:0 0 12px 0;}
	
/* ========================================================== 
	(17) 1 TO 4 Column & Sortable Portfolio
============================================================ */

/* portfolio tab */

#content .portfolio-tab { margin:0 0 20px 0; height:50px;}

#content .portfolio-tab ul,#content .portfolio-tab ul li{ padding:0; margin:0;float:left;}

#content .portfolio-tab ul li a{
	float:left;
	background:url(../images/backgrounds/button-white-on-left.jpg) no-repeat 0 0;
	height:32px;
	display:block;
	padding:0 0 0 15px;
	width:auto;
	text-decoration:none;
	cursor:pointer;
	
	font-family:arial, verdana, georgia;}

#content .portfolio-tab ul li a span{
	background:url(../images/backgrounds/button-white-on-right.jpg) no-repeat right 0;
	height:32px;
	display:block;
	padding:0 15px 0 0;
	margin:0 6px 0 0;
	line-height:32px;	
	color:#292929;
	font-size:14px;	
	text-shadow: 0 1px 0 #fff}

#content .portfolio-tab ul li a:hover,#content .portfolio-tab ul li.active a{ background:url(../images/backgrounds/button-white-hover-left.jpg) no-repeat 0 0; }
#content .portfolio-tab ul li a:hover span,#content .portfolio-tab ul li.active a span{ background:url(../images/backgrounds/button-white-hover-right.jpg) no-repeat right 0;}

.filter-category { line-height:32px; margin-right:10px; }

/* portfolio 1 to 4 column */

#content .portfolio ul{ padding:0; margin:10px 0 0 0; }	
#content .pf-one-half ul li, #content .pf-one-third ul li, #content .pf-one-fourth ul li { background:none; padding:0; } 

.portfolio  p {	
	line-height:20px; 	 
	margin:0 0 5px 0;}	

.portfolio ul li {
	margin:0 30px 0 0;
	padding:0; 
	background:none; 
	list-style:none;}
	
.portfolio ul li.last {margin-right:0;}	

#content .portfolio h3 {
	font-size:18px;
	font-weight:normal;
	margin:0px 0 5px 0; 	
	line-height:30px; }

#content .pf-one-full h3 {
	font-size:20px; 
	font-weight:normal; 
	margin:15px 0 10px 0; }

.portfolio h3,.portfolio h3 a ,.pf-one-full h3,.pf-one-full h3 a {	 
	color:#181818; 
	display:block;
	text-decoration:none; 	
	padding:0;}	
	
.portfolio h3 a:hover ,.pf-one-full h3 a:hover { color:#000;}

.portfolio-content { padding:0px 0 30px 0; margin-bottom:18px;}

.pf-one-half ul li, .pf-one-third ul li, .pf-one-fourth ul li {float:left; background:none;}

.pf-one-full           { width:960px;} /* Width of 1 Column Portfolio */
.pf-one-half ul li     { width:465px;} /* Width of 2 Column Portfolio */
.pf-one-third ul li   { width:300px;} /* Width of 3 Column Portfolio */
.pf-one-fourth ul li { width:217px;} /* Width of 4 Column Portfolio */

.sortable ul li { margin-bottom:18px;}

.pf-one-full  { 	
	clear:both;
	margin-bottom:30px; 
	padding-bottom:8px;		
	margin-top:10px;
	height:278px;}

#content .pf-one-full ul { margin:10px 0 10px 0; padding:0;}
	
.img-one-fourth, .img-one-third, .img-one-half, .img-one-full  { clear:both; padding:12px; margin:0; }	
.img-one-fourth { background:url(../images/backgrounds/portfolio-4col-bg.jpg) no-repeat 0 0;	 }
.img-one-third { background:url(../images/backgrounds/portfolio-3col-bg.jpg) no-repeat 0 0;	 }
.img-one-half { background:url(../images/backgrounds/portfolio-2col-bg.jpg) no-repeat 0 0;	 }
.img-one-full { background:url(../images/backgrounds/portfolio-1col-bg.jpg) no-repeat 0 0; 	 }

.img-one-fourth p, .img-one-third p, .img-one-half p, .img-one-full p { margin:0; padding:0;}



/* ========================================================== 
	(18) prettyPhoto Lightbox Styles
============================================================ */	

/* Facebook Theme */
	
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:#363635;
    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;}

pre, .code {
	border: 1px solid #E3E3E3;
	border-left: 6px solid #E3E3E3;
	font-size: 1em;
	font-size-adjust:none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.5em;
	margin: 5px 0 15px;
	padding: 10px 10px;
	color: #656565;
	background: #FFF;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.column2
{
width:270px;
float:right;
/*background:url(../images/backgrounds/sidebar-right-top.jpg) no-repeat 0 top; padding:0 0 0 30px;*/
}
.column2  h2 { 
	background:url(../images/backgrounds/sidebar-heading-bg.jpg) no-repeat 0 0;
	padding:0 0 0 22px;
	font-size:18px;	
	margin:0;
	width:270px;
	height:51px;
	line-height:40px;
	clear:both;}

/* ========================================================== 
	(07) WHITE BOXES NEW & WELCOME TEXT
============================================================ */

#content .welcome-text { padding:0 0 10px 0; clear:both;}
#content .welcome-text h1 { margin:0 0 10px 0;}
#content .welcome-pic { float:right; margin:10px 0 0 30px;}

.white-boxnew { background:url(../images/backgrounds/whitebox-bgnew.jpg) repeat-y center top;}
.white-box-bottomnew { background:url(../images/backgrounds/whitebox-bottomnew.jpg) no-repeat center bottom; padding-bottom:0px;}
.white-box-topnew { background:url(../images/backgrounds/whitebox-topnew.jpg) no-repeat center top; padding:5px 15px 0px 15px; margin-top:1px;}

.white-box-headingnew { height:35px; }

#content .white-boxnew h2 { 
	text-align:center; 
	font-size:20px; 
	color:#363636; 
	margin-top:15px;
	line-height:18px;}
	
.white-boxnew h2 sub {vertical-align:text-top;
	font-size:14px; 
	font-family:georgia, arial, verdana; 
	color:#9d9d9d;}
	
.white-box-contentnew {  padding:25px 20px 20px 20px; }

.white-boxnew p { margin-top:8px;}