/*  Index of this CSS File

	(01) RESET 
	(02) GLOBAL STYLES 
	(03) TOPBAR		
	(04) HEADER SECTION
	(05) INNER PAGE
	(06) BREADCRUMB
	(07) Search Box
	(08) TOP MENU
	(09) CONTENT
	(10) HOME PAGE CONTENT STYLES
	(11) ADDITIONAL FOOTER	
		(a) Tweets Updates	
		(b) Newsletter - Contact Us page	
		(c) Promo Text - Home Page
		
	(12) LARGE FOOTER
		 (a) Recent Work Slider
		 (b) Rotate Footer Testimonials	
	
	(13) SMALL FOOTER 
	(14) SIDEBAR
		(a)Flickr Photos 
		(b) Sidebar Contact Details
		
	(15) BLOG PAGE
		(a) Blog Post Style 
		(b) About Author
		(c) Comments 
	
	(16) ABOUT US PAGE
	(17) CONTACT US PAGE
	(18) 1 TO 4 COLUMN PORTFOLIO AND SORTABLE GALLERY
 */	

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

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

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

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

body {
height: 100%;
background:#e8e8e8 url(../images/backgrounds/top-bg.jpg) repeat-x 0 0; 
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: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;font-style:italic; color:#000; margin:0px 0 20px 0; font-family: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 20px 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; }
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{ font-weight:bold; color:#d76035;}

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

hr{ 	border:none 0; 
	outline:0;
	height:1px; 
	clear:both;
	border-top: 1px dashed #c8c8c8;
	border-bottom: 1px solid #f1f1f1;	}	
	
.divider-full { background:url(../images/backgrounds/divider-full.png) no-repeat center center; height:10px; clear:both; margin-bottom:10px; }
.divider-one-half { background:url(../images/backgrounds/divider-one-half.png) no-repeat center center; height:10px; clear:both; margin-bottom:10px; }
.divider-one-third { background:url(../images/backgrounds/divider-one-third.png) no-repeat center center; height:10px; clear:both; margin-bottom:10px; }
.divider-one-fourth { background:url(../images/backgrounds/divider-one-fourth.png) no-repeat center center; height:10px; clear:both; margin-bottom:10px; }
.divider-one-fifth { background:url(../images/backgrounds/divider-one-fifth.png) no-repeat center center; height:10px; clear:both; margin-bottom:10px; }
.divider-one-sixth { background:url(../images/backgrounds/divider-one-sixth.png) no-repeat center center; height:10px; clear:both; margin-bottom:10px; }
.divider-two-third { background:url(../images/backgrounds/divider-two-third.png) no-repeat center center; height:10px; clear:both; margin-bottom: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;}	
.round5{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
	
/* ========================================================== 
	(03) TOPBAR		
============================================================ */	

#top-bar { width:960px; margin:0 auto; font-size:11px; color:#fdfbfb;  height:38px; line-height:38px;}
#top-bar a { color:#fdfbfb; text-decoration:none; }
#top-bar ul li{ float:left; }

#top-bar-left ul li { background:url(../images/backgrounds/topbar-divider.jpg) no-repeat left 13px; padding:0 10px 0 10px; }
#top-bar-left ul li:first-child { background:none; padding-left:0; }
#top-bar-right ul{ float:right; height:16px; padding-top:5px; }
#top-bar-right ul li { padding-left:5px;}	
	
/* ========================================================== 
	(04) HEADER SECTION
============================================================ */

#header-top,#header-middle,#header-bottom { width:auto; margin:0 auto; }
#header-top { background:url(../images/backgrounds/header-top.jpg) no-repeat top center; clear:both;}
#header-middle { background:url(../images/backgrounds/header-middle.jpg) repeat-y top center;}
#header-bottom { background:url(../images/backgrounds/header-bottom.jpg) no-repeat bottom center; padding-bottom:10px;}
#header { width:1000px; margin:0 auto;  }
#logo { width:270px; height:115px; display:block; margin-left:364px; padding-top:37px; float:left; position:absolute;}

/* ========================================================== 
	(05) INNER PAGE
============================================================ */


#title-bar { 
	margin-top:137px;
	background:url(../images/backgrounds/title-bar.jpg) no-repeat 0 0; 
	width:994px; height:55px; 
	display:block; 
	margin-left:3px;  }
	
#title-bar h1 { font-size:22px; font-weight:bold; line-height:55px; padding-left:18px; float:left; }


/* ========================================================== 
	(06) BREADCRUMB
============================================================ */

#breadcrumb {	
	font-size:11px; 	
	float:right;
	text-align:right;
	margin-top:0px;
	height:56px;
	line-height:56px;
	height:36px;
	color:#7b7b7b}

#breadcrumb span { margin-right:0px; }

#breadcrumb ul { float:right; margin-right:30px }

#breadcrumb ul li {
	height:56px;
	line-height:56px;
	float:left;
	display:block;
	background:url(../images/backgrounds/breadcrumb.png) no-repeat right 24px;
	padding:0 12px 0 5px;
	margin:0 0px 0 0;}

#breadcrumb li a {
	text-decoration:none; 
	color:#7b7b7b;	
	display:block;
	cursor:pointer;}
	
#breadcrumb li.breadcrumb-home { background:url(../images/backgrounds/breadcrumb.png) no-repeat right 24px; }
#breadcrumb li.breadcrumb-home a{ background:url(../images/backgrounds/breadcrumb-home.png) no-repeat left 23px; margin:0; padding-left:15px;}	
#breadcrumb li.breadcrumb-home a:hover{	background:url(../images/backgrounds/breadcrumb-home-hover.png) no-repeat left 23px;}	
#breadcrumb a:hover {color:#000;text-decoration:none }	
#breadcrumb li.current { background:url(../images/backgrounds/breadcrumb-arrow.png) no-repeat center top;	padding:0 5px 0 5px;}

/* ========================================================== 
	(07) Search Box
============================================================ */

#search-box { 
	margin-top:15px;
	margin-right:18px;
	
	height:25px; 
	float:right; }
	
#search-box  .search-input { 	
	width:100px; 
	height:23px; 
	border:1px solid #dcdcdc; 	
	float:left; 
	background:#fff;
	padding:0 6px 0 8px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#767676; 
	font-weight:normal; 
	line-height:23px;
	border-radius: 5px 0px 0px 5px;	
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-khtml-border-radius: 5px 0px 0px 5px; }
	
#search-box  .search-icon {
	float:left;
	height:32px;
	width:29px; }	
	
/* ========================================================== 
	(08) TOP MENU
============================================================ */	
	
.top-menu {
	z-index:200;
	width:355px;
	height:50px;
	position:relative;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	
.menuleft {
	top:79px;
	left:-15px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.menuright {
	top:29px;
	float:right;
	right:-15px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	
.top-menu .sf-menu {
	float:left;
	font-size:15px;
	font-style:italic;
	color:#fdfbfb;
	margin:0;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.menuleft ul.sf-menu {
	float:right;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	
.top-menu ul.sf-menu>li {
	display:block;
	float:left;
	margin:0;
	position:relative;
	list-style:none;
	margin:0 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.top-menu>ul.sf-menu>li>a {
	display:block;
	color:#fdfbfb;
	padding-left:13px;
	height:31px;
	line-height:27px;
	text-decoration:none;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.top-menu>ul.sf-menu>li>a>span {
	padding-right:13px;
	height:31px;
	line-height:27px;
	display:block;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	
.top-menu>ul.sf-menu>li>a:hover,.top-menu>ul.sf-menu>li.active>a {
	background:url(../images/backgrounds/topmenu-left.png) no-repeat left 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.top-menu>ul.sf-menu>li>a:hover span,.top-menu>ul.sf-menu>li.active>a>span {
	background:url(../images/backgrounds/topmenu-right.png) no-repeat right 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	
/* drop down menu styles */

.top-menu ul ul{
	background:#1f2324;
	padding:5px 20px 5px 20px;
	margin:0;
	-moz-box-shadow: 1px 1px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
	box-shadow: 1px 1px 5px #000;
	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;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.top-menu ul ul ul {
	padding:5px 20px 5px 20px;
	margin:-5px 6px 0 22px;
	border-radius: 5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-bottom:5px;
	font-family: Georgia, "Times New Roman", Times, serif;
}	

.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{
	text-decoration:none;
	border-top:1px solid #454a4b;
	border-bottom:1px solid #0c0e0f;
	border-radius: 0px;
	font-size:12px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0 0px 0 0px;
	color:#ababab;
	line-height:33px;
	font-style:normal;
	height:33px;
	width:auto;
	display:block;
	margin:0;
	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;
	font-family: Georgia, "Times New Roman", Times, serif;
}
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;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	
.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;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	
/* Superfish Menu Style */

.sf-menu, .sf-menu * {
	margin:	0;
	padding:0;
	list-style:none;
	z-index:200;
	font-family: Georgia, "Times New Roman", Times, serif;
}

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

/* Theme Skin */

.sf-menu {
	float: left;
	padding-bottom: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.sf-menu a, .sf-menu a:visited  {
	color: #fdfbfb;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:0;
	font-family: Georgia, "Times New Roman", Times, serif;
} 

/* Arrows (optional) */

.sf-menu a.sf-with-ul {
	padding-right:0;
	min-width: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	
.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*/ }
	
/* ========================================================== 
	(09) 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;}


/* ========================================================== 
	(10) HOME PAGE CONTENT STYLES
============================================================ */

#single-page-portfolio { margin:140px 0 0px 20px; height:468px; background:url(../images/backgrounds/slider-thumb-bg.jpg) no-repeat 216px 395px;}

.pikachoose {width: 960px; margin: 0 auto;}

/* Style the thumbnails */
.pika-thumbs{ padding: 0;   width:528px; height:71px; display:block;}
.pika-thumbs li{ width: 93px; height:47px; margin:0;  padding: 0; overflow: hidden; padding:1px; border:1px solid #fff; float: left; 	list-style-type: none; cursor: pointer;}	
.pika-thumbs li:last {margin: 0;}
.pika-thumbs li .clip { position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden; z-index:99;  }
.pika-thumbs li.active {  border-color:#aaa; }
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 960px;}
.pika-stage {position: relative; text-align:center; height:388px;}
.pika-stage img{height:100%;}
	
.pika-stage .caption { position: absolute;  background: url(../images/backgrounds/caption-bg.png); font-size: 12px; line-height:20px; font-family:arial; text-shadow:none; color: #fff; padding: 5px 10px 5px 10px; text-align: center; height:auto; width:auto; bottom: 0; right: 0; margin:25px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }	
.pika-stage .caption p { 	padding: 0; margin: 0; }	
.pika-stage .caption a { color:#fff; text-decoration:underline; }	
.pika-stage .caption a:hover { color:#ccc;}			

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(../images/backgrounds/slider-previous.jpg) no-repeat 0 0; height: 71px; width: 50px; top: 395px; left: 166px;cursor:pointer;}
.pika-imgnav a.next {background: url(../images/backgrounds/slider-next.jpg) no-repeat 0 0; height: 71px; width: 50px; top: 395px; right: 166px;cursor:pointer;}
.pika-imgnav a.previous:hover{ background: url(../images/backgrounds/slider-previous-hover.jpg) no-repeat 0 0;  }
.pika-imgnav a.next:hover{ background: url(../images/backgrounds/slider-next-hover.jpg) no-repeat 0 0;  }

.pika-imgnav a.play,.pika-imgnav a.pause,.pika-textnav,.pika-counter {display:none;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.html) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }

/* jCarousel Styles */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 0; width:512px; overflow:hidden; margin-left:222px; margin-top:7px;display:block;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 71px; width: 512px; display:block; }
.jcarousel-skin-pika .jcarousel-item-horizontal {margin: 9px 3px 0 3px; 	}

.home-icons { float:left; margin-right:10px; }
#content h4.icons-title { height:39px; line-height:39px; margin-bottom:10px; }

#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/date-small.jpg) no-repeat;
	float:left;
	padding-left:58px;
	margin-bottom:20px;	}
#content .home-latest-news  ul li .news-date { margin-left:-58px; text-align:center; color:#000; font-size:14px; float:left; font-style:italic; width:30px; padding-left:6px; padding-top:2px; }
#content .home-latest-news  ul li h4 { font-size:14px; margin-bottom:10px;}
#content .home-latest-news  ul li p { margin-bottom:10px; line-height:20px;color:#404040;}
#content .home-latest-news  ul li a.read-more { text-decoration:none; background:url(../images/backgrounds/arrow1.jpg) 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;  }

.featured-project { 
	width:193px; 
	height:auto; 
	padding:11px;
	background:#fff;
	border-left:1px solid #d7d7d7; 
	border-top:1px solid #d7d7d7; 
	border-right:1px solid #d7d7d7; 
	border-radius: 5px 5px 0 0; 
	-moz-border-radius: 5px 5px 0 0;  
	-khtml-border-radius: 5px 5px 0 0; 
	-webkit-border-radius: 5px 5px 0 0;	}

#content .featured-project h4 { font-size:16px; margin-top:10px; margin-bottom:7px; }	
#content .featured-project p { margin-bottom:0px; color:#707070; }	
.divider-space1 { margin:0 0 20px 0; padding-top:30px; }
	
.featured-project-bottom {width:217px; height:11px; display:block;  background:url(../images/backgrounds/featured-promect-bottom.jpg) no-repeat; }

/* ========================================================== 
	(11) ADDITIONAL FOOTER
============================================================ */	
	
#additional-footer-bg { 
	clear:both;
	background:#f4f4f4 url(../images/backgrounds/additional-footer.jpg) repeat-x 0 0;	
	min-height:109px;
	margin:auto;
	text-shadow: 0px 1px 0px #fff;
	color:#212121;}

#additional-footer{ 	
	margin:0 auto;
	width:960px;
	}
	
#additional-footer h4 {
	font-size:27px;
	color:#181818;
	line-height:30px;
	margin:0px;}
	
#additional-footer h5 { 
	font-size:22px; 
	font-style:italic; 
	color:#000; 
	line-height:75px; }		
	
/* ==== (a) Tweets Updates	 ===================== */
	
#additional-footer .twitter-feeds1, #additional-footer .query {  margin:0; width:960px; }
#additional-footer .twitter-feeds1 .tweet_list, #additional-footer .query .tweet_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden; }
#additional-footer .twitter-feeds1 .loading { margin-top:42px; }
	
#additional-footer .twitter-feeds1 .tweet_list li, #additional-footer .query .tweet_list li {
	background:url(../images/icons/twitter-footer.png) no-repeat;	
	height:50px;
	line-height:20px;
	margin: 33px 0 0 0;
	padding:0 0 9px 80px;
	color:#363636;	
	float:left; 	
	font-weight:normal; 
	font-size:14px;
	font-style:italic;
	overflow-y: auto;
	overflow-x: hidden; }

#additional-footer .twitter-feeds1 .tweet_list li a, #additional-footer  .query .tweet_list li a {
	line-height:20px;
	background:none;
	color:#363636;	
	padding:0;
	margin:0;
	width:auto;
	height:auto;
	text-decoration:none; 
	display:inline;}
	
#additional-footer .twitter-feeds1 .tweet_list li a:hover, #additional-footer  .query .tweet_list li a:hover  {text-decoration:underline; color:#000;}
	
#additional-footer .tweet_time a{ text-decoration:none;font-size:12px; color:#666666; margin-left:20px; display:block; text-indent:10px; }
#additional-footer .twitter-feeds1 .tweet_list li .tweet_time a:hover{ text-decoration:underline; color:#000;}

.tweet_text { padding-right:10px; }

#additional-footer .twitter-feeds1 .button-large { margin-top:29px; }	
	
/* ==== (b) Quotes ===================== */

#additional-footer .slide-quotes ul { 
	margin:0 0 0 43px; 
	padding:0; 
	float:left;
	color:#363636; 
	font-size:22px; 
	font-style:italic; 
	text-align:center;}
	
#additional-footer .slide-quotes ul li { padding:35px 0 0 0;  margin:0; width:874px; display:block; float:left;  padding-bottom:15px;}
#additional-footer .slide-quotes ul sub { font-size:12px; color:#404040; font-style:normal; line-height:35px;}

#additional-footer .rotate_controls1 { clear:both; width:960px; position:absolute; padding-top:45px;}
#additional-footer .rotate_prev1, #additional-footer .rotate_next1 {  width:30px; height:28px; margin:0; cursor:pointer; text-indent:-9999px;}	
#additional-footer .rotate_prev1 { float:left; left:0; background:url(../images/backgrounds/quote-arrow-left.png) no-repeat 0 0;}	
#additional-footer .rotate_next1 { float:right; right:0; background:url(../images/backgrounds/quote-arrow-right.png) no-repeat 0 0;}	
#additional-footer .rotate_prev1:hover, #additional-footer .rotate_next1:hover{ background-position:0 -28px;}	
	
/* ==== (c) Newsletter - Contact Us page ===================== */
 
.newsletter-box { 
	background:url(../images/backgrounds/newsletter-box.png) no-repeat;
	width:960px; 
	height:61px;		
	float:left;
	margin-top:28px;}
	
#additional-footer .newsletter-box  h5 { 
	background:url(../images/icons/email1.png) no-repeat;	
	font-size:22px; 
	font-style:italic; 
	color:#000; 
	padding-left:47px;
	height:25px;
	margin:20px 19px 0 21px;
	float:left;
	line-height:23px; }

.newsletter-sub { 
	background:url(../images/backgrounds/newsletter-divider.png) no-repeat; 
	float:left;	
	height:25px; 
	margin-top:20px; 
	line-height:25px; 
	padding-left:20px; 
	color:#404040;}	

.newsletter-input { 
	float:left; 
	background:url(../images/backgrounds/input-bg1.png) repeat-x; 
	height:26px; 
	width:188px; 
	border:1px solid #cfcfcf; 
	outline:0; 
	color:#727272; 
	margin-right:4px;
	padding-left:12px;}
	
.newsletter-input:hover{ border-color:#b7b7b7; color:#404040; }	
	
/* ==== (d) Promo Text - Home Page ===================== */
.promo-text { 
	height:75px; 
	background:url(../images/backgrounds/home-btn-left.png) no-repeat 0 0; 
	margin-top:20px; 
	width:960px; 
	clear:both; 
	float:left;}
	
a.home-button { 
	float:right; 
	width:204px;
	height:75px; 
	line-height:75px; 
	padding-left:5px;
	color:#fdfbfb; 
	background:url(../images/backgrounds/home-btn.png) no-repeat 0 0; 
	display:block; 	 
	font-size:22px; 
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	text-shadow: 0px 1px 0px #000;
	text-align:center;}

a.home-button:hover { color:#ccc; }


/* ========================================================== 
	(12) LARGE FOOTER
============================================================ */

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

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

#footer a:hover {color:#ccc;}
	
#footer h2 {
	font-size:18px;
	color:#e4e4e4;
	background:url(../images/backgrounds/footer-titlebg.jpg) no-repeat left bottom;
	padding-bottom:14px;
	margin-bottom:22px;
	margin-top:0px;}
	
ul.footerListOneThird li   { 
	background:url(../images/backgrounds/footer-links-one-third.jpg) no-repeat left 0;
	width:283px; 
	height:29px; 
	line-height:29px; 
	padding-left:17px; 
	margin-bottom:5px; 
	display:block; }

#footer ul.footerListOneThird li a { text-decoration:none;  display:block;}
#footer ul.footerListOneThird li a:hover { font-weight:bold; font-size:12px; }

/* ==== (a) Recent Work Slider ===================== */

#carousel-slider {	
	width:300px;	
	margin:0 auto;
	padding-top:0px;}

#carousel-container {
	position:relative;
	width:300px;}
  
#carousel {
	height:144px;
	width:300px;  
	position:relative;
	margin:0; }
  
#carousel .carousel-image {
	border:0;
	display:block;}
  
#carousel .carousel-feature {
	position:absolute;
	top:-1000px;
	left:-1000px;  
	cursor:pointer;	}
  
/* slider caption  */
 
#carousel .carousel-feature .carousel-caption {
	background:url(../images/backgrounds/caption-bg2.png);
	text-align:center;
	position:absolute;
	bottom:8px;
	width:185px;
	margin-left:10px;}
  
#carousel .carousel-feature .carousel-caption p {
	margin:0;
	padding:5px;
	font-weight:bold;
	font-size:12px;
	color:white;}
  
/* carousel navigation */

#carousel .tracker-individual-container .tracker-individual-blip {
	background:url(../images/backgrounds/rounded-slider-navigation.jpg) no-repeat 0 0;
	position:absolute;		
	bottom:0px;
	width:8px;
	padding:0;	
	margin:0 0 0 4px;
	height:8px;		
	text-align:center;	
	text-indent:-9999px;}
	
#carousel .tracker-individual-container .tracker-individual-blip-selected { background-position:right 0;}	

#carousel .tracker-individual-container { top:362px; text-align:center;	}

#carousel .tracker-individual-container span { 
	list-style:none;
	background:none; 
	height:100px;
	padding:0; 
	margin:0 6px 0 0;
	background:none; 
	height:8px; 
	display:inline-block; 
	width:8px; }	
	
/* ==== (b) Rotate Footer Testimonials ===================== */	

.rotate-testimonials { clear:both; color:#808080;}

#footer .rotate-content ul{ background:none; padding:0; margin:0; clear:both; position:relative; display:block;}
#footer .rotate-content ul li{ background:none;display:block; clear:both; height:auto; }

#footer .rotate-content ul li p { 	
	padding:0;			
	float:left;
	width:200px;
	margin:0 0 20px 0; 
	overflow:hidden;	
	line-height:20px;
	position:relative;}
	
.footer-testimonials-pic { float:left; margin-right:12px; width:83px; }
	
#footer .rotate-content ul li h6 { 
	color:#fff; 
	margin-bottom:0; 
	font-style:italic; 
	line-height:20px;}	
	
#footer .rotate-content ul li .client-details { 
	float:right; 
	text-align:right;
	background:url(../images/backgrounds/quote1.jpg) no-repeat right 9px;
	padding-right:40px;}

/* slider navigation */

#footer .rotate_controls1 { clear:both; height:15px; width:30px; float:right; margin-top:-5px; position:absolute; top:0; right:0;}
#footer .rotate_prev1, #footer .rotate_next1 {  width:8px; height:15px; margin: 10px 0 0 0; cursor:pointer;text-indent:-9999px;}	
#footer .rotate_prev1 { float:left; background:url(../images/backgrounds/arrowblack1.jpg) no-repeat 0 0;}	
#footer .rotate_next1 { float:right; background:url(../images/backgrounds/arrowblack2.jpg) no-repeat 0 0;}	
#footer .rotate_prev1:hover, #footer .rotate_next1:hover{ background-position:0 0;}

/* ========================================================== 
	(13) SMALL FOOTER
============================================================ */
	
#small-footer {
	color:#939393; 
	background:url(../images/backgrounds/small-footer.jpg) no-repeat 0 0;
	height:49px;
	line-height:49px;
	width:960px;
	margin-top:20px;}
	
#small-footer  ul { margin:0; padding-top:0px;}
#small-footer  ul li { float:left; color:#939393; background:url(../images/backgrounds/topbar-divider.jpg) no-repeat 0 18px; padding:0 15px 0 15px;  }
#small-footer  ul li:first-child { padding-left:0; background:none; }
#small-footer  a { text-decoration:none; color:#939393; }
#small-footer  a:hover { color:#fdfbfb;}
#small-footer span { float:right;}

#small-footer .go-top span{ background:url(../images/backgrounds/go-top-arrow.png) no-repeat 0 0px; width:77px; height:49px; display:block; text-align:center; position:absolute; margin-left:445px; cursor:pointer; text-indent:-9999px;}
#small-footer .go-top:hover span{ background:url(../images/backgrounds/go-top-arrow-hover.png) no-repeat 0 0px; }

/* ========================================================== 
	(14) SIDEBAR
============================================================ */	

.sidebar { color:#404040; margin-bottom:21px;}

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


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

#content .sidebar  h2{ 
	background:url(../images/backgrounds/sidebar-title.jpg) no-repeat 0 0;
	padding:0 0 0 15px;
	font-size:15px;	
	font-style:italic;
	font-weight:bold;
	margin:10px 0 0 0;
	width:260px;
	color:#fdfbfb;
	height:40px;
	line-height:32px;
	clear:both;}
	
#content .sidebar p{ padding:10px 0px 10px 0px;width:240px; margin:0 0 0 10px;}

#content .sidebar ul { margin:3px 0 0 10px;padding:0 0 10px 0;}

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

#content .sidebar ul li  a { 
	background:url(../images/backgrounds/sidebar-links.jpg) no-repeat 0 0;
	display:block;
	width:240px;
	height:41px;
	line-height:36px;
	padding:0 0 0 26px;
	text-decoration:none; }

#content .sidebar ul li a:hover,.sidebar ul li.active a{ background:url(../images/backgrounds/sidebar-links.jpg) no-repeat 0 0; color:#000; font-weight:bold;}

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

#content .sidebar-gallery  ul { padding:0; margin:8px 0 0px 9px; }

#content .sidebar-gallery  ul li a,#content .sidebar-gallery  ul li a:hover{ 
	margin:7px 7px 0 0;
	float:left;
	background:url(../images/backgrounds/flickr-bg.png) no-repeat 0 0;	
	padding:4px 4px 10px 4px;
	width:69px;
	height:68px;
	display:block; }
	
#content .sidebar-gallery  ul li a img { width:65px;
	height:64px;overflow:hidden; 
	display:block; }

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

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

#content .sidebar .sidebar-contact-info ul li  {	
	background:url(../images/backgrounds/hr.png) repeat-x left bottom;
	width:240px;
	border:none;
	line-height:20px;	
	margin: 15px 0 5px 0;
	padding:0px 0 15px 0px;}	

#content .sidebar .sidebar-contact-info ul li a { 	
	margin:0;
	padding:0px;
	height:auto;
	background:none;
	text-decoration:none; 
	line-height:20px;
	}
	
.contactinfo-icons { float:left; margin-right:14px; }

/* ========================================================== 
	(15) BLOG PAGE
============================================================ */

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

.blog-post { 
	background:url(../images/backgrounds/hr.png) repeat-x 0 bottom;
	float:left; 
	margin:0px 0 30px 0;
	padding:0;}

.post-date { 
	float:left; 
	width:63px; 
	height:83px;
	color:#000;
	background:url(../images/backgrounds/post-date.png) no-repeat left top; 
	text-align:center;
	font-style:italic;
	margin-right:17px;}	

.post-month { 
	width:60px;
	float:left;
	font-size:18px;		
	padding-top:7px;}

.post-day {
	width:60px;
	float:left; 	
	font-size:21px;	
	padding-top:4px;}

.post-title { 
	float:left; 
	background:url(../images/backgrounds/hr.png) repeat-x 0 bottom; 
	margin:0 0 20px 0px; 
	padding:0 0 12px 0;
	width:550px;}

#content  .post-title  h3 { 	
	color:#000;
	font-size:24px;  
	width:100%;	
	text-decoration:none;
	padding:8px 0 5px 0; 
	margin:0 0 0px 0; }
	
#content  .post-title  h3 a { color:#000; }
#content .post-title h3 a:hover { color:#d76035; }
.blog-post  h3 a:hover {color:#000;text-decoration:none;}
.post-content { margin-left:78px; width:552px; }
.blog-post p { padding:10px 0 0 0;}
.blog-post a { color:#404040; text-decoration:none}	
.blog-post a:hover{ text-decoration:underline;color:#000;}
.light-grey { color:#707070; }

.blog1-post-img-bg, .blog-single-img-bg  { padding:10px 12px 15px 10px; clear:both; position:relative; display:block;	}

.blog1-post-img-bg {  	
	background:url(../images/backgrounds/blog-category.png) no-repeat 0 0; 	
	width: 202px; 
	height: 208px;	
	float:left; 	
	margin:10px 7px 0px 0;}
	
.blog-single-img-bg {  	
	background:url(../images/backgrounds/blog-single.png) no-repeat 0 0; 	
	width: 532px; 
	height: 262px; 	
	margin:10px 30px 10px 0;}
	
.blog1-post-img {width: 181px; height: 182px; display: block;}
.blog-single-img {width: 532px; height: 262px;  display: block;}

.overlay-blog, .overlay-blog-single { top:10px; left:10px; position: absolute; display: block; }
.overlay-blog { background:url(../images/backgrounds/overlay-blog.png) no-repeat; width: 181px; height: 182px; }	
.overlay-blog-single { background:url(../images/backgrounds/overlay-blog-single.png) no-repeat; width: 532px; height: 262px; }
	
.blog1-post-img:hover	{ background:url(../images/backgrounds/overlay-blog-hover.png) no-repeat; }
.blog-single-img:hover	{ background:url(../images/backgrounds/overlay-blog-single-hover.png) no-repeat; }

.blog1-post-img .details-icon { top:80px; left:23px; }	
.blog1-post-img .zoom-icon { top:80px; left:138px;  }
.blog-single-img .zoom-icon { top:121px; left:255px;  }

/* ==== (b) About Author ===================== */
	
.about-author {
	background:url(../images/backgrounds/hr.png) repeat-x left bottom;	
	padding:0px 20px 15px 19px;
	margin:0px 0 30px 0;}	

.author-img { 	
	background:url(../images/backgrounds/about-the-author.png) no-repeat 0 0; 
	margin:0;
	padding:8px 8px 12px 8px;
	height:111px;
	width:111px;
	display:block;
	float:left;
	position:relative;}
	
#content .about-author h5{ font-size:18px; margin:0 0 5px 150px;}
	
.about-author p {  margin-left:150px; line-height:20px;}

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

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

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

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

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

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

.comment { padding:4px 0 0 0; margin:0; width:630px; }
	
.post-author { background:#efefef url(../images/backgrounds/comment-admin-bg.html) repeat-x 0 0; }

.comment-author { width:84px; float:right; }
	
.avatar {
	background:url(../images/backgrounds/avatar.png) no-repeat 0 0; 
	margin:0 0 2px 9px;
	padding:7px 7px 12px 7px;
	height:60px;
	width:60px;
	display:block;}	
	
.reply a{ 
	background:url(../images/backgrounds/reply-btn.png) no-repeat 0 0; 
	width:84px; 
	height:23px; 
	display:block; 
	font-size:10px;
	text-indent:7px;	
	text-align:center; 	
	text-decoration:none; 	
	letter-spacing:1px; 
	color:#545454;
	line-height:23px;}

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

#content .comment-list ol li .comment-text 				{ width:490px; }  
#content .comment-list ol li ul li .comment-text 			{ width:450px; } 
#content .comment-list ol li ul li ul li .comment-text 		{ width:400px; } 
#content .comment-list ol li ul li ul li ul li .comment-text		{ width:350px; } 
#content .comment-list ol li ul li ul li ul li ul li .comment-text	{ width:300px; } 

.comment-text { 	
	background:#efefef;	
	border:1px solid #cbcbcb;
	margin:0px;
	display:block;
	width:auto;
	float:right;
	padding:20px 20px 0px 20px ;
	margin-right:6px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: inset inset 1px 1px 1px #fff;
	-webkit-box-shadow: inset 1px 1px 1px #fff;
	box-shadow: inset 1px 1px 1px #fff;}

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

.comment-heading { height:20px;}

#content .comment-text cite { 
	font-size:16px;
	color:#000;	
	float:left;}

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

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

.aboutus-pic { float:left; background:url(../images/backgrounds/aboutus.png) no-repeat 0 0; padding:8px 8px 15px 8px; margin:5px 25px 20px 0; }
.quote-text { color:#033636; font-size:18px; font-style:italic; line-height:27px; text-align:center; margin:15px 0 15px 0; }


.team-members { float:left;background:url(../images/backgrounds/hr.png) repeat-x 0 bottom; padding:0 0 21px 0; overflow:hidden; padding-left:147px; margin-bottom:20px; }
.team-member-pic {float:left; margin:5px 20px 0 -147px;}
#content .team-members h4 { font-size:16px;}
#content .team-members sub { color:#454545;}
#content .team-members p { margin:0 0 15px 0; }
.tmember-email { background:url(../images/icons/email3.png) no-repeat 0 2px; padding-left:23px; margin-right:30px; }
.tmember-call { background:url(../images/icons/phone1.png) no-repeat 0 0px; padding-left:18px; }		

.ceo-message { 
	width:413px; 
	background:#fff; 
	border-top:1px solid #d7d7d7; 
	border-left:1px solid #d7d7d7; 
	border-right:1px solid #d7d7d7; 
	color:#707070;
	padding:25px 25px 25px 25px;
	border-radius: 5px 5px 0 0; 
	-moz-border-radius: 5px 5px 0 0;  
	-khtml-border-radius: 5px 5px 0 0; 
	-webkit-border-radius: 5px 5px 0 0;  } 

.ceo-content { width:240px; float:left; }
.ceo-pic { width:153px; margin:0; float:right; display:block; height:180px; text-align:center; }
#content .ceo-pic h5 { margin-top:5px; line-height:20px; }

	
.ceo-message-bottom { background:url(../images/backgrounds/ceo-message.png) no-repeat 0 0px; width:465px; height:10px; display:block; margin:0; padding:0; }
#content .ceo-content h5 { margin-bottom:10px; line-height:25px; }
#content .ceo-message p { margin-top:10px; margin-bottom:0; }
#content .ceo-message h5 sub  { color:#515151 }

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

.contact-email-icon { float:left; margin:5px 15px 0px 0; }

#contact-form { padding:10px 0 0 0; margin-bottom:30px;}
#contact-form label { 
	clear:both;
	width:84px; 
	float:left;
	height:32px; 
	line-height:32px; 
	padding-left:13px;
	display:block; 
	background:url(../images/backgrounds/label-bg1.png) repeat-x 0 0; 
	border:1px solid #d2d2d2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:0 5px 6px 0;}
	
.input1,.textfield1  {
	background:#dcdcdc;
	width:384px;
	float:left;	
	display:block;	
	border:1px solid #f3f3f3;
	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 #cecece;
	-webkit-box-shadow: inset 0 0 5px #cecece;
	box-shadow: inner 0 0 5px #cecece;}
	
.input1 { height:32px; line-height:26px;	padding:0 10px 0 10px; }
.textfield1 { min-height:167px;	line-height:20px; padding:10px;	}

.input1:hover, .input1:focus ,.textfield1:hover, .textfield1:focus { background:#e1e1e1; }	
	
.contact-submit { margin:8px 0 0 104px; }
.required-img { float:left; margin-top:7px;}		
	
.live-chat{  background:url(../images/backgrounds/livechat.png) no-repeat 0 0; height:44px;padding:10px 0 0 75px;  margin-top:20px;  }	
	
#content .live-chat h3 { font-size:24px;  color:#404040;   }	
#content .live-chat h3 sub { font-size:14px; color:#404040; line-height:25px;   }	

.contact-map { margin:30px 0 10px 10px; }

/* Contact Form Error/Success Messages Styles */

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

/* ========================================================== 
	(18) 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:33px;}

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

#content .portfolio-tab ul li a span{
	background:url(../images/backgrounds/whitemenu-right.png) no-repeat right 0;
	height:34px;
	display:block;
	padding:0 20px 0 0;
	margin:0 6px 0 0;
	line-height:28px;	
	color:#404040;
	font-size:12px;	
	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{ background:url(../images/backgrounds/whitemenu-left-hover.png) no-repeat 0 0; }
#content .portfolio-tab ul li:hover a span,#content .portfolio-tab ul li a.active span,ul#sortable-gallery li.current a span{ background:url(../images/backgrounds/whitemenu-right-hover.png) no-repeat right 0;line-height:30px;color:#000;	}

.filter-category { line-height:28px; 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 0 0 0; }	
#content .pf-one-half ul li, #content .pf-one-third ul li, #content .pf-one-fourth ul li { 
	background:url(../images/backgrounds/hr.png) repeat-x 0 bottom;
	padding:0; } 

#content .sortableContent ul li { background:none; }
	
.portfolio  p {	
	line-height:20px; 	 
	margin:0 0 5px 0;}	

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

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

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

.pf-one-half ul li, .pf-one-third ul li, .pf-one-fourth ul li {float:left; background:none;margin-bottom:27px; }
.pf-one-third ul li   { width:300px;} /* Width of 3 Column Portfolio */
.pf-one-fourth ul li { width:217px;} /* Width of 4 Column Portfolio */

.sortable ul li { margin-bottom:18px;}
.portfolio-content { padding:0px 0 1px 0; margin-bottom:18px; float:left;}
	
.img-one-fourth-bg, .img-one-third-bg, .img-one-half-bg{ 
	clear:both; 
	padding:9px 9px 12px 9px; 
	margin:0; 
	position: relative; 
	display:block;
	float:left;}
	
.img-one-fourth-bg img, .img-one-third-bg img, .img-one-half-bg img { position: relative;display:block;}
	
.img-one-half-bg img { 
	position: relative;
	width: 447px; 
	height: 234px;
	display:block;}
	
.img-one-fourth-bg 	{ background:url(../images/backgrounds/portfolio-4col-bg.png) no-repeat 0 0; width: 201px; height: 136px; }
.img-one-third-bg 	{ background:url(../images/backgrounds/portfolio-3col-bg.png) no-repeat 0 0; width: 284px; height: 166px; }
.img-one-half-bg 	{ background:url(../images/backgrounds/portfolio-2col-bg.png) no-repeat 0 0; width: 447px; height: 234px;	}

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

/* Portfolio 1 Column */
#content .pf-one-full { width:941px;} /* Width of 1 Column Portfolio */

#content .pf-one-full  { 	
	background:url(../images/backgrounds/portfolio-1col-bg.png) no-repeat 0 0; 
	clear:both;
	margin-bottom:30px; 
	padding-bottom:8px;	
	padding:19px 0 0 19px;
	margin-top:10px;
	height:321px;}
	
#content .img-one-full { 
	position: relative;
	width: 568px; 
	height: 293px; 	
	float:left;}

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

.portfolio-1col-content { 
	padding:0px 0 1px 0; 
	margin-bottom:18px; 
	float:left; 
	width:274px; 
	margin:30px 30px 0 50px; 
	height:240px; 
	line-height:20px;}
	
#content .portfolio-1col-content p { margin-bottom:15px; }
#content .portfolio-1col-content a.button-white { margin-top:5px; }

/* Image Overlays */
.overlay-1column,.overlay-2column,.overlay-3column,.overlay-4column {
	position: absolute;
	display: block;
	background-image: url(../images/backgrounds/overlay-3column.png);
}
	
.overlay-1column { background:url(../images/backgrounds/overlay-1column.png) no-repeat; width: 570px; height: 295px; top:0; left:0;  }
.overlay-2column { background:url(../images/backgrounds/overlay-2column.png) no-repeat; width: 449px; height: 236px; top:8px; left:8px;  }
.overlay-3column { background:url(../images/backgrounds/overlay-3column.png) no-repeat; width: 284px; height: 166px; top:8px; left:8px;  }
.overlay-4column { background:url(../images/backgrounds/overlay-4column.png) no-repeat; width: 201px; height: 136px; top:8px; left:8px;  }

.img-one-full:hover		{ background:url(../images/backgrounds/overlay-1column-hover.png) no-repeat; }
.img-one-half:hover 		{ background:url(../images/backgrounds/overlay-2column-hover.png) no-repeat;top:8px; left:8px; }
.img-one-third:hover	{ background:url(../images/backgrounds/overlay-3column-hover.png) no-repeat;top:8px; left:8px; }
.img-one-fourth:hover	{ background:url(../images/backgrounds/overlay-4column-hover.png) no-repeat;top:8px; left:8px; }

/* Mouseover Icons */
.details-icon, .zoom-icon { display: block; height: 41px; position: absolute; width: 41px; text-indent: -9999px; }
.details-icon { background:url(../images/icons/doc.png) no-repeat 0 0; }
.details-icon:hover { background:url(../images/icons/doc-hover.png) no-repeat 0 0; }
.zoom-icon { background:url(../images/icons/zoom.png) no-repeat; }
.zoom-icon:hover { background:url(../images/icons/zoom-hover.png) no-repeat; }
.video-icon .zoom-icon { background:url(../images/icons/play.png) no-repeat; }
.video-icon .zoom-icon:hover { background:url(../images/icons/play-hover.png) no-repeat; }

.img-one-full .details-icon { top:127px; left:200px; }
.img-one-full .zoom-icon { top:127px; left:264px; }

.img-one-half .details-icon { top:105px; left:150px; }
.img-one-half .zoom-icon { top:105px; left:273px; }

.img-one-third .details-icon { top:70px; left:71px; }
.img-one-third .zoom-icon { top:70px; left:188px; }

.img-one-fourth .details-icon { top:56px; left:28px; }
.img-one-fourth .zoom-icon { top:56px; left:148px; }