/*  Index of this CSS File

	(01) RESET 
	(02) GLOBAL STYLES 
	(03) TOPBAR	
	(04) TOP MENU
	(05) HEADER SECTION
	(06) INNER PAGE	
	(07) SEARCH BOX
	(08) CONTENT
	(09) HOME PAGE SLIDERS AND CONTENT STYLES
		(a) Skitter slider
		(b) s3 Slider
		(c) home content styles

	(10) LARGE FOOTER
		(a) Footer Popular Posts
		(b) Social Media
		(c) Footer Contact Form
		(d) Contact Form Error/Success Messages Styles

	(11) SMALL FOOTER
	(12) SIDEBAR
		(a) Flickr Photos
		(b) Recent Posts
		(c) Recent Comments 
		(d) Support Box

	(13) BLOG PAGE
		(a) Blog Post Style 
		(b) About Author
		(c) Comments 
		
	(14) ABOUT US PAGE
	(15) CONTACT US PAGE
	(16) 1 TO 4 COLUMN PORTFOLIO AND SORTABLE GALLERY	
	(17) SERVICES PAGE
			(a) Custom Nivo Slider Styles
	(18) TESTIMONIALS PAGE

 */	

/* ========================================================== 
	(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 {
background:#ededed  url(../images/backgrounds/top-bar.png) repeat-x 0 21px;
height: 100%;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size:12px; 
font-weight:normal; 
color:#404040;
line-height:20px; }

ul li {list-style:none;}
img {border:none;}
a { color:#404040; text-decoration:none;}
a:hover { color:#000;}
.left {float:left;}
.right {float:right;}
.center { text-align:center;}
.clear { clear:both;}
.bold { font-weight:bold}
.italic { font-style:italic}
.underline { }
.center { text-align:center;}
.noborder { border:none}
.noheight { height:0; }
.hidden { display: none !important; }
.border4 { 
	border:1px solid #dddddd; 
	background-color:#f5f5f5;
	padding:4px; }
	
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#000; margin:0px 0 20px 0; font-family:"Noticia Text",	 georgia,arial,verdana; color:#92323d;}
h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4 {font-size:18px; color:#92323d;}
h5 {font-size:16px;}
h6 {font-size:14px;}
p { margin:0 0 18px 0; line-height:20px; }

#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:12px; 
	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:#c1c1c1; 
	line-height:22px; 
	letter-spacing:.1px; 
	word-spacing:1px; 
	margin:15px 0 15px 0;
	overflow:hidden;}
	
code { 
	background-color: #f3f3f3; 
	padding: 0px 5px; 
	color:#4d4d4d;
	margin: 10px 0; 
	border: 1px dotted #979797; 
	display: inline-block; 
	text-shadow: 0px 1px 0px #fff; }

hr{ 	border:none 0; 
	outline:0;
	height:1px; 
	clear:both;
	border-top: 1px dashed #c8c8c8;
	border-bottom: 1px solid #f1f1f1;	}	
	
.divider,.divider2,.divider3,.divider4 { background:url(../images/backgrounds/hr.png) repeat-x center center; height: auto;; clear:both; display:block; }
.divider2 { height:30px; margin-bottom:20px; }
.divider3 { height:20px; margin-bottom:20px; }
.divider4 { height:40px; padding-top:10px; }

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

.round3{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;   -khtml-border-radius: 3px;  -o-border-radius: 3px; }	
.round5{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  -khtml-border-radius: 5px;  -o-border-radius: 5px; }
	
/* ========================================================== 
	(03) TOPBAR		
============================================================ */	
#top-curve { width:auto; margin:13px auto 0 auto; height:8px;  /* Note : background image style code is in skin css file  */ }
#top-bar-bg { background:url(../images/backgrounds/top-bar-dots.png) repeat-x 0 0;  height:115px; width:auto;margin:0 auto;}
#top-bar { width:1060px; margin:0 auto; font-size:11px; color:#fdfbfb;  line-height:38px;}
#logo { width:291px; height:109px; display:block; margin-top:6px; float:left; }

/* ========================================================== 
	(04) TOP MENU
============================================================ */		
.top-menu {	
	z-index:9999; 
	width:auto;
	height:115px; }
	
.top-menu .sf-menu {
	float:right;	
	font-family:"Noticia Text", georgia,arial,verdana;
	text-shadow: 0px 1px 0px #000;
	font-size:15px;		
	color:#e4e4e4;		
	margin:8px 0 0 0; padding:0;}

.menuleft ul.sf-menu { float:right }
	
.top-menu ul.sf-menu>li {	
	display:block;
	float:left;		
	position:relative;
	list-style:none;	
	margin:0 0 0 5px;}

.top-menu>ul.sf-menu>li>a {	
	background:transparent url(../images/backgrounds/topmenu-divider.png) no-repeat left top;	
	display:block;
	color:#e4e4e4;
	padding-right:8px;	
	height:107px;
	line-height:27px;
	text-decoration:none}

.top-menu>ul.sf-menu>li>a>span { 		
	min-width:98px;
	padding-left:15px;
	cursor:pointer;
	padding-top:26px;
	height:65px;	
	display:block}
	
.top-menu>ul.sf-menu>li:hover>a>span { color:#fdfbfb;}
	
.top-menu>ul.sf-menu>li>a>span sub { font-size:11px; color:#b6b6b6; display:block; font-family:arial,verdana; line-height:14px; }	
.top-menu>ul.sf-menu>li.active>a>span sub,.top-menu>ul.sf-menu>li:hover>a>span sub { color:#fdfbfb;}	
	
/* drop down menu styles */

.top-menu ul ul{	
	background:#282828;
	padding:5px 20px 5px 20px;
	margin:0;
	-moz-box-shadow: 1px 1px 4px #000;
	-webkit-box-shadow: 1px 1px 4px #000;
	box-shadow: 1px 1px 4px #000;  }
	
.top-menu ul ul{
	border-radius: 0px 0px 5px 5px;  
	-moz-border-radius:  0px 0px 5px 5px;  
	-khtml-border-radius:  0px 0px 5px 5px;  
	-webkit-border-bottom:  0px 0px 5px 5px;  }

.top-menu ul ul ul { 
	border-radius:5px;  
	-moz-border-radius:5px;  
	-khtml-border-radius:5px;  
	-webkit-border-bottom:5px;
	padding:5px 20px 5px 20px; 
	margin:0 6px 0 22px; }	

.top-menu ul.sf-menu li ul li a,.top-menu ul.sf-menu li ul li ul li a,.top-menu ul li.active ul li a{			
	color:#b7b7b7;
	text-decoration:none;	
	font-size:12px;
	font-weight:normal;
	font-family:arial,georgia;	
	padding:0;	
	line-height:34px; 
	font-style:normal;
	height:32px;
	width:auto;
	display:block;		
	margin:0;}
	
.top-menu ul.sf-menu ul li a:hover, .top-menu ul ul ul li a:hover, .top-menu ul li.active ul li a:hover,.top-menu ul li ul li.active a, .top-menu ul li ul li.active a:hover ,.top-menu ul li ul li ul li.active a,.top-menu ul li ul li ul li.active a:hover,.top-menu ul li ul li ul li ul li.active a, .top-menu ul li ul li ul li ul li.active a:hover { 		
	color:#e07700;	
	text-shadow: 0px 1px 0px #000;
	background:none;}

.top-menu ul.sf-menu li ul li a,.top-menu ul.sf-menu li ul li ul li a,.top-menu ul li.active ul li a{ 
	border-top:1px dotted #464646; 
	border-bottom:1px dotted #131313; 
	color:#ababab; 
	text-shadow: 0px 1px 0px #000; }
	
ul.sf-menu li ul li:first-child  a,ul.sf-menu li ul li ul li:first-child  a{ border-top:0; }
ul.sf-menu>li>ul>li:last-child>a,ul.sf-menu>li>ul>li>ul>li:last-child>a,ul.sf-menu>li>ul>li>ul>li>ul>li:last-child>a{ border-bottom:0; }

.top-menu ul.sf-menu ul li a:hover, .top-menu ul ul ul li a:hover, .top-menu ul li.active ul li a:hover,.top-menu ul li ul li.active a, .top-menu ul li ul li.active a:hover ,.top-menu ul li ul li ul li.active a,.top-menu ul li ul li ul li.active a:hover,.top-menu ul li ul li ul li ul li.active a, .top-menu ul li ul li ul li ul li.active a:hover { 		
	color:#fdfbfb;		
	text-shadow: 0px 1px 0px #000;}	
	
/* Superfish Menu Style */

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

.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: 105px; /* 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: #fdfbfb; }
.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:0; min-width: 1px; }
	
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 0px;
	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:12px; 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 SECTION
============================================================ */

/* Note : Header section background image style code is in skin css file */

/* ========================================================== 
	(06) INNER PAGE
============================================================ */

#title-bar { 
	margin:0 auto;	
	width:960px; 
	height:65px; 
	display:block; }
	
#title-bar h1 { 
	font-size:25px; 	
	padding-top:23px;
	float:left; 
	color:#fff;
	/* Note : text shadow style code is in skin css file  */}

/* ========================================================== 
	(07) SEARCH BOX
============================================================ */

#search-box { 
	margin-top:21px;
	margin-left: 172px;
	height:25px; 
	float:right; }
	
#search-box  .search-input { 	
	background:url(../images/backgrounds/search-input.png) no-repeat 0 0;
	width:550px; 
	height:29px; 
	border:0; 	
	float:left;	
	padding:0 6px 0 8px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#363636; 
	font-weight:normal; 
	line-height:27px; }

#search-box  .search-input:hover,#search-box  .search-icon:hover  { 	background-position: 0 -33px; }
	
#search-box  .search-icon {
	background:url(../images/backgrounds/search-icon.png) no-repeat 0 0;
	float:left;
	height:32px;
	width:32px;
	cursor:pointer;}
	
/* ========================================================== 
	(08) CONTENT
============================================================ */

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

/* ========================================================== 
	(09) HOME PAGE SLIDERS AND CONTENT STYLES
============================================================ */

#header-slider { width:1025px; margin:0 auto; height:365px; padding-top:15px; }
#header-slider-box { 	
	border:1px solid #fff;
	background:#fff;
	width:958px;	
	padding:0;
	margin:19px 0 13px 28px;
	float:left;
	height:379px;}


/* ==== (a) Skitter slider  ========================== */

.box_skitter {position:relative;width:958px;height:460px;}
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden;position:relative;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none;}
.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../images/backgrounds/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}

.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}

/* Next Previous Arrows */

.box_skitter .prev_button,.box_skitter .next_button {
	width:28px; 
	height:67px; 
	display:block;
	position:absolute;overflow:hidden;
	top:147px;
	cursor:pointer;}

.box_skitter .prev_button {text-indent:-9999em; left:-29px; /* Note : background image style code is in skin css file  */}
.box_skitter .next_button {text-indent:-9999em; float:right; right:-29px; /* Note : background image style code is in skin css file  */}

.box_skitter .prev_button:hover,.box_skitter .next_button:hover {background-position:0 bottom}

.box_skitter .info_slide {position:absolute;top:15px;left:15px;z-index:100;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.75;}
.box_skitter .info_slide .image_number {float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.box_skitter .info_slide .image_number_select { float:left;padding:2px 10px;margin:0 5px 0 0;}

.box_skitter .container_thumbs {position:relative;overflow:hidden;height:50px;}
.box_skitter .info_slide_thumb {-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;height:45px;top:auto;bottom:-5px;left:-5px;padding:5px;opacity:1.0;}
.box_skitter .info_slide_thumb .image_number {overflow:hidden;width:70px;height:40px;position:relative;}
.box_skitter .info_slide_thumb .image_number img {position:absolute;top:-50px;left:-50px}

.box_skitter .box_scroll_thumbs { padding:0 10px; }

.box_skitter .box_scroll_thumbs .scroll_thumbs { position:absolute;bottom:60px;left:50px;width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;cursor:pointer;border:1px solid #333; }

/* Bullet (Circle) Navigation */

.box_skitter .info_slide_dots { bottom:-62px; z-index:151; background:url(../images/backgrounds/circle-navigation.png) no-repeat 2px top; width:147px; height:44px; display:block; position:absolute; padding:7px 0 0 25px; }

.box_skitter .info_slide_dots .image_number { float:left;margin:4px;cursor:pointer;width:12px;height:12px;text-indent:-9999em;overflow:hidden; /* Note : background image style code is in skin css file  */}

.box_skitter .info_slide_dots .image_number_select { float:left; /* Note : background image style code is in skin css file  */}

/* Caption Text */

.label_skitter {
	position:absolute;
	bottom:0px;
	left:0px;	
	z-index:150;	
	left:0px;
	color:#fff;
	display:none;	
	font-size:22px; 
	color:#fff; 
	font-style:italic; 
	font-family:"Noticia Text", georgia,arial,verdana; 
	text-align:center;
	line-height:50px;
	padding-bottom:9px;}

.info_slide * {font-family:arial,tahoma !important;}

.box_skitter .progressbar { background:#000; position:absolute; top:5px;left:15px;height:5px; width: 200px; z-index:99; border-radius:20px; }

/* Preview slide ( Thumbnail preview on mouseover in bullets navigation)
----------------------------------------------- */
#preview_slide { display:none; position:absolute; z-index:152; bottom:50px; left:-40px; width:100px; height:75px; background:#fff; border:1px solid #ccc; -moz-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; overflow:hidden; }
#preview_slide ul { height:75px; overflow:hidden; margin:0; list-style:none; display:block; position:absolute; top:0; left:0; }
#preview_slide ul li { width:100px; height:75px; overflow:hidden; float:left; margin:0; padding:0; position:relative; display:block; }
#preview_slide ul li img { position:absolute; top:0; left:0; height:150px; width:auto; }

/* Focus
----------------------------------------------- */
#overlay_skitter { position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000; }

.box_skitter .focus_button {position:absolute;top:50%;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/focus-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button {position:absolute;top:50%;z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/pause-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button.play_button {background:url(../images/play-button.png) no-repeat left top;}

/* Example for dimenions:
----------------------------------------------- */
.box_skitter_large {width:958px;height:460px;}
.box_skitter_small {width:200px;height:100px;}

/* ==== (b) s3 Slider ========================== */

#header-slider-wrapper { width:1016px; margin:0 auto; height:379px; }
#s3-slider-box { 	
	border:1px solid #fff;
	background:#fff;
	width:958px;	
	padding:0;
	margin:19px 0 13px 28px;
	float:left;
	height:379px;}

#s3-slider {
    width: 958px; /* important to be same as image width */
    height: 379px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden;
	margin:0;/* important */	
}

#s3-sliderContent {
    width: 720px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.s3-sliderImage {
    float: left;
    position: relative;
	display: none;
}
.s3-sliderImage span {
    position: absolute;	
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;}

.s3-sliderImage span strong {  font-size: 12px; }

.s3-left-caption,.s3-right-caption	{	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px; }
.s3-left-caption {
	top: 0;
    left: 0;	
	width: 250px !important;
	height: 335px;
	margin:12px 0 0px 12px 
}
.s3-right-caption {
	right: 0;
	bottom: 0;
	width: 250px !important;
	height: 335px;
	margin:0px 12px 18px 0;}

.s3-title { font-size:20px; margin:25px 10px 15px 10px ;  display:block; font-weight:normal; text-align:left; font-family:"Noticia Text",georgia,arial; line-height:26px;}
.s3-text { font-size:12px; color:f5f5f5; line-height:20px; padding:0px 15px 20px 10px; font-weight:normal; overflow:hidden;  display:block; text-shadow: 0 1px 0 #000; }

.s3-sliderImage span a.button-small {  
	box-shadow: none;
	border:1px solid #000;
	color:#000;
	margin-left:10px;}

.s3-sliderImage span a:hover.button-small {  
	text-shadow: 1px 1px 0px #000;
	color:#fff;
	}
	
/* ==== (c) home content styles ========================== */

/* Recent Work */

#content .home-recent-work ul li { 
	float:left;
	padding:6px;
	display:block;
	background:#fff;
	border:1px solid #d4d4d4;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;	
	margin:0 18px 0 0;
	width:130px;
	height:130px;}
	
#content .home-recent-work ul li.last { margin:0; }
	
.recent-content { background:#fff; text-align:center; padding-bottom:6px; }
#content .recent-content p{ color:#000; margin:0; line-height:20px;  }
#content .recent-content p a { color:#000;text-decoration:none; }
#content .recent-content p a:hover { text-decoration:underline; }
#content .recent-content span { color:#707070; font-size:11px;  line-height:14px; padding-bottom:2px; display:block; }

/* Latest News */

#content .home-latest-news { margin-top:17px; } 
#content .home-latest-news  ul,#content .home-latest-news  ul li{ padding:0; margin:0  }
#content .home-latest-news  ul li { 
	background:url(../images/backgrounds/hr.png) repeat-x bottom left;
	float:left;
	padding:0 0 5px 5px;
	margin-bottom:14px;	}
	
#content .home-latest-news  ul li:last-child { background:none; }
	
#content .home-latest-news  ul li  a{ color:#363636; text-decoration:none; }	
#content .home-latest-news  ul li  a:hover{ color:#000; text-decoration:underline; }	

#content .home-latest-news  ul li .news-date { 
	background:url(../images/backgrounds/home-news.png) repeat-x left top; 
	width:66px; 
	height:51px; 
	margin-left:-75px; 
	text-align:center; 
	color:#505050; 
	line-height:15px; 
	font-size:24px; 
	float:left;  
	padding:17px 0 0 0; 
	font-family:"Noticia Text", Georgia, arial; }
	
#content .home-latest-news  ul li .news-date span { font-size:11px; font-family:arial,verdana;display:block; padding-top:6px;	}
#content .home-latest-news  ul li h4 { font-size:14px; margin-bottom:5px; color:#363636; font-family:arial,verdana;}
#content .home-latest-news  ul li p { margin-bottom:7px; line-height:20px;color:#404040; font-size:11px;}
#content .home-latest-news  ul li a.read-more { text-decoration:none; background:url(../images/backgrounds/home-news.png) no-repeat right 3px; padding-right:15px; color:#000; }
#content .home-latest-news  ul li a.read-more:hover { background-position:right -12px; text-decoration:underline;  }

/* Promotion Box */

.promotion-box { width:960px; height:86px;  background:url(../images/backgrounds/promotion-box.png) no-repeat 0 0; display:block; margin:4px 0 24px 0;  }
.promotion-box p { 
	font-family:"Noticia Text", Georgia, arial;
	font-size:22px;
	color:#363636;
	margin:0 0 0 22px;
	padding-top:30px;
	float:left;}
	
.promotion-box a.promotion-button { float:right; margin:22px 22px 0 0; }

/* Testimonials */

.home-testiomonials { margin-top:20px; clear:both; }
#content .home-testiomonials  ul  { padding:0; } 
#content .home-testiomonials  ul li{ background:url(../images/backgrounds/testimonials-bg.jpg) repeat-y left; width:300px; display:block;  height:auto; padding:0; margin:0; z-index:9999; }
#content .home-testiomonials  ul li .home-testimonials-content { background:url(../images/backgrounds/testimonials-top.jpg) no-repeat top left; padding-top:9px; }
#content .home-testiomonials  ul li .home-testimonials-content p { 
	background:url(../images/backgrounds/testimonials-bottom.jpg) no-repeat bottom left;
	color:#363636;
	font-size:15px;
	font-family:"Noticia Text", Georgia, arial;
	line-height:26px;
	font-style:italic; 
	padding:10px 25px 52px 25px ;
	margin:0 0 0px 0;
	z-index:1;	}
	
#content .home-testiomonials  ul li .home-testimonials-content span { background:none; margin-top:-17px; position:absolute; margin-left:94px; font-weight:bold;}
#content .home-testiomonials  ul li .home-testimonials-content sub { font-weight:normal; font-size:11px;line-height:18px;  display:inline; margin-left:5px; color:#505050;}
#content .home-testiomonials  ul li a { text-decoration:none; }
#content .home-testiomonials  ul li a:hover { text-decoration:underline; }

/* Services */

#content .home-services  ul li{ 
	width:300px;
	margin:0 0 11px 0; padding:0; 
	overflow:hidden;
	float:left;
	background:url(../images/backgrounds/hr.png) repeat-x 0 bottom;}	

#content .home-services  ul li a { text-decoration:none; }
#content .home-services  ul li a:hover { text-decoration:underline; }
#content .home-services  ul li img { padding-top:6px; }
#content .home-services  ul li p { padding-left:45px; margin:-1px 0 14px 0; }


/* ========================================================== 
	(10) LARGE FOOTER
============================================================ */	
	
#footer-top { background:#1f1f1f url(../images/backgrounds/footer-bg.jpg) repeat-x 0 top; }	
#footer-bg {	}	

#footer {	
	color:#9b9b9b;
	width:960px;
	margin:0 auto;
	padding:33px 0 10px 0; }

#footer a { text-decoration:underline;}
	
#footer h2 {
	background:url(../images/backgrounds/footer-title-line.png) repeat-x 0 bottom;
	font-size:16px;	
	color:#92323d; 
	padding-bottom:14px;
	margin-bottom:20px;
	margin-top:0px;
	text-shadow: 0 1px 0 #000;}
	
#footer ul li   { 		
	background:url(../images/backgrounds/footer-list-arrow.png) no-repeat 0 6px;		
	display:block;
	padding:0 0 0 17px;
	margin:0 0 13px 0;
	text-shadow: 0 1px 0 #000;}

#footer ul li  a { text-decoration:none;  display:block; color:#dbdada;}
#footer ul li  a:hover { color:#fff;}

/* ====== (a) Footer Popular Posts ====== */		
	
.footer-popular-posts { color:#9b9b9b}

#footer .footer-popular-posts ul { margin:0; padding:0;}
#footer .footer-popular-posts ul li { float:left; color:#9b9b9b; padding-left:75px; background:none;}
#footer .footer-popular-posts li { 	
	display:block; 
	line-height:22px;
	padding:0 0 5px 0;}

.footer-popular-posts img {	
	float:left; 
	padding:4px 4px 6px 4px; 
	margin:0 0 0 -75px;
	border:0;
	width:53px;
	height:53px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;}
	
.footer-popular-posts a img { 
	padding:3px; 
	background:#000;
	border:1px solid #2c2c2c;
	border-radius:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px; }

#footer .footer-popular-posts ul li a { color:#ccc; }
#footer .footer-popular-posts ul li a:hover { color:#fff; }

.footer-popular-posts p { margin:0;color:#9b9b9b; line-height:22px; display:block; font-size:13px; }	
p.footer-popular-posts { color:#9b9b9b; padding-bottom:3px; }

#footer .footer-popular-posts ul li span { font-size:11px; line-height:18px; display:block; margin-top:3px; }

/* ====== (b) Social Media ====== */	

#footer .social-media ul li   { 		
	background:none;		
	display:block;
	height:33px;
	line-height:28px;
	padding:0 0 0 44px;
	margin:0 0 0px 0;
	text-shadow: 0 1px 0 #000;}

#footer .social-media a { text-decoration:none;  display:block; color:#9b9b9b;}
#footer .social-media a:hover { color:#fff;}

#footer .social-media ul li.icon-twitter { background:url(../images/icons/twitter.png) no-repeat 0 0; }
#footer .social-media ul li.icon-facebook { background:url(../images/icons/facebook.png) no-repeat 0 0; }
#footer .social-media ul li.icon-rss { background:url(../images/icons/rss.png) no-repeat 0 0; }
#footer .social-media ul li.icon-linkedin { background:url(../images/icons/linkedin.png) no-repeat 0 0; }
#footer .social-media ul li.icon-delicious { background:url(../images/icons/delicious.png) no-repeat 0 0; }
#footer .social-media ul li.icon-youtube { background:url(../images/icons/youtube.png) no-repeat 0 0; }
#footer .social-media ul li.icon-flickr { background:url(../images/icons/flickr.png) no-repeat 0 0; }
#footer .social-media ul li.icon-vimeo { background:url(../images/icons/vimeo.png) no-repeat 0 0; }
#footer .social-media ul li.icon-digg { background:url(../images/icons/digg.png) no-repeat 0 0; }
#footer .social-media ul li.icon-lastfm { background:url(../images/icons/lastfm.png) no-repeat 0 0; }
#footer .social-media ul li.icon-google { background:url(../images/icons/google.png) no-repeat 0 0; }
#footer .social-media ul li.icon-linkuj { background:url(../images/icons/linkuj.png) no-repeat 0 0; }
#footer .social-media ul li.icon-deviantart { background:url(../images/icons/deviantart.png) no-repeat 0 0; }
#footer .social-media ul li.icon-technorati { background:url(../images/icons/technorati.png) no-repeat 0 0; }

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

#form-one-third, #form-one-fourth { 
	border:none;}
	
#form-one-third .footer-input1, #form-one-fourth .footer-input1 {  
	border:none; 
	padding:0 5px 0 5px; 
	font-family: Arial, Helvetica, sans-serif;	
	color:#9B9B9B;	 
	font-size:11px;
	float:left; 	
	margin-bottom:6px; 
	height:29px; }
	
#form-one-third .footer-input2, #form-one-fourth .footer-input2  {
	height:67px;
	font-family: Arial, Helvetica, sans-serif;	
	border:1px solid #161616;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:13px;  
	color:#9B9B9B;
	padding:7px; 
	line-height:20px;	
	margin-bottom:7px;}

#form-one-third .footer-input1  { 
	background:url(../images/backgrounds/footer-input3.png) no-repeat; 
	width:241px;  }
	
#form-one-third .footer-input2  { 
	background:url(../images/backgrounds/footer-input4.png) no-repeat; 
	width:308px;
	overflow:hidden;}
	
#form-one-fourth .footer-input1  { 	
	background:url(../images/backgrounds/footer-input.png) no-repeat; 
	width:149px;}	
	
#form-one-fourth .footer-input2  { 
	background:#242424;
	font-size:11px;
	width:201px;
	line-height:20px;
	overflow:hidden; }


#form-one-third label, #form-one-fourth label { 	
	background:url(../images/backgrounds/footer-label.png) no-repeat; 
	padding-left:12px;
	text-shadow: 0 1px 0 #000;
	width:46px;
	height:29px;
	font-size:11px;
	float:left;
	line-height:29px;}
	
a.footerButton, button.footerButton { 
	clear:both;
	background:url(../images/backgrounds/footer-button.jpg) repeat-x 0 0; 
	height:30px; 
	line-height:28px; 
	color:#adadad;
	font-size:11px; 
	font-family:arial,verdana; 
	border:1px solid #121212; 
	padding:0 14px 0 14px;
	letter-spacing:0px;
	text-shadow: 0 1px 0 #000;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top:-4px;
	-moz-box-shadow: inset 0 1px 1px #4b4b4b;
	-webkit-box-shadow: inset 0 1px 1px #4b4b4b;
	box-shadow: inset 0 1px 1px #4b4b4b;}
	
a.footerButton:hover, button.footerButton:hover { border:1px solid #000;  color:#fff;}

.newsletter-btn { clear:both; margin-top:20px; display:block; }

/* ==== (d) 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:#505050; }
	
#footer #smessage h3{ 
	font-size:14px; 
	background:url(../images/icons/success2.png) no-repeat 0 4px; 				
	padding-left:27px; 
	line-height:25px; 
	margin:0; 
	color:#9B9B9B;
	height:25px; 
	font-weight:bold;}
	
#footer #smessage p{ 
	margin:0;
	padding-left:27px;
	color:#ccc; }
	
/* ========================================================== 
	(11) SMALL FOOTER
============================================================ */
#footer-bottom {	
	background:#1f1f1f;
	margin:0 auto; 
	height:65px;
	padding-bottom:8px;}
	
#small-footer {		
	 /* Note : background image / text shadow style code is in skin css file  */
	height:55px;
	line-height:53px;
	font-size:11px;	
	width:960px;
	margin:0 auto 7px auto;
	padding:0 20px 0 20px}
	
#small-footer  ul { margin:0; padding-top:0px;}
#small-footer  ul li { float:left; padding:0 15px 0 15px;  /* Note : background image style code is in skin css file  */  }
#small-footer  ul li:first-child { padding-left:0; background:none; }
#small-footer  a { text-decoration:none; /* Note : text color style code is in skin css file  */}
#small-footer  a:hover { text-decoration:underline;}
#small-footer span { float:right;}

/* ========================================================== 
	(12) SIDEBAR
============================================================ */	

.sidebar { color:#505050; margin-bottom:20px; background:url(../images/backgrounds/sidebar-bg.jpg) repeat-y right top;}

.sidebar-box { 
	background:#f4f4f4 url(../images/backgrounds/sidebar-tab.png) repeat-x 0 0;
	border:1px solid #d3d3d3; 
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:0 20px 19px 20px;
	margin:0 0 20px 0;}

.sidebar a { color:#505050; }
.sidebar a:hover { color:#000; }

#content .sidebar  h2{ 	
	padding:0;
	font-size:14px;	
	margin:0;
	width:260px;
	color:#000;
	height:43px;
	line-height:30px;
	clear:both;}
	
#content .sidebar p{ padding:10px 0 10px 0;width:240px; margin:0 0 0 10px;}

#content .sidebar ul { margin:0; padding:1px 0 0 0; border-bottom:1px solid #fff;}

#content .sidebar ul li { 
	border-top:1px solid #fff; 
	border-bottom:1px solid #e1e1e1; 
	margin: 0; 
	padding:0 0 0 18px; 
	background:url(../images/backgrounds/sidebar-list-bg.png) no-repeat 0 12px; }	
	
#content  .sidebar ul li:hover  { background-position: 0 -40px; }	

#content  .sidebar ul li:first-child { border-top:0; }

#content .sidebar ul li  a { 	
	display:block;
	width:248px;
	height:33px;
	line-height:33px;
	padding:0;
	text-decoration:none; }	

#content .sidebar ul li:hover { background:url(../images/backgrounds/sidebar-list-bg-hover.png) no-repeat 0 12px; color:#000;}

#content .sidebar ul li small { float:right; padding-right:10px; color:#bebebe; font-size:12px; }
#content .sidebar ul li small:hover { color:#000; }

/* ==== (a) Flickr Photos ===================== */

#content .sidebar-gallery  ul{ padding:0; margin:3px -20px 0 0; height:177px; display:block; border:none; clear:both; }
#content .sidebar-gallery  ul li{ padding:0;  border:none; margin:0;}

#content .sidebar-gallery  ul li a,#content .sidebar-gallery  ul li a:hover{ 
	padding:4px;	
	background:#fff;
	border:1px solid #d4d4d4;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;	
	margin:8px 8px 0 0;
	float:left;		
	width:69px;
	height:69px;
	display:block;	}
	
#content .sidebar-gallery  ul li a img { 
	width:69px;
	height:69px;
	overflow:hidden; }

/* ==== (b) Recent Posts ===================== */

#content .blog-posts  { margin-bottom:9px; }

#content .blog-posts ul { margin:-18px 0 10px 10px; padding:0; height:auto; border:0px; }
#content .blog-posts ul li { 
	background:url(../images/backgrounds/hr.png) repeat-x 0 bottom;
	float:left; 	
	width:258px;	
	padding:9px 0 7px 0;
	display:block;
	border:none;
	margin:0;	}
	
#content .blog-posts ul li:hover  { background:url(../images/backgrounds/hr.png) repeat-x 0 bottom; }

#content .blog-posts ul li a { height:auto; width:auto; padding:0; margin:0; line-height:28px;}

#content .blog-posts a img {		
	padding:4px;	
	background:#fff;
	border:1px solid #d4d4d4;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	float:left; 	
	margin:0 8px 5px 0;
	width:44px;	
	height:44px;}	

#content .blog-posts a:hover img {background-color:#fff; border:1px solid #c0c0c0;}

#content .blog-posts p { margin:0; padding:0; color:#363636; line-height:20px; font-size:14px; float:left; width:auto; font-weight:bold; }	

#content .blog-posts ul li span { font-size:12px; line-height:18px; width:auto; color:#707070; float:left;}

/* ==== (c) Recent Comments ===================== */

#content .recent-comments ul { margin:-10px 0 9px 10px; padding:1px 0 0 0; border-bottom:1px solid #fff;}

#content .recent-comments ul li { 
	width:238px;
	border-top:1px solid #fff; 
	border-bottom:1px solid #e1e1e1; 
	margin: 0; 
	padding:8px 0 10px 18px; 
	background:url(../images/backgrounds/sidebar-list-bg.png) no-repeat 0 14px; }	
	
#content  .recent-comments ul li:hover  { background:url(../images/backgrounds/sidebar-list-bg-hover.png) no-repeat 0 14px; color:#404040; }	

#content .recent-comments ul li  a { 	
	display:inline;	
	background:none;
	line-height:20px; }

#content .recent-comments ul li a:hover{  color:#000;}

/* ==== (d) Support Box ===================== */

.support-box { 
	margin-bottom:20px;
	background:#f4f4f4; 
	border:1px solid #d3d3d3;  
	-moz-box-shadow: inset 1px 1px 1px #fff;
	-webkit-box-shadow: inset 1px 1px 1px #fff;
	box-shadow: inset 1px 1px 1px #fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;}
	
.support-box-content { padding:20px 20px 5px 20px ;}

#content .support-box-content h4 { font-family:arial; font-size:27px; font-weight:bold; margin:0 0 5px 0; /* Note : text color style code is in skin css file  */}
#content .support-box-content p { margin-left:0; width:260px; }
	
.support-contacts { 
	background:url(../images/backgrounds/sidebar-supportbox.png) repeat-x 0 0; 
	height:33px; 
	line-height:33px;
	width:258px;
	padding:0 20px 0 20px;
	-moz-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;}

.support-contacts a { text-decoration:none; }

/* ========================================================== 
	(13) BLOG PAGE
============================================================ */

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

.postbox-bg { background:url(../images/backgrounds/postbox-bg.png) repeat-y 0 0; width:630px; height:auto; display:block; margin-bottom:20px; }
.postbox-bottom { background:url(../images/backgrounds/postbox-bottom.png) no-repeat 0 bottom; padding-bottom:6px; }
.postbox-top { background:url(../images/backgrounds/postbox-top.png) no-repeat 0 top; }	
		
.postleft { float:left; width:428px; padding:20px 25px 0 26px; }
#content .postleft h3 a,#content .postleft h3{ color:#000; text-decoration:none; font-size:18px;}
#content .postleft h3 a:hover{ text-decoration:underline; }
.postleft img { margin-bottom:15px; }
.postright { float:left; width:114px; padding-left:11px;}		

.blog-post-img,.post-small-img {
	clear:both; 
	display:block;
	height:227px;
	width:416px;
	padding:6px;	
	background:#fff;
	border:1px solid #e0e0e0;
	margin-bottom:14px;
	margin-top:17px;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;}

.post-small-img { width:150px;height:150px; display:inline;float:left; margin:0 20px 20px 0; }	

.post-date { 
	/* Note : background image style code is in skin css file  */
	float:left; 
	width:128px; 
	height:50px;
	line-height:50px;
	padding-left:1px;
	display:block;
	color:#fff;	
	font-size:14px;	
	text-align:center;	
	margin-right:17px;}	

#content ul.post-fields { margin:14px 0 0px 5px; padding:0;}
#content ul.post-fields li,#content .icon-share { 
	margin:0; padding:0; 
	background:none; 
	height:26px; 
	line-height:26px; 
	display:block;
	width:93px; 
	border-bottom:1px dotted #bebebe; 
	color:#707070; 
	padding-left:25px; 
	font-size:11px; }
	
#content ul.post-fields li a,#content .icon-share a { color:#707070; text-decoration:none; display:inline-block; }
#content ul.post-fields li a:hover,#content .icon-share a:hover { color:#000; }

#content ul.post-fields li.icon-author { background:url(../images/icons/icon-author.png) no-repeat 0 3px; }
#content ul.post-fields li.icon-comments { background:url(../images/icons/icon-comments.png) no-repeat 0 3px; }
#content ul.post-fields li.icon-category { background:url(../images/icons/icon-category.png) no-repeat 0 3px; }
#content ul.post-fields li.icon-tags { background:url(../images/icons/icon-tag.png) no-repeat 0 3px; }

#content ul.post-fields li.icon-author:hover { background:url(../images/icons/icon-author2.png) no-repeat 0 3px; }
#content ul.post-fields li.icon-comments:hover { background:url(../images/icons/icon-comments2.png) no-repeat 0 3px; }
#content ul.post-fields li.icon-category:hover { background:url(../images/icons/icon-category2.png) no-repeat 0 3px; }
#content ul.post-fields li.icon-tags:hover { background:url(../images/icons/icon-tag2.png) no-repeat 0 3px; }
	
.post-button { text-align:center;margin:23px 0 0 14px; display:block; }
	
/* share icons toggle */

#content .icon-share { background:url(../images/icons/icon-share.png) no-repeat 0 3px; height:26px; line-height:26px; margin:0 0 0 5px; display:block; }
#content .icon-share:hover { background:url(../images/icons/icon-share2.png) no-repeat 0 3px; }
#content ul.share-post-icons { padding:10px 0 0px 10px; margin:0; width:129px;}	
#content ul.share-post-icons li { background:none; border:none; padding:0; margin:0 7px 0 0; float:left;  }

/* ==== (b) About Author ===================== */

.about-author  { background:url(../images/backgrounds/postbox-bg.png) repeat-y 0 0px; width:630px; height:auto; display:block; margin-bottom:20px; margin-top:-2px;}
.about-author-bottom { background:url(../images/backgrounds/postbox-bottom.png) no-repeat 0 bottom; padding-bottom:6px; }
.about-author-top { background:url(../images/backgrounds/postbox-top.png) no-repeat 0 top; padding:25px 29px 0 25px; }		

.author-img { 	
	background:url(../images/backgrounds/about-the-author.png) no-repeat 0 0; 
	margin:0;
	padding:2px 0 0 8px;
	text-align:center;
	height:auto;
	width:97px;
	display:block;
	float:right;
	position:relative;}
	
.author-img img { border:1px solid #dbdbdb; padding:2px; display:block; }
.author-img span { font-size:14px; color:#363636; padding-top:10px;display:block; }
.author-img span a { text-decoration:none; }

.about-author-content { float:left; width:435px; }

#content .about-author-content h5{ font-size:16px; margin-bottom:10px;}
	
.about-author-content p {  line-height:20px;}

.blog-single-heading { background:url(../images/backgrounds/hr.png) repeat-x 0 0; clear:both; margin-top:20px; margin-bottom:0px; padding:15px 0 0 0;  }
#content .blog-single-heading  h4{ background:url(../images/backgrounds/hr.png) repeat-x 0 bottom; padding:0 0 17px 0; margin:0;  }

/* ==== (c) Comments ===================== */

#content .comment-list ol, #content .comment-list ol li{ 
	list-style:none; 
	margin: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:20px 0 0 0; margin:0;}

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

#content .comment-list h3 { color:#404040 }
#content .comment-list h3 span{ color:#000; font-weight:normal; }

.comment { padding:24px 0 0 24px; margin:0; width:auto; background:#f4f4f4 url(../images/backgrounds/commentbox-bg.png) repeat-y 0 0; border:1px solid #d3d3d3; }
.comment-admin { background:#f4f4f4 url(../images/backgrounds/commnetbox-author.png) repeat-y 0 0; }
	
.comment-author { width:64px; float:left; height:90px;margin-bottom:17px; }
	
.avatar {	
	border:1px solid #dbdbdb; 
	margin:0;
	padding:2px; 
	height:60px;
	width:60px;
	display:block;}	
	
.comment-admin .avatar { background:#fff; border:1px solid #4f4f4f; }	
	
.reply a{ 	
	font-family:"Noticia Text", arial, verdana;
	display:block;
	width:64px; 	
	font-size:12px;	
	padding-top:7px;	
	text-align:center; 	
	text-decoration:none; 	
	letter-spacing:1px; 
	color:#363636;	}
	
.comment-admin .reply a { color:#fff;text-shadow: 0 1px 0 #000; }

.reply a:hover { color:#000; text-decoration:none; 	}

.comment-admin .reply a:hover  { color:#fff; }

#content .comment-list ol li ul li { width: 545px; padding-left:59px;  background:url(../images/backgrounds/threaded-comments.png) no-repeat 29px 0; } 

#content .comment-list ol li .comment			{ width: 604px}  
#content .comment-list ol li ul li .comment		{ width: 545px; } 
#content .comment-list ol li ul li ul li .comment		{ width: 486px;} 
#content .comment-list ol li ul li ul li ul li .comment	{ width: 427px; } 
#content .comment-list ol li ul li ul li ul li ul li .comment{width: 368px;} 

#content .comment-list ol li .comment-text 				{ width:466px; }
#content .comment-list ol li ul li .comment-text			{ width:407px; }
#content .comment-list ol li ul li ul li .comment-text 		{ width:348px; }
#content .comment-list ol li ul li ul li ul li .comment-text 		{ width:289px; }
#content .comment-list ol li ul li ul li ul li ul li .comment-text 	{ width:230px; }

.comment-text {	
	padding:0 0 0 47px;		
	float:left;
	margin:-1px 0 0 0; }
	
.comment-body { margin-top:10px;}

.comment-heading { height:20px; margin-top:-4px; }

#content .comment-text cite { 
	font-family:"Noticia Text", arial, verdana;
	font-size:15px;
	color:#000;	
	float:left;}

.comment-text .date { float:right; color:#707070; }

/* ========================================================== 
	(14) ABOUT US PAGE
============================================================ */	
.about-pic { 
	padding:6px;	
	background:#fff;
	border:1px solid #d4d4d4;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;}
	
.team-member { background:url(../images/backgrounds/teambox-bg.png) repeat-y 0 0; width:225px; float:left; margin:10px 20px 0px 0;  }
.team-member .last { margin-right:0; }
.team-member-bottom { background:url(../images/backgrounds/teambox-bottom.png) no-repeat 0 bottom; padding-bottom:10px;  }
.team-member-top { padding:0 18px 0 18px; }
.member-pic { margin:7px 0 0 30px;}
.member-name { text-align:center; height:30px; line-height:30px; background:url(../images/backgrounds/hr.png) repeat-x 0 bottom; display:block; margin-bottom:16px; padding:4px 0 9px 0; color:#000;}
.member-position { color:#505050; font-size:12px; margin-left:5px; line-height:30px;}
#content ul.member-socialicons { margin:30px 0 0 0; }
#content ul.member-socialicons  li { float:left; background:none; padding:0; margin:0 7px 0 0; }
.more-button { float:right; margin-top:9px;	 }

a.button-tiny, button.button-tiny  { 
	clear:both;
	background:#fff; 
	height:14px; 
	line-height:12px;
	display:inline-block;
	color:#363636;
	font-size:11px; 
	font-family:arial,verdana; 
	border:1px solid #e0e0e0; 
	padding:0 5px 0 5px;
	letter-spacing:0px;
	text-shadow: 0 1px 0 #fff;
	text-decoration:none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;	}
	
a.button-tiny:hover, button.button-tiny:hover { border:1px solid #a3a3a3;  color:#000; background:#ececec;text-shadow: 0 1px 0 #fff; }

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

#contact-form { padding:0; margin-bottom:-20px;}
.comment-form { margin-top:20px; }
#contact-form p { padding:0; margin:0; }
#contact-form label { 
	clear:both;
	width:auto; 
	float:left;
	font-weight:bold;
	height:20px; 
	line-height:15px; 
	padding:0;
	display:block;	
	margin:0;}

#contact-form label sub { font-weight:normal; color:#707070;  font-size:12px; margin-left:5px;}
	
.input1,.input2,.textfield1 ,.textfield2 {
	font-family:arial, verdana;
	clear:both;
	font-size:12px; 
	background:#e7e7e7;
	width:280px;
	float:left;	
	display:block;	
	border:1px solid #fff;
	padding:0 10px 0 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: inset 3px 3px 3px #dadada;
	-webkit-box-shadow: inset 0 0 5px #dadada;
	box-shadow: inner 0 0 5px #dadada;}
	
.input1,.input2 { height:33px; line-height:26px;	padding:0 10px 0 10px; margin-bottom:17px;}
.input2 { width:278px; }

.textfield1,.textfield2 { min-height:133px;	line-height:20px; padding:10px; margin-bottom:17px;	}
.textfield2 { width:608px; 	}

.input1:hover, .input1:focus,.input2:hover, .input2:focus,.textfield1:hover, .textfield1:focus ,.textfield2:hover, .textfield2:focus { 
	background:#e1e1e1;
	-moz-box-shadow: inset 3px 3px 3px #ccc;
	-webkit-box-shadow: inset 0 0 5px #ccc;
	box-shadow: inner 0 0 5px #ccc;}
	
.contact-map { 
	width:628px;
	height:297px;
	border:1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px; }
	

/* Contact Form Error/Success Messages Styles */

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

/* ========================================================== 
	(16) 1 TO 4 COLUMN PORTFOLIO AND SORTABLE GALLERY
============================================================ */

#container-portfolio {
	clear:both;
	width:1000px;
	margin: 0 auto;
	padding-left:40px;}

/* portfolio tab */

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

#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/horizontal-menu-left.png) no-repeat 0 0;
	height:30px;
	display:block;
	padding:0 0 0 13px;
	width:auto;
	text-decoration:none;
	cursor:pointer;	
	font-family:arial, verdana, georgia;}

#content .portfolio-tab ul li a span{
	background:url(../images/backgrounds/horizontal-menu-right.png) no-repeat right 0;
	height:30px;
	display:block;
	padding:0 14px 0 0;
	margin:0 5px 0 0;
	line-height:30px;	
	color:#505050;
	font-size:11px;	
	text-shadow: 0 1px 0 #fff}

#content .portfolio-tab ul li:hover a,#content .portfolio-tab ul li a.active,ul#sortable-gallery li.current a,#filters ul li.current a{ background-position:0 -34px; }
#content .portfolio-tab ul li:hover a span,#content .portfolio-tab ul li a.active span,ul#sortable-gallery li.current a span,#filters ul li.current a span{ background-position:right -34px; line-height:30px;	}

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

#content .portfolio-tab ul li a { text-decoration:none;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix     { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* portfolio 1 to 4 column */

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

#content .sortableContent ul li { background:none; }
	
#content .portfolio  p {	
	line-height:20px; 	 
	margin:0 0 5px 0;}	
	
#content .portfolio ul li,#content .pf-one-full { color:#404040;	}
	
#content .portfolio ul li {
	background:#eee;	
	float:left;	
	display:block;	 	
	margin:0 30px 18px 0;	
	background:none; 
	list-style:none;}
	
#content .portfolio ul li.last {margin-right:0;}	

#content .portfolio h3 {	
	color:#000;		
	text-shadow: 0 1px 0 #fff;
	font-size:16px;	
	font-weight:normal;
	padding:0;
	margin-bottom:10px;
	line-height:22px; }

.portfolio h3,.portfolio h3 a ,.pf-one-full h3,.pf-one-full h3 a {	 
	color:#000;	
	text-decoration:none;}	
	
.portfolio h3 a:hover ,.pf-one-full h3 a:hover { text-decoration:underline;}

#content .pf-one-half ul li, .pf-one-third ul li, .pf-one-fourth ul li {float:left; background:none; margin-bottom:30px; }

#content .sortable-gallery { margin-bottom:-32px; }
#content .sortable ul li { margin-bottom:18px;}
.portfolio-content { padding:0px 0 0 0; margin:0; float:left;}
#content .portfolio-content p { margin-bottom:15px; }	

#content .pf-one-half ul li { width:465px;} /* Width of 2 Column Portfolio */
#content .img-one-half { background:url(../images/backgrounds/1portfolio-2col-bg.png) no-repeat 0 0;height:240px; } 

#content .pf-one-third ul li   { width:300px;} /* Width of 3 Column Portfolio */
#content .img-one-third { background:url(../images/backgrounds/1portfolio-3col-bg.png) no-repeat 0 0; height:170px;} 
 
#content .pf-one-fourth ul li { width:217px; } /* Width of 4 Column Portfolio */
#content .img-one-fourth { background:url(../images/backgrounds/1portfolio-4col-bg.png) no-repeat 0 0; height:150px;}  

#content .img-one-half,#content .img-one-third,#content .img-one-fourth,#content .img-one-full { 
	margin-bottom:14px;
	padding:6px;
	display:block;
	background:#fff;
	border:1px solid #d4d4d4;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;	 }
	

/* Portfolio 1 Column */

#content>.project-list-1column>ul,#content>.project-list-1column>ul>li { padding:0;margin:0; background:none; }

#content .pf-one-full  { 		
	background:url(../images/backgrounds/hr.png) repeat-x 0 bottom;
	width:960px;	
	clear:both;
	margin-bottom:30px;
	padding-bottom:11px;
	height:auto;}
	
 #content .img-one-full{ 	
	position: relative;
	margin-bottom:21px;
	width: 580px; 
	height: 261px; 	
	float:left;}	

#content .pf-one-full .portfolio-1col-content ul { margin:0px 0 0px 0; padding:0; }
#content .pf-one-full h3 a{ font-size:20px; color:#000; }

#content .portfolio-1col-content { 	
	padding:25px 0 10px 30px  ; 
	margin:0; 
	float:left; 
	width:336px; 
	margin:0; 
	height:235px; 
	line-height:20px;}
	
#content .portfolio-1col-content p { margin-bottom:15px; }
#content .portfolio-1col-content a.button-small { margin:15px 5px 0 0; }	

/* ========================================================== 
	(17) SERVICES PAGE
============================================================ */
.services-3column { padding-top:30px; }
.services-icon { float:left; margin:0 6px 0 0;}
.services-subtitle { display:block; color:#707070;  font-family:arial, verdana; font-size:12px; padding-top:5px; }
.services-text { 
	background:#fff; 
	padding:20px 25px 0 25px; 
	color:#606060;
	display:block;
	margin:18px 0 30px 0;
	border:1px solid #d1d1d1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;}
	
.recent-projects { 
	padding:6px;	
	background:#fff;
	border:1px solid #d4d4d4;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;	}

#content .recent-projects h4 { 
	/* Note : background image style code is in skin css file  */
	font-size:16px;
	width:271px; 
	height:43px; 
	margin:0;
	line-height:40px;
	padding-left:15px;
	display:block; 
	color:#fff; }
	
	
/* ==== (a) Custom Nivo Slider Styles ===================== */	

#content .recent-projects-slider { padding:0; margin:0; background:none; width:286px; height:191px; display:block; top:0; left:0; }	
	
#content .recent-projects-slider{	position:relative;   }
	
#content .recent-projects-slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;}
	
#content .recent-projects-slider a { border:0; display:block;}	

/* Next Previous Arrows */
.nivo-directionNav a {
	position:absolute;
	top:0; 
	z-index:99999;
	cursor:pointer;
	margin-top:-27px;
	margin-right:0px;
	width:30px;
	height:15px;
	text-indent:-9999px;}

/* Note : Next Previous arrows image style code is in skin css file  */
	
a.nivo-prevNav,a.nivo-nextNav { top:0; width:30px; height:15px; }
a:hover.nivo-prevNav  { background-position:0 -25px; }
a:hover.nivo-nextNav { background-position:0 -25px; } 
	
	
/* Slider Caption */

.nivo-caption {
	background-color:#000;
	text-align:center;
	position:absolute;
	width:276px;
	left:0px;
	bottom:0px;
	color:#fff;	
	z-index:99999; 
	height:auto;
	text-shadow: 1px 1px 0px #000;
	margin:5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;}
	
.nivo-caption p {
	padding:10px;
	margin:0; 
	line-height:20px;}
	
.nivo-caption a { 
	text-decoration:underline; 
	color:#ffffff;} 
	
.nivo-html-caption { display:none;}	
.nivo-caption .right { text-align:right}

/* The Nivo Slider Default styles - Do not delete */
/* Image Circle Navigation */
.nivo-controlNav ,.nivo-controlNav a{display:none;}	

.nivoSlider { position:relative; }
.nivoSlider img { position:absolute; top:0px; left:0px;}
	
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;}
	
/* The slices and boxes in the Slider */
.nivo-slice { display:block; position:absolute; z-index:5; height:100%;}	
.nivo-box { display:block; position:absolute; z-index:5;}

/* ========================================================== 
	(18) TESTIMONIALS PAGE
============================================================ */
	
#content .testimonials-text {overflow:hidden; margin:0; padding:0 }

#content .testimonials-text p { margin:0 0 10px 0}

#content .testimonials-text h5 { margin:7px 0 10px 0; padding:0; font-size:15px  }
#content .testimonials-text h5 small { font-size:12px; color:#404040}

#content .testimonials-text a.client-website {  background:url(../images/icons/shortcut.png) no-repeat 0 1px; text-decoration:none; padding-left:18px; }
#content .testimonials-text a:hover.client-website { text-decoration:underline;}

/* testimonial with client image */

#content .testimonials1 {
	clear:both;
	margin:0 0 10px 0; 
	padding:0 0 10px 0; 
	background:url(../images/backgrounds/hr.png) repeat-x 0 bottom;  
	height:100%; 
	float:left;}

/* testimonial without client image */

.testimonials2 {
	background:url(../images/backgrounds/quote.png) no-repeat 20px 5px; 
	margin:15px 0 25px 0; 
	padding:0 0 10px 94px; 
	border-bottom:1px dashed #ccc;	
	height:100%; 
	clear:both;}	

/* video testimonials */
	
.flashunit {	
	clear:both;
	margin: 10px 0 0 0;
	padding-right:20px;
	width: 210px;
	float:left;
	display:block;
	position:relative;}
	
object.flashvideo {
	width: 560px;
	height:500px;
	padding: 4px;
	background: #fff;
	border: 4px solid #ccc;}
	
/* testimonial with quotes */
	
#content .quote-testimonials2 {
	padding: 20px 0px 0 0;
	margin-top: 20px;
	clear:both;}

#content .quote-testimonials2 span { background:url(../images/backgrounds/quote-small.png) no-repeat 0px 0px; padding-left:40px; padding-top:15px; }
	
#content .quote-right2 { float:right;  background:url(../images/backgrounds/quote-right.png) no-repeat right 3px; text-align:right; padding-right:60px; margin-top:0px;}	
	
#content .quote-testimonials2 h5 { margin:7px 0 7px 0; padding:0; font-size:15px;  }
#content .quote-testimonials2 h5 small { font-size:13px; color:#404040}

/* Box Testimonials */

#content .box-testimonials { clear:both; margin:10px 0 10px 0;}
#content .box-testimonials p { background:#000 url(../images/backgrounds/box-testimonials-bg.png) repeat-x left bottom; padding:20px 20px 50px 20px; color:#464646; margin:0; border-top:1px solid #d3d3d3; }

#content .box-testimonials-client { padding-left:30px}
#content .box-testimonials-client h5  { margin:7px 0 7px 0; padding:0; font-size:15px  }
#content .box-testimonials-client h5 small { font-size:13px; color:#404040}
/***************************/


.reset a{display:inline !important;}
.box-2 {width:300px;}

/* WYSIWYG EDITOR */

/* Toolbar */
.toolbar1   { border: 1px solid #666666; height: 26px; background-image: url(../icons/background_silver.jpg); }
.toolbar2   { border: 1px solid #666666; height: 24px; background-image: url(../icons/background_silver.jpg); border-bottom: 0px; border-top: 0px; }

/* Command Buttons */
.button     { width: 20px; height: 20px; border: 0px solid transparent; margin: 1px; padding: 0px; background: transparent; }
.buttonOver { width: 20px; height: 20px; border: 1px solid #999999; margin: 0; padding: 0px; }


/* Font Type and Size Drop Down */
.dropdown          { background-color: #FFFFFF; border: 1px solid #333333; height: 140px; overflow: auto; padding: 1px; }
button.mouseOver   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 3px; cursor: default; text-align: left;}
button.mouseOut    { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 3px; cursor: default; text-align: left;}




/* CREATE TABLE POPUP */

/* Select Border Width/Type */
.on   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 6px; width: 140px; cursor: default; height: 5px;}
.off  { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 6px; width: 140px; cursor: default; height: 5px;}

/* Select Shading/Border Color */
.selectColorTable  { border: 1px solid #7E7E81; background-color: #F7F7F7; padding: 1px; }
.selectColorBorder { border: 1px solid #F7F7F7; }
.selectColorOn     { border: 1px solid #999999; background-color: #CCCCCC; }
.selectColorOff    { border: 1px solid #F7F7F7; background-color: #F7F7F7; }
.selectColorBox    { border: 1px solid #FFFFFF; font-size: 1px; height: 13px; width: 13px; }