/*  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) Home page 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

 */	

/* ========================================================== 
	(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:14px; 
font-weight:normal; 
color:#404040;
line-height:20px; }

ul li {list-style:none;}
img {border:none;}
a { color:#404040; text-decoration:underline;}
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 { text-decoration: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:#5d7f9a; margin:0px 0 20px 0; font-family:"Calibri",	 georgia,arial,verdana;}
h1 {font-size:24px;}
h2 {font-size:22px; }
h3 {font-size:20px;}
h4 {font-size:18px;}
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:"Calibri","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:2px; 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; background:url(../images/backgrounds/top-curve.png) no-repeat top center; height:8px; }
#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:960px; margin:0 auto; font-size:11px; color:#fdfbfb;  line-height:38px;}
#logo { width:270px; height:109px; display:block; margin-top:6px; float:right; }

/* ========================================================== 
	(04) TOP MENU
============================================================ */		
.top-menu {
	z-index:9999;
	width:auto;
	height:115px;
}
	
.top-menu .sf-menu {
	float:left;	
	font-family:"Calibri", georgia,arial,verdana;
	text-shadow: 0px 1px 0px #ccc;
	font-size:16px;		
	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:0px 0 0 15px;}

.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:3px;	
	height:107px;
	line-height:17px;
	text-decoration:none}

.top-menu>ul.sf-menu>li>a>span { 		
	min-width:38px;
	padding-left:5px;
	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
============================================================ */

#header-bottom { width:1016px; background:url(../images/backgrounds/header-bottom.png) no-repeat bottom center; margin:0 auto; padding-bottom:7px;}
#header-bg { background:url(../images/backgrounds/header-bg.png) repeat-y top center;}

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

#title-bar { 
	margin:0 auto;	
	width:960px; 
	height:6px; 
	display:block; }
	
#title-bar h1 { 
	font-size:25px; 	
	padding-top:23px;
	float:left; 
	color:#fff;
	text-shadow: 0px 1px 0px #723d00; }

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

#search-box { 
	margin-top:8px;	
	height:25px; 
	float:left; }
	
#search-box  .search-input { 	
	background:url(../images/backgrounds/search-input.png) no-repeat 0 0;
	width:116px; 
	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 10px auto;}
	
#content {	
	clear:both;	
	margin:3px 0 10px 0;
	text-shadow: 0px 1px 0px #fff;}

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

#header-slider { width:1016px; margin:0 auto; height:430px; }
#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.html) 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;background:url(../images/backgrounds/slider-arrow-left.png) no-repeat 0 0; left:-29px;}
.box_skitter .next_button {text-indent:-9999em;background:url(../images/backgrounds/slider-arrow-right.png) no-repeat 0 0; float:right; right:-29px;}

.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:0px; 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 {background:url(../images/backgrounds/circle-navigation-bullets.png) no-repeat left top;float:left;margin:4px;cursor:pointer;width:12px;height:12px;text-indent:-9999em;overflow:hidden;}

.box_skitter .info_slide_dots .image_number_select {background:url(../images/backgrounds/circle-navigation-bullets.png) no-repeat left bottom; float:left;}

/* 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;
	text-shadow: 0px 1px 0px #824500;
	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.html) 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.html) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button.play_button {background:url(../images/play-button.html) no-repeat left top;}

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


/* ==== (b) Home page 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 11px 75px;
	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 {
	
	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:13px 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:#ccc;
	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:#9b9b9b;}
#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.html) no-repeat; 
	width:241px;  }
	
#form-one-third .footer-input2  { 
	background:url(../images/backgrounds/footer-input4.html) 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:60px;
	padding-bottom:8px;}
	
#small-footer {		
	background:url(../images/backgrounds/small-footer.png) no-repeat 0 0; 
	height:55px;
	line-height:53px;
	font-size:11px;
	color:#000;
	text-shadow: 0 1px 0 #7293bb;
	width:960px;
	margin:0 auto 7px auto;
	padding:0 20px 0 20px}
	
#small-footer  ul { margin:0; padding-top:10px;}
#small-footer  ul li { float:left; padding:0 15px 0 15px; background:url(../images/backgrounds/small-footer-divider.png) no-repeat 0 20px;   }
#small-footer  ul li:first-child { padding-left:0; background:none; }
#small-footer  a { text-decoration:none; color:#000;}
#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.html) 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 { color:#ff3300; font-family:arial; font-size:25px; font-weight:bold; margin:0 0 5px 0; }
#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 {
	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-date { 
	float:left; 
	width:128px; 
	height:50px;
	line-height:50px;
	padding-left:1px;
	display:block;
	color:#fff;
	text-shadow: 0 1px 0 #884800;
	font-size:14px;
	background:url(../images/backgrounds/date-box.png) no-repeat left top; 
	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.html) 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.html) 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 { background:url(../images/backgrounds/teambox-top.png) no-repeat 0 top; padding:0 18px 0 18px; }
.member-pic { margin:7px 0 0 30px;}
.member-name { text-align:center; height:40px; line-height:40px; 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:0px 0 0 0; }
#content ul.member-socialicons  li { float:left; background:none; padding:0; margin:15px 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;}
	
/*fehlererkennung im formular

:invalid { 
  border-color: #e88;
  -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
  -moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  box-shadow:0 0 5px rgba(255, 0, 0, .8);
}	
	*/
	
.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.html) 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.html) 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.html) 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 { 
	background:url(../images/backgrounds/recentprojects-title.png) repeat-x 0 0;
	font-size:16px;
	width:271px; 
	height:43px; 
	margin:0;
	line-height:40px;
	padding-left:15px;
	display:block; 
	color:#fff; 
	text-shadow: 1px 1px 0px #904c00; }
	
	
/* ==== (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;}
	
a.nivo-prevNav,a.nivo-nextNav { top:0; width:30px; height:15px; }
a.nivo-prevNav { right:11px; background:url(../images/backgrounds/recentprojects-previous.png) no-repeat 0 0;}	
a.nivo-nextNav { right:-8px;	background:url(../images/backgrounds/recentprojects-next.png) no-repeat 0 0; }	
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;}

table {padding: 0; margin: 0; border-collapse: collapse; color: #000; background: #e2e2e2; border: 1px solid #000;
border-collapse: collapse;}
table caption {text-align: center; text-transform: uppercase;  padding-bottom: 10px;}

                      
table tbody td {padding: 5px; border: 1px solid #000;
border-collapse: collapse;}

table tbody th {padding: 5px; border: 1px solid #000; font-weight:600;
border-collapse: collapse;}

table tbody tr {background: #e2e2e2;}

table tbody tr.odd {background: #F0F2F4;}

table tbody  tr:hover {background: #EAECEE; color: #111;}