/* ========================================================== 
	(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; 
background:#e8e8e8 ; 
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; width:998px; height:113px;}
#top-bar a { color:#fdfbfb; text-decoration:none; }
#top-bar ul li{ float:left; }

#top-bar-left {  float:left; padding:0 10px 0 10px; }
#top-bar-right { float:left; height:16px; padding-top:30px; color:#1490c8; font-size:36px; text-shadow: 1px 1px 4px #bebebe;}


#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;  }

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


#title-bar { 
	margin-top:13px;
	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:980px;
	height:50px;	
	position:relative;
	}
	
.menuleft { top:15px; left:-15px;}
.menuright { top:29px; float:right; right:-15px;}
	
.top-menu .sf-menu {
	float:left;	
	font-size:14px;	
	font-style:italic;
	color:#fdfbfb;		
	margin:0; padding:0;}

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

.top-menu>ul.sf-menu>li>a {	
	display:block;
	color:#fdfbfb;
	padding-left:13px;
	height:31px;
	line-height:27px;
	text-decoration:none}

.top-menu>ul.sf-menu>li>a>span { 	
	padding-right:13px;
	height:31px;
	line-height:27px;	
	display:block}
	
.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;}
.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;}
	
/* 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;  }

.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; }	

.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:arial,georgia;	
	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; }
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: 43px; /* 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*/ }
	
/* ========================================================== 
	(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:55px 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;
	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;}


#fb-twt-container{
	 width:1007px;
	 padding-top:25px;
	 text-align:center;
}
	
#fb-twt-container ul{height:16px; }

#fb-twt-container ul li { padding-left:5px; display:block;}	
	
		
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:0px;}
	
#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; width:600px;}
#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; }		
.tmember-cv { background:url(../images/icons/cv.png) no-repeat 0 0px; padding-left:23px; margin-left:30px; }		

.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; height:240px; } 

#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-half ul li     { width:465px;} /* Width of 2 Column Portfolio */
.pf-one-third ul li   { width:300px;} /* Width of 3 Column Portfolio */
.pf-one-fourth ul li { width:217px;} /* Width of 4 Column Portfolio */

.sortable ul li { margin-bottom:18px;}
.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; }
	
.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: 64px;
}