/*
	Theme Name: Media Consult
	Theme URI: http://goldenworks.ro/demos/mc2_wordpress/
	Description: A business premium theme designed for site companies, personal use, portfolios and blogs.
	Author: Starshade	
	Author URI: goldenworks.ro
	License: GNU General Public License version 2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html	
	Version: 2.1
*/

@import url("css/reset.css");

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
h1 {
	font-size:28px;
	line-height:34px;
}
h2 {
	font-size:24px;
	line-height:30px;		
}
h3 {
	font-size:18px;
	line-height:26px;
}
h4 {
	font-size:16px; /* please note: in 2 cases font size for h4 tag is 15px and not 16px: 1) on portfolio page and 2) on services list page */
	line-height:20px;	
}
h5 {
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	padding:10px 0 2px 0;
	float:left;
	width:100%;
}
h6 {
	font-size:13px;
	font-weight:bold;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration:underline;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
blockquote {
	margin:10px 0 10px 0;
	background:#f5f5f5;
	padding:10px 18px 10px 18px;	
	font-style:italic;
	font-weight:bold;
	font-size:13px;
}
blockquote p {
	padding:6px 0 6px 0;
	margin:0;
}
address {
	font-style:italic;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
iframe {
	margin:6px 0 6px 0;	
}
p {
	margin:6px 0 0 0;
	padding:0 6px 0 0;
}
input, textarea {
	margin:0;
	padding:2px 4px 1px 4px;
	font-size:11px;

}
.clear {
	clear:both;	
}
.last {
	margin-right:0 !important;
	clear:right;
}
#body-wrapper {
	padding-top:20px;
	margin:0 auto;
	width:960px;
	position:relative;
}
#logo {
	position:relative;
	float:left;
	margin:0 0 10px 0;
}
#logo p {
	position:absolute;
	top:46px;
	left:76px;
	margin:0;
	padding:0;
}
.search-fieldset {
	width:198px;
	position:absolute;
	top:30px;
	right:-3px;
}
.search-input {
	float:left;
	width:167px;
	height:15px;
}
.input-arrow {
	border:0 none;
	float:left;
	height:20px;
	position:relative;
	left:-1px;
	width:20px;
	text-indent:-9000px; /* this hides the default text that comes on a submit input */	
	font-size:0;
	line-height:0;
}

/* start main menu */
.main-menu-wrapper {
	float:left;
	width:100%;
	height:42px;
	margin:-12px 0 0 0;
}
#body-wrapper .main-menu-wrapper a {
	text-decoration:none;	
}
.sf-menu {
	float:right; 
	font-size:13px;
	line-height:14px;
	position:relative;
	right:-16px;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;	
	z-index:100;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
	font-size:12px;	
}
.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 a {
	display:block;
	position:relative;
	padding:14px 18px 14px 18px;
	margin:0;
	text-decoration:none;
	cursor:pointer;
}
.sf-menu ul a {
	line-height:20px !important;
	margin:0;
	padding:5px 10px 6px 10px;
	display:block !important;
}
.sf-menu li ul li a {
	display:block;
}
*:first-child+html .sf-menu a { /* this applies only to ie7 */
	height:auto;
}
#body-wrapper .sf-menu, #body-wrapper .sf-menu a {
	background:none;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			38px; /* 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:			200px; /* match ul width */
	top:			-1px;
}
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:			200px; /* match ul width */
	top:			-1px;
}
/* end main menu */

.gallery-caption {}
.sticky {}
.bypostauthor {}
.wp-caption {
	margin-bottom: 20px;
	text-align:center;
	padding-top:5px;
	}
.wp-caption img {
	padding:0;
	margin:0;
	}
.wp-caption p.wp-caption-text {
	line-height:17px;
	font-size: 11px;
	margin:0;
	}
.wp-smiley {
	margin:0 !important;
	max-height:16px;
}

/* START slideshow wrapper */
#slideshow-wrapper {
	float:left;
	width:100%;
	margin-top:16px;
}
#slideshow {
    height:281px;
    position:relative;	
	width:960px;
}
#slideshow li {
    height:281px;	
    left:0;	
    opacity:0.0;	
    position:absolute;
    top:0;
    z-index:8;
}
#slideshow li.active {
    opacity:1.0;
    z-index:10;
}
#slideshow li.last-active {
    z-index:9;
}
.slide-img {
	float:left;
	width:641px;
}
.slide-desc {
	float:left;
	height:281px;
	position:relative;
	width:317px;
}
.slide-desc h1, .slide-desc p {
	float:left;
	width:285px;
	margin:8px 10px 0 16px;
}
.slide-desc p {
	padding-bottom:2px;	
}
.slide-desc h1 {
	margin-top:14px;
}
.slide-desc a.more-link {
	display:block;
	float:left;
	padding:1px 10px 1px 22px;		
}
.slide-desc a.more-link:hover {
	text-decoration:none;
}
#home-slider {
	width:960px;
	z-index:6;
	position:relative; 
	height:281px; 
	overflow:hidden; 	
}
.body-rm a, .reverse-arrow a {
	display:block;
	float:left;
	margin-left:22px;
}

.slide-txt { /* styles for semi-tranparent background in the slideshow */
	bottom:0;
	height:50px;	
	left:0;	
	position:absolute;
	width:100%;
}
.slide-txt h3 {
	margin:9px 0 0 18px;
	width:922px;
}
/* END slideshow wrapper */

#left, #right {
	float:left;
	margin-top:18px;
}
#left {
	width:612px;
	margin-right:29px;
}
#right {
	width:319px;	
}
.latest-news {
	float:left;
	width:100%;	
}
.latest-news h3 {
	float:left;
	margin:2px 10px 0 10px;
	width:291px;
}
.widget_mc_news .ln-list {
	float:left;
	width:308px;	
	margin:0;
}
.widget_mc_news .ln-list li {
	float:left;
	margin:2px 0 2px 0;
	padding:3px 0 3px 0;
	width:100%;	
}
.widget_mc_news .ln-list li:hover { /* please note: hover on pseudoclasses doesn't work on ie6, but the area will still be clickable, so you won't lose any functionality here */
	cursor:pointer;
}
.widget_mc_news .ln-list li h6 {
	float:left;
	margin:0 10px -5px 2px;
	padding:0;
}
.widget_mc_news .ln-list li p {
	float:left;
	margin:0 10px 0 10px;
	padding:0;	
}
.ln-date {
	float:left;
	margin:0 0 0 10px;	
	width:114px;
}
#left p {
	/*margin:10px 0 10px 0;*/
}
.header-desc {
	float:left;
	margin:-4px 0 0 0;
	padding:0 0 12px 0;
	width:100%;
}
.welcome-content {
	float:left;
	padding-bottom:10px;
}
/* START home services and featured case study styles */
.h-box-1, .h-box-2 {
	float:left;
}
.h-box-1 {
	margin-right:26px;
	width:294px;	
}
.h-box-2 {
	width:307px;
}
.h-box-img {
	float:left;
	width:54px;
	margin-right:4px;
}
.h-box-1 h3, .h-box-2 h3 {
	float:left;
	width:234px;
	line-height:20px;
	margin-top:6px;
}
.custom-title {
	float:left;
	width:100%;
	margin-top:8px;
}
.custom-title .header-desc {
	margin-top:3px;	
}
.custom-title .custom-img {
	float:left;
	width:54px;	
	margin:6px 6px 0 0;
	display:block;
	padding-bottom:6px;
}
.customt-wrapper {
	float:left;
	width:238px;
}
.body-rm, .reverse-arrow {
	float:left;
	height:18px;
	padding-right:8px;
}
/* END home services and featured case study styles */

/* START newsletter styles */
.newsletter {
	float:left;
	margin-top:14px;
	width:311px;
	width:100%;	
}
.newsletter h3 {
	float:left;
	margin:2px 10px 0 10px;
	width:291px;
}
.newsletter-fieldset {
	display:inline;
	float:left;
	width:290px;
	margin:10px 0 0 10px;
}
.newsletter-input {
	float:left;
	height:15px;
	width:167px;	
}
.newsletter p {
	float:left;
	margin:10px 0 10px 10px;	
	width:290px;
}
/* END newsletter styles */


/* START footer styles */
#footer {
	float:left;
	height:70px;	
	margin-top:26px;
	width:960px;	
}
#footer .f-menu {
	float:left;
	width:530px;
}
#footer .f-menu li {
	float:left;
	margin:16px 24px 0 0;
}
.copyright {
	float:right;
	width:362px;
	text-align:right;
	margin-top:16px;
}
/* END footer styles */

.interior-header, .interior-header-detail {
	float:left;
	width:100%;
	padding-bottom:8px;
	margin-bottom:14px;
}
*:first-child+html .interior-header { /* this applies only to ie7 */
	padding-bottom:14px;
}
.interior-header h2, .interior-header h1 {
	float:left;
	margin:12px 14px -10px 14px;
	width:590px;	
}
.interior-header-detail h2, .interior-header-detail h1 {
	float:left;
	margin:12px 14px 6px 14px;
	width:590px;	
}
#left .intheader-paragraph {
	float:left;
	margin:14px 14px 8px 14px;
	width:596px;
}
#left .interior-content h4 {
	float:left;
	line-height:24px;
	margin:6px 0 2px 0;
	width:100%;
}

/* START table styles */
table, td, th { 
	vertical-align:middle;
}
th { 
	padding:6px 18px 6px 18px;
}
td { 
	padding:6px 18px 6px 18px; 
	text-align:left;
}
.int-tbl {
	margin-top:10px;
	width:612px;
}
.full-tbl {
	margin-top:10px;	
	width:960px;	
}
/* END table styles */

/* START tabular data block */
.tabular-block {
	float:left;
	margin-top:14px;
	width:311px;
	width:100%;	
}
#tabs {
	float:left;
	margin-left:10px;
	width:301px;
}
.tabular-block h3 {
	margin:0 0 0 10px;
}
.tabular-block h4 {
	margin-top:12px;
}
.ui-tabs .ui-tabs-nav {
	margin:10px 0 0 0;
}
.ui-tabs .ui-tabs-nav li { 
	float:left;
	margin:0 1px 0 1px;	
	width:98px;
}
.ui-tabs .ui-tabs-nav li a { 
	display:block;
	height:20px;
	padding-top:4px;		
	text-align:center;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
	cursor:text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
	cursor: pointer; 
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { 
	float:left;
	margin:6px 0 0 1px;
	width:298px;
}
.ui-tabs .ui-tabs-panel h6 {
	margin:6px 0 0 0;
}
/*
.ui-tabs .ui-tabs-panel p {
	margin:4px 0 8px 0;
}
*/
.ui-tabs .ui-tabs-hide { 
	display: none !important; 
}	
/* END tabular data block */
.blog-misc {
	display:block;
	padding:4px 0 10px 0;
}
.blog-share {
	float:left;
	margin-bottom:28px;	
	margin-top:-10px;
}
.pshare-fix {
	margin-top:16px;
}
.blog-share h3 {
	padding-bottom:6px;

}

#left .interior-content .blog-share ul li {
	float:left;
	margin:4px 20px 0 0;	
	width:16px;
}
.blog-comment-fieldset {
	float:left;
	width:100%;
	margin:12px 0 0 0;
}
.blog-comment-fieldset ul {
	float:left;
	width:100%;
}
.blog-comment-fieldset ul li {
	float:left;
	margin:4px 0 4px 0;
	width:100%;
}
.blog-comment-fieldset ul li label {
	float:left;
	margin:0 0 0 12px;
}
.bc-input {
	float:left;
	width:210px;
}
.bc-textarea {
	height:124px;
	float:left;
	overflow:hidden;
	width:494px;
}
.bc-submit {
	border:0 none;
	float:left;
	padding:3px 12px 3px 20px;	
}

/* START blog styles */
.blog-categ {
	float:left;
	width:100%;
	padding-bottom:10px;
	margin-bottom:20px;
}
.blog-categ h3 {
	float:left;
	margin:2px 10px 0 10px;
	width:301px;
}
.blog-categ ul {
	float:left; 
	margin:10px 0 0 0; 
	width:100%;
}
.blog-categ ul li {
	float:left;
	margin-left:10px;	
	color:#a1a1a1;
}
.blog-categ ul li a {
	float:left;
	display:block;
	width:290px;
	padding:5px 0 5px 8px;
}
.blog-entry {
	float:left;
	width:100%;
	padding-bottom:32px;
	margin-top:6px;
}
.interior-content .blog-entry h2 {
	font-size:26px;
	margin-top:-8px;
}
.blog-categ select {
	margin:6px 0 0 10px;
	width:130px;
}
.blog-entry .more-link {
	margin:6px 0 4px 0;
	float:left;	
}
/* END blog styles */


/* START services styles */

.service-block {
	float:left;
	margin:14px 12px 0 0; 
	padding-bottom:16px;
	width:300px;
}
.service-block h4 {
	margin-bottom:-3px;	
}

.service-img {
	float:left;
	margin:0 8px 0 0;
	width:52px;	
}
.service-txt {
	float:left;
	width:240px; 
	margin-top:-8px;	
}

/* END services styles */

.ih-date {
	color:#a1a1a1;
	display:block;
	margin:0 0 0 16px;
}
.left-img {
	float:left;
	margin:6px 14px 0 0;
}
.right-img {
	float:right;
	margin:6px 0 0 14px;
}
.bq-detailpage {
	float:right;
	width:236px;
	margin-left:10px;
}
.bq-detailpage .bq-author {
	text-align:right;
}
/* START right box services list styles */
.services-box {
	float:left;
/*	margin-top:14px; */ /*uncomment this line if you don't want services box in the right menu to be the top/first box in the right */
	width:311px;
}
.services-box h3 {
	float:left;
	margin:2px 0 0 10px;
	width:291px;
}
.services-box p {
	float:left;
	margin-left:11px;
	width:297px;
}
.services-box-list {
	float:left;
	margin:6px 0 3px 10px;
	width:291px;	
}
.services-box-list li {
	float:left;
	margin:2px 0 2px 0;
	width:100%;	
}
.services-box-list li a {
	display:block;
	margin-left:20px;
	width:160px; /* change this width if the name of right services box list is too long */
}
/* END right box services list styles */

/* START about us box */
/*
.aboutus-box {
	float:left;
	margin-top:14px; 
	padding-bottom:14px;	
	width:311px;
}
.aboutus-box h3 {
	float:left;
	margin:2px 0 0 10px;
	width:291px;
}
.aboutus-box p {
	float:left;
	margin-left:11px;
	width:297px;
}
.aboutus-box .body-rm {
	margin:3px 0 0 10px;
}
*/
/* END about us box */

/* START contact form styles */
.contact-fieldset {
	float:left;
	width:100%;

}
.contact-fieldset ul {
	float:left;
	margin-top:10px;
	width:100%;
}
.contact-fieldset ul li {
	float:left;
	margin:12px 0 0 0;
	width:100%;
}
.contact-fieldset ul li label {
	float:left;
	width:100px;
	margin-top:1px;
}
.contact-input {
	float:left;
	width:210px;
	margin:0;
	padding:2px 4px 1px 4px;
	height:15px;
}
.contact-textarea {
	height:140px;
	float:left;
	overflow:hidden;
	width:390px;
}
.contact-submit {
	border:0 none;
	float:left;
	height:22px;
	margin-left:100px;
	padding:0 10px 1px 22px;

}
/* END contact form styles */

/* START map and address styles */
.address-box {
	float:left;
	padding-bottom:10px;	
	width:100%;
	margin-bottom:22px;
}
.address-box h3 {
	float:left;
	margin:2px 0 0 10px;
	width:291px;
}
.address-box .map-img {
	margin:10px 0 0 11px;
}
.address-box .map-txt {
	float:left;
	padding-bottom:6px;	
	position:relative;
	left:11px;
	top:-2px;
	width:297px;
}
.address-box address {
	float:left;
	margin:2px 0 0 11px;
	width:297px;
}
.address-box address span {
	display:block;
	margin:6px 0 0 0;
}
/* END map and address styles */

/* START news list styles */
.newslist-wrapper li .more-link {
	background:none;
	padding:0;
	margin:0 0 0 84px;
}
.newslist-wrapper li .more-link:hover {
	background:none;
	text-decoration:underline;
	padding:0;	
}
.ih-rss {
	display:block;
	margin:0 0 0 16px;
	padding-bottom:4px;
}
.ih-rss img {
	margin-right:5px;
	position:relative;
	top:3px;
}
.newslist-wrapper, .newslist-wrapper-int {
	float:left;
	width:100%;
	padding-bottom:24px;
}
*:first-child+html .newslist-wrapper, *:first-child+html .newslist-wrapper-int  { /* this applies only to ie7 */
	padding-bottom:6px;
}
.newslist-wrapper li, .newslist-wrapper-int li {
	float:left;
	width:100%;
	margin:8px 0 0 0;
}
.newslist-wrapper li .news-img, .newslist-wrapper-int li .news-img {
	float:left;
	margin:0 12px 0 0;
	padding-bottom:8px;
	width:72px;
}
.newslist-date {
	padding:2px 0 4px 0;
	width:526px;
}
#left .interior-content .newslist-wrapper li h4, #left .interior-content .newslist-wrapper li p {
	float:left;
	width:526px;
}
.newslist-content .more-link {
	float:left;
	width:100%;
	position:relative;
	top:-4px;
}
#left .interior-content .newslist-wrapper li h4, #left .interior-content .newslist-wrapper-int li h4 {
	margin:-3px 0 0 -1px;
}
#left .interior-content .newslist-wrapper li h4 a:hover, #left .interior-content .newslist-wrapper-int li h4 a:hover {
	text-decoration:underline;
}

.newslist-date {
	float:left;
	display:block;
	line-height:12px; 
}

#left .interior-content .newslist-wrapper li p, #left .interior-content .newslist-wrapper-int li p {
	margin:4px 0 0 0;
	padding:0 0 4px 0;
}
/* END news list styles */


/* START portfolio page styles */
#full {/* full content wrapper - use this class when you don't want to have body splitted into left and right standard containers */
	float:left;
	margin-top:18px;
	width:960px;	
}
#full .interior-header, #full .interior-header-detail {
	float:left;
	width:100%;
	padding-bottom:8px;
	margin-bottom:14px;
}
*:first-child+html #full .interior-header { /* this applies only to ie7 */
	padding-bottom:14px;
}
#full .interior-header h2, #full .interior-header h1 {
	float:left;
	margin:12px 14px -10px 14px;
	width:930px;	
}
#full .interior-header-detail h2, #full .interior-header-detail h1 {
	float:left;
	margin:12px 14px 6px 14px;
	width:930px;	
}
#full .intheader-paragraph {
	float:left;
	margin:14px 14px 8px 14px;
	width:924px;	
}
.h-detail {
	padding-bottom:10px;	
}

.portfolio-wrapper {
	float:left;
	width:990px;
	margin:0 0 0 -30px;
	padding-bottom:16px;
}
.portfolio-wrapper li {
	float:left;
	margin:16px 0 10px 30px;
	width:300px;
}
.portfolio-wrapper li h3 {
	float:left;
	padding-bottom:4px;
	width:300px;
}
.portfolio2-wrapper {
	float:left;
	width:1008px;
	margin:0 0 0 -48px;
	padding-bottom:16px;
}
.portfolio2-wrapper li {
	float:left;
	margin:16px 0 10px 48px;
	width:450px;
}
.portfolio2-wrapper li h3 {
	float:left;
	padding-bottom:4px;
	width:450px;
	
}
.portfolio2-wrapper li h3 a {
	text-decoration:none;	
}
.pdetail-img {
	margin-bottom:6px;
	float:left;	
}
/* END portfolio page styles */

.contact-error p, .contact-success p, .contact-jerror p {
	padding:0 10px 6px 10px;
}
.more-link {
	padding:3px 10px 3px 22px;
}
.previous-pag a, .next-pag a {
	padding:1px 10px 1px 22px;
	display:block;
	float:left;
}
.previous-pag a {
	margin-right:10px;
}

/* start comment styles */
#commentform {
	padding-bottom:10px; 
}
.commententry {
	float:left;
	width:100%;
	margin-top:12px;
}	
.commententry li, .commententry ul, .commententry ol {
	border:none; 
}
.commentlist, .commentlist li {
	clear:both;
	position:relative;
	list-style-type:none;
	padding:10px 0 0 0;
	background-image:none;
	margin-bottom:10px;
}
.commentlist {
	padding:0 0 0 64px;
	margin:0;
}
.commentlist li {
	margin-top:20px;
}
#respond {
	clear:both;
	width:100%;
}
#respond h3 {
	float:left;
	margin:0 0 -4px 0;	
}
#commentform p, fieldset p {
	clear:both;
}	
.commentlist .says {
	display:none; 
}
.commentlist .avatar {
	padding:2px;
	position:absolute;
	top:0;
	left:-64px;
	z-index:3; 
}
.commentlist .commentmetadata a {
	position:relative;
	font-size: 11px;
	text-decoration:none;
	line-height:12px;  
	left:0;
	top:-3px; 
}
.fn {
	font-weight:bold;
	font-style:normal;
	font-size: 12px;
	position:relative;
	top:-7px;
	left:0;	
}	
.fn a {
	text-decoration:none;
}
.reply {
	font-size:11px;
	position:absolute;
	top:56px;
	left:-46px;
	text-transform:lowercase;
}
.reply a {
	text-decoration:none;
}
.reply a:hover {
	text-decoration:underline;
}
.comment_nav {
	float:left;
	padding:16px 0 16px 0px;
	width:100%;
}
.comment_nav a {
	text-decoration:none;
	cursor:pointer; 
}
.comment_next a {
	float:right;
	padding:1px 10px 1px 22px;
	display:block;	
}
.comment_prev a {
	float:left;
	padding:1px 10px 1px 22px;
	display:block;	
}
.commentlist .children {
	padding-left:26px;
	padding-bottom:0;
}
.children li {
	padding-right:0; 
}
#cancel-comment-reply-link {
	float:right;
	height:26px;
	line-height:26px;
	margin-right:1px;
	position:relative;
	right:14px;
	text-decoration:none;
}
/* end comment styles */

/* start search and archive results pages */
.search-results-title, .archive-header {
	float:left;
	width:100%;
}
.search-results-title h3, .archive-header h3, .search-results-title h2, .archive-header h2, .search-results-title h1, .archive-header h1 {
	padding:8px 0 8px 14px;
}
.search-results {
	float:left;
	width:100%;
	margin-top:20px;
	padding:0 0 10px 0;
}
#left .interior-content .archive-results p {
	float:left;
}
.search-results h4 a, .archive-results h4 a  {
	text-decoration:none;
	color:#666;
}
.search-results h4 a:hover, .archive-results h4 a:hover {
	color:#666;
}
.search-results h2 a, .archive-results h2 a {
	text-decoration:none;
}
.search-results h4 a:hover, .archive-results h4 a:hover {
	text-decoration:underline;
}
.search-categ-display {
	float:left;
	width:100%;
	padding:3px 0 12px 0;
}
/* end search results and archive pages */

/* start slider dots styles */
#slideshow-wrapper {
	position:relative;
}
#nav {
	bottom:16px;
	height:9px;
	right:10px;	
	position:absolute;
	z-index:10; 
}
#nav a { 
	background:url(images/slide_bullet.png) no-repeat 0 0;  
	display:block;
	height:9px;	
	float:left;		
	margin:0 5px 0 5px;
	padding:0;
	text-decoration:none; 
	text-indent:-9999px;
	width:9px;	
}

#nav a.activeSlide { 
	background-position: 0px -9px;  		
}
#nav a:focus { 
	outline:none; 
}
#nav a {/* for ie6 only */
	font-size:0;
	line-height:0;
}
.slide-img {
	float:left;
	width:641px;
}
.hp-margin {
	margin:14px 0 0 0;
}
/* end slider dots styles */

.textwidget {
	padding:6px 0 0 10px;
	float:left;
}
/* START brochure styles */
.widget_mc_brochure {
	float:left;
	margin:0 0 20px 0;
	padding:0 0 8px 0;
	width:100%;
}
.widget_mc_brochure h3 {
	float:left;
	margin:0;
	padding-bottom:4px;
	width:232px;
}
.widget_mc_brochure img {
	float:left;
	margin:6px 10px 0 10px;	
	width:43px; 
}
.brochure-title {
	float:left;
	margin-top:8px;
	width:232px;
}
.widget_mc_brochure:hover {
	cursor:pointer;
}
/* END brochure styles */

/*start calendar styles */
.widget_calendar table {
	float:left;
	width:250px;
	height:200px;
	margin:10px 0 0 12px;

}
.widget_calendar table th {
	padding:6px 13px 6px 13px;	
}
.widget_calendar table td {
	text-align:center;
	padding:6px 13px 6px 13px; 	
}
/*end calendar styles */


.alignleft, img.alignleft, a img.alignleft {
	float:left; 
	margin:5px 12px 0 0;
}
.alignright, img.alignright, a img.alignright {
	float:right; 
	margin:5px 0 0 12px;
}
.alignleft img, .alignright img, .alignfwidth img {
	display:block;
}
.alignfwidth, img.alignfwidth, a img.alignfwidth {
	float:left; 
	margin:5px 0 0 0;
}

/* start toggle content */
h4.toggle {
	margin:0;
	padding:6px 0 10px 22px; 
	float:left;
}
h4.toggle a {
	text-decoration: none;
	display:block;
}
.toggle-content {
	clear:both;
	overflow:hidden;
	float:left;
	width:100%;
}
.toggle-space {
	float:left;
	width:100%;
	height:6px;	
}
#left .toggle-content .block, .toggle-content .block {
	padding:14px 20px 10px 20px;
	float:left;
}
.toggle-space {
	float:left;
	width:100%;
	height:6px;	
}
/* end toggle content */

#left .toggle-content .block p, .toggle-content .block p {
	margin:0;
	padding:4px 0 4px 0;
	float:left;
	width:100%;
}
.slideshow-rm {
	float:left;
	width:285px;
	margin:10px 10px 0 16px;	
}
.slc-wrapper {
	width:100%; 
	float:left;
}
.bullet-list {
	float:left;
	list-style:inside disc;
	margin:6px 0 0 6px;
}
.bullet-list li {
	list-style:inside disc;
	width:100%;
	margin:4px 0 0 0;		
}


ol {
	float:left;
	margin:6px 0 0 6px;	
}
ol, ol li {
	list-style:decimal inside;
}
ol li {
	float:none;
	margin-top:4px;	
}

.arrow-list {
	float:left;
	list-style:none;
	margin:6px 0 0 6px;
}
.arrow-list li {
	margin:4px 0 0 0;
	padding:0 0 0 17px;
}
.main-menu-wrapper .jqueryslidemenu ul li a, .ln-list li h6 a {
	text-decoration:none;
}
.logo-desc, .header-desc, .intheader-paragraph {
	font-size:13px;
	font-style:italic;
	font-weight:bold;
}
.slideshow-rm a:hover, .body-rm a:hover, .reverse-arrow a:hover {
	text-decoration:none;
}
.brochure-title h3 {
	line-height:24px;
}
#footer ul {
	font-size:11px;
}
#footer ul li a:hover { /* removes the underline on footer links on mouse over */
	text-decoration:none;
}
.blog-misc a:hover {
	text-decoration:underline;
}
.ui-tabs .ui-tabs-nav li a:hover, .blog-misc a:hover { /* removes the underline on tab names on mouse over */
	text-decoration:none;
}
.blog-categ ul li a {
	font-size:13px;
}
/* change the size of h4 header on portfolio and services pages */
.portfolio-wrapper li h4 {
	font-size:15px;
}
#left .interior-content .services-wrapper li .service-txt h4 {
	font-size:15px;
}

/* start wp pagination */
.wp-pagenavi {
	clear:both;
	position:relative;
	top:0;
	z-index:10;
}
.wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend {
	padding:3px 10px 3px 10px;
	display:inline-block;		
	text-decoration:none;	
	cursor:pointer;
	font-size:11px;
	margin:0 1px 0 0px;	
}
.wp-pagenavi a, .wp-pagenavi span.current {
	margin:0 1px 0 0;
}
.wp-pagenavi span.pages {
	float:right;
	padding-right:18px;
	display:block;
	cursor:pointer;
	cursor:text;
	background:none;
}
/* end wp pagination */

h3#comments {
	margin-bottom:-10px;	
}


.bilobaflickr_input label {
	display: block;
}
.bilobaflickr_item_box {
	margin: 15px 0 0 0;
	text-align: center;
	width: 100%;
}
.bilobaflickr_item_small {
	margin: 0 auto 10px auto;
	text-align: center;
	width: 240px;
}
.bilobaflickr_item_thumb {
	margin: 0 auto 10px auto;
	text-align: center;
	width: 100px;
}

/* START flickr */
.flickr {
	float:left;
	width:303px;	
}
*:first-child+html .flickr {
	padding-bottom:14px;
}
.flickr ul {
	float:left; 
	width:100%;
}
.flickr ul li {
	float:left;
	margin:0 13px 0 3px;	
	width:100px;
	padding-bottom:4px;
}
.flickr ul li img {
	display:block;	
}
.flickr ul li a, .flickr ul li a:hover {
	background:none !important;
	text-decoration:none !important;
	border:0 none !important;	
}
/* END flickr */

.aligncenter, img.aligncenter, a img.aligncenter { 
	display: block; 
	margin:10px auto !important; 
	text-align:center; 
}
.freespace {
	float:left;
	width:100%;
	height:12px;	
}

/* start columns styles */
.last {
	margin-right:0 !important;
	clear:right;
}
.int_one_half {
	float:left;
	width:298px;
	margin-right:16px;
	padding:14px 0 10px 0;
}
.one_half {
	float:left;
	width:465px;
	margin-right:30px;
	padding:14px 0 10px 0;	
}
.one_third {
	float:left;
	width:300px;
	margin-right:30px;
	padding:14px 0 10px 0;		
}
.two_third {
	float:left;
	width:630px;
	margin-right:30px;
	padding:14px 0 10px 0;		
}
.one_fourth {
	float:left;
	width:219px;
	margin-right:28px;
	padding:14px 0 10px 0;		
}

.int_one_half h2, .int_one_half h3, .int_one_half h4, .one_half h2, .one_half h3, .one_half h4 {
	margin-bottom:-5px;

}
/* end columns styles */
.white-space {
	float:left;
	width:100%;
	height:20px;	
}
.custom-button a {
	display:block;
	padding:3px 14px 2px 14px;
	float:left;
	margin:6px 0 0 0;
}
.arrow-button a {
	display:block;
	padding:3px 14px 2px 28px;
	float:left;
	margin:6px 0 0 0; 
}
.line {
	float:left;
	width:100%;
	height:1px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	margin-top:10px;
	padding:0 0 10px 0;
}
pre {
	margin:10px 0 10px 0px;
	padding:14px 0 14px 10px;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
	white-space:pre-wrap;
	overflow:auto;
	line-height:20px;
}
pre br {
	display:none;
}
.greenbox, .bluebox, .yellowbox, .redbox {
	margin-top:10px;
	padding:12px 14px 12px 14px;
	font-weight:bold;
	line-height:16px;
}
.greenbox a, .bluebox a, .yellowbox a, .redbox a {
	text-decoration:underline;
}
.highlight1, .highlight2 {
	padding:2px 1px 2px 1px;	
}
.flickr-wrapper img {
	width:111px;
	height:111px;
	float:left;
	margin:12px 0 0 12px;
	display:block;
}
/* #Tablet (Portrait)
================================================== */

/* this file contains styles for WHITE ORANGE THEME */
body {
	background:#fff;
	color:#666666;	
}
h1, h2, h3 {
	color:#f87b27; /* these headers have orange colour */
}
h4 {
	color:#666666;
}
a {
	color:#f87b27; /* links have an orange colour */
}
a:hover {
	color:#f87b27;
}
input, textarea {
	background:#fff;
	border:1px solid #b9b9b9;
	color:#767676; /* this is the text in the input forms */
}
input:focus, textarea:focus {
	background:#f5f5f5;
}
blockquote {
	background:#f5f5f5;
	color:#a1a1a1;	/* text colour in the blockqoutes */
}
pre {
	border:1px dotted #cbcbcb;
	border-left:10px solid #cbcbcb;
	background:#f5f5f5;
}
select {
	border:1px solid #b9b9b9;
}

.logo-desc, .header-desc { /* this is the italic text used an additional description for headers and detail pages */
	color:#cacaca; 
}
.header-wrapper {
	background:url('white_orange/menu_decoration.gif') no-repeat center bottom; /* this represents the line decoration for main menu */
}
.sf-menu li ul {
	border-top:1px solid #efefef; /* border top of first sub level menu */
	background:#fff;
}
.sf-menu li ul li ul {
	border-top:1px solid #efefef;	
}
.sf-menu li ul li a { 
	border-bottom:1px solid #efefef;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
	background:#fff;
	color:#7d7d7d;
}
.sf-menu li ul li a:hover { /* sub menus hover style */
	background:#fafafa;
	color:#f87b27;
}
.sf-menu li a {
	color:#7d7d7d;
}
.sf-menu li a:hover {
	background:#fff; /* background of tabs */
	color:#f87b27;
}
.sf-menu li li a:hover {
	background:#fafafa !important;	
}
.slide-desc {
	background:#f87b27;
}
.slide-desc h1 {
	color:#fff;
}
.slide-desc p { /* text colour in the right side of home slider */
	color:#fff;
}
.slide-desc .more-link { /* learn more styles in the home slideshow */
	background:#fff url(white_orange/slide_arrow.gif) no-repeat 7px 7px;
	text-decoration:none;	
}
.slide-desc a.more-link {
	color:#f87b27;
}
.slide-desc a.more-link:hover {
	color:#f87b27;	
	background:#fff url(white_orange/slide_arrow.gif) no-repeat 7px 7px;
}
.slide-txt { 
	background:url(white_orange/slide_tr.png) repeat-x top;	
}
.slide-txt h3 a, .slide-txt h3 { /* color of text header(with link) with the semi-transparent black background */
	color:#fff;
	text-decoration:none;
}
.latest-news, .newsletter, .brochure, .tabular-block, .widget, .services-box, .aboutus-box, .address-box {
	border-left:8px solid #efefef; /* border colour that separates left from right container */
}
.ln-list li h6 a { /* colour for latest news headers box */
	color:#828282;
	border-bottom:0 none;	
}
.ln-list li p {
	color:#666666;
}
.ln-list li h6 a:hover {
	color:#828282 !important;
	text-decoration:none; 
	border-bottom:0 none;
}
/* hover backgrounds for home news list and brochure, these 2 should be the same but I wrote them separately just in case */
.ln-list li:hover, .brochure-wrapper:hover {
	background:#f5f5f5;
}
/* end hover backgrounds */

.ln-date,  /* latest news date colour */
 /* next 2 classes are for article's date and comments in the blog section */
.blog-misc, 
.blog-misc a,
.ih-rss a, /* rss text on news page */
.newslist-date /* news date text on news page */ { 
	color:#a1a1a1;
}
/* START: read more / reverse arrow button that is found in the normal body gets those properties */
.body-rm { 
	background:#a3a3a3 url(white_orange/input_arrow.gif) no-repeat 3px 1px;
}
.body-rm a {
	color:#fff;
	text-decoration:none;
}
.body-rm a:hover {
	color:#fff;
}
.body-rm:hover { /* read more button hover styles */
	background:#f87b27 url(white_orange/input_arrow.gif) no-repeat 3px 1px;
}
.reverse-arrow { /* button with reversed arrow style, used for pagination */
	background:#a3a3a3 url(white_orange/reverse_arrow.gif) no-repeat 3px 1px;
}
.reverse-arrow a {
	color:#fff;
	text-decoration:none;
}
.reverse-arrow:hover {
	background:#f87b27 url(white_orange/reverse_arrow.gif) no-repeat 3px 1px;
}
/* END: read more body buttons styles */

/* START footer styles */
#footer {
	background:url(white_orange/footer_decoration.gif) no-repeat top center; /* this represents the line decoration for footer */
}
#footer ul li a { /* footer menu normal state colours */
	color:#666666;
}
#footer ul li a:hover { /* footer menu hover state colours */
	color:#f87b27;
}
/* END footer styles */

.interior-header, .interior-header-detail {
	background:#f5f5f5;
}
.intheader-paragraph, .interior-header p {
	color:#a1a1a1;
}
.arrow-list li {
	background:url(white_orange/body_arrow.gif) no-repeat 0 5px;	
}
/* START table styles */
.int-tbl thead tr td, .full-tbl thead tr td { /* table header background */
	background:#a3a3a3;	
	color:#fff;
}
.int-tbl tbody tr, .full-tbl tbody tr { /* table row line */
	border-bottom:1px solid #dadada;
}
.int-tbl .odd, .int-tbl .odd td, .full-tbl .odd, .full-tbl .odd td { /* table background for odd rows 1, 3, 5... */
	background:#fff;
}
.int-tbl .even, .int-tbl .even td, .full-tbl .even, .full-tbl .even td { /* table background for even rows 2, 4, 6... */
	background:#f5f5f5;
}
/* END table styles */

/* START tabular data */
.ui-tabs .ui-tabs-nav li a {
	/* default tab */
	background:#efefef;
	color:#828282;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background:#a3a3a3;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
	/* active or selected tab */
	background-color:#a3a3a3;
	color:#fff;
}
/* END tabular data */
.img-border, .img-border-nohover, .port-detail .attachment-full {
	border:6px solid #efefef;
}
.img-border:hover {
	border:6px solid #cacaca;
}
.blog-misc a:hover {
	text-decoration:underline;
}
/* general input buttons for search and newsletter forms, they might have same styles with blog/comments submit buttons */
.input-arrow {
	background:#a3a3a3 url(white_orange/input_arrow.gif) no-repeat 1px 1px;
}
.input-arrow:hover { /* mouseover colour on submit arrow for forms */
	background:#f87b27 url(white_orange/input_arrow.gif) no-repeat 1px 1px;
}
/* START blog comment form styles */
.form-submit #submit, .contact-submit {
	background:#a3a3a3 url(white_orange/input_arrow.gif) no-repeat 5px 3px;
	color:#fff;
}
.form-submit #submit:hover, .contact-submit:hover {
	background:#f87b27 url(white_orange/input_arrow.gif) no-repeat 5px 3px;
}
/* END blog comment form styles */

/* START blog right menu */
.widget ul li {
	color:#a1a1a1;		
}
.widget ul li a {
	border-bottom:1px solid #efefef;	
	color:#828282;
}
.widget ul li a:hover {
	background:#f5f5f5;
	border-bottom:1px solid #cacaca;
	color:#f87b27;	
	text-decoration:none;
}
.widget ul .bc-selected a {
	background:#f5f5f5;
	border-bottom:1px solid #cacaca;
	color:#f87b27;	
	text-decoration:none;
}
/* END blog right menu */
.blog-entry h2 a {
	color:#f87b27;
}
.pagination .page-number {
	color:#a1a1a1;
}
.services-box-list li {
	background:url(white_orange/body_arrow.gif) no-repeat 3px 6px;
}
.address-box span {
	color:#a7a7a7;
}
.address-box address span {
	color:#666666;
}
#left .newslist-wrapper h4 a, .portfolio-wrapper li h3 a, .portfolio2-wrapper li h3 a, .portfolio2-wrapper li h3, #left .services-wrapper li .service-txt h4 a {
	color:#666666;	
	text-decoration:none;
	/* these styles apply to header titles from list news, portfolio list and services list */
}
.portfolio-wrapper li h3 {
	color:#666666;		
}
.h-services-list li {
	background:url(white_orange/body_arrow.gif) no-repeat 2px 5px;
}
.more-link {
	color:#fff;	
	background:#c2c2c2 url(white_orange/input_arrow.gif) no-repeat 3px 3px;
}
a.more-link:hover {
	text-decoration:none;
	color:#fff;
	background:#f87b27 url(white_orange/input_arrow.gif) no-repeat 3px 3px;	
}
.previous-pag a, .next-pag a, .comment_next a {
	background:#a3a3a3 url(white_orange/input_arrow.gif) no-repeat 3px 1px;
	color:#fff;	
	text-decoration:none;	
}
.comment_prev a {
 	background:#a3a3a3 url(white_orange/input_arrow_rev.gif) no-repeat 3px 1px;
	color:#fff;	
	text-decoration:none;	
}
.previous-pag a:hover, .next-pag a:hover, .comment_next a:hover {
	background:#f87b27 url(white_orange/input_arrow.gif) no-repeat 3px 1px;
	color:#fff;	
	text-decoration:none;
}
.comment_prev a:hover {
	background:#f87b27 url(white_orange/input_arrow_rev.gif) no-repeat 3px 1px;
	color:#fff;	
	text-decoration:none;
}
.newslist-wrapper li .more-link:hover {
	color:#fff;
}
.jqueryslidemenu ul li a:hover, .jqueryslidemenu ul .current_page_item a {
	color:#f87b27;
}
.jqueryslidemenu ul .current_page_item ul a {
	color:#7d7d7d;
}
/* start comment section colours */	
.widget_calendar table td, .commentlist .avatar {
	border:1px solid #efefef;
}
.commentlist .commentmetadata a { 
	color:#a1a1a1;
}
.fn { 
	color:#666666;
}
.fn a {
	color:#f87b27;
}
/* end comment section colours */	
.newslist-date a {
	color:#a1a1a1;
}
.search-results-title, .archive-header { 
	background:#f5f5f5;	
}
.search-results-title h3, .archive-header h3 {
	color:#f87b27;
}
.search-results h4 a, .archive-results h4 a  {
	color:#666666;
}
.search-results h4 a:hover, .archive-results h4 a:hover {
	color:#666666;
}

/* start toggle content styles */
h4.toggle {
	background:transparent url(white_orange/toggle_icon.gif) no-repeat scroll 4px 13px;
}
h4.active {
	background:transparent url(white_orange/toggle_icon.gif) no-repeat scroll 4px -98px;
}
h4.toggle a {
	color:#555555;
}
h4.toggle a:hover {
	color:#555555;
}
h4.active a:link {
	color:#555555;
}
.toggle-content {
	background:#f5f5f5;
}
/* end toggle content styles */


/* start pagination */
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active, .wp-pagenavi span.current, .wp-pagenavi span.extend {
	background:#c2c2c2;
	color:#fff;		
}
.wp-pagenavi span.pages {
	color:#666666;			
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {	
	background:#f87b27;
	color:#fff !important;
}
/* end pagination */

.inputError, input[type="text"].inputError {
	border:1px solid #eda0a0;
}

.custom-button a, .arrow-button a {
	background:#c2c2c2;
	color:#fff;
}
.custom-button a:hover, .arrow-button a:hover {
	background:#f87b27;
	color:#fff;	
	text-decoration:none;
}
.arrow-button a {
	background:#c2c2c2 url(white_orange/input_arrow.gif) no-repeat 7px 4px;	
}
.arrow-button a:hover {
	background:#f87b27 url(white_orange/input_arrow.gif) no-repeat 7px 4px;	
}
.line {
	border-top:1px solid #efefef;	
}

.greenbox {
	border:1px solid #bae5cb;
	background:#daffe9;
	color:#378556;
}
.greenbox a {
	color:#378556;		
}
.bluebox {
	border:1px solid #89d8f5;
	background:#dff6ff;
	color:#3896bb;
}
.bluebox a {
	color:#3896bb;
}
.yellowbox {
	border:1px solid #e7d373;
	background:#fff7cf;
	color:#9f8b30;
}
.yellowbox a {
	color:#9f8b30;	
}
.redbox {
	border:1px solid #eda0a0;
	background:#fde3e3;
	color:#c14444;
}
.redbox a {
	color:#c14444;	
}
.highlight1 {
	background:#fff29c;				
}
.highlight2 {
	background:#eaeaea;		
}
.slide-desc a {
	color:#fff;
	text-decoration:underline;
}
.slide-desc { color:#fff; }

.menu-main-menu-container select {
	display: none;
}
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#body-wrapper, .flexslider, #full, .full-tbl { width:768px; }

	
	/* ------------------- slider styles ------------------- */
	.slide-img {
		width:456px !important;
		height:224px;
	}
	.slide-desc {
		width:286px !important;	
		height:198px;		
		padding:13px;
	}
	.flexslider { height:224px; }
	
	
	/* ------------------- structure styles ------------------- */	
	#left { width:310px; }
	#right { width:310px; }

	
	/* ------------------- titles styles ------------------- */
	.interior-header, .interior-header-detail { width:386px; }
	#full .interior-header { width:732px; }
	
	
	/* ------------------- column styles ------------------- */
	.intone-half {
		width:100%;
		margin-right:0;
		padding:6px 0 0 0;
	}
	.one-half { width:369px; }
	.one-third { width:236px; }
	.two-third { width:502px; }
	.one-fourth { width:171px; }
	
	
	/* ------------------- footer styles ------------------- */
	#footer .f-menu { width:446px; }
	.copyright { width:322px; }
	
	
	/* ------------------- table styles ------------------- */	
	.int-tbl { width:422px; }
	th, td { padding:6px 10px 6px 10px; }
	
	
	/* ------------------- portfolio 1 styles ------------------- */
	.portfolio-wrapper { width:798px; }
	.portfolio-wrapper li { width:232px; }
	.portfolio-wrapper li h3 { width:232px; }
	
	
	/* ------------------- portfolio 2 styles ------------------- */
	.portfolio2-wrapper { width:816px; }
	.portfolio2-wrapper li { width:354px; }
	.portfolio2-wrapper li h3 { width:354px; }
	
	
	/* ------------------- service block styles ------------------- */	
	.service-block {
		margin:14px 0 0 0; 
		padding-bottom:16px;
		width:100%;
	}
	.service-txt { width:360px; }	
	
	#footer{width: 100%;}
	#home-slider{width: 100%;}
	.sf-menu {
		right: 0;
	}
	.textwidget {
		width: 100%;
	}
	/* ------------------- contact styles ------------------- */		
	.contact-textarea { width:310px; }
	
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	#body-wrapper, .flexslider, #full, #footer, .full-tbl, .int-tbl { width:310px; }	
	
	
	/* main menu */
	.sf-menu { display:none; }
	.selectnav { display: block; width:320px; }
	#sidebar { display:none; }
	
	/* ------------------- header styles ------------------- */	
	.header-wrapper { padding-bottom:40px; }
	.hsearch-wrapper {
		position:relative;
		right:0;
		top:0px;
		margin:10px 0 10px 0; 
		float:left;
	}
	
	
	/* ------------------- slider styles ------------------- */
	.slide-img {
		width:320px !important;
		height:140px;
	}
	.slide-desc {
		display:none;
	}
	.flexslider, .slide-fimg { height:140px; }
	.slide-txt h3 { font-size:13px;}	
	
	
	/* ------------------- structure styles ------------------- */	
	#left { 
	    width: 100%;
		margin: 0;
		margin-top: 20px;
	}
	#right { display:none; }
	
	/* ------------------- column styles ------------------- */
	.intone-half {
		width:100%;
		margin-right:0;
		padding:6px 0 0 0;
	}	
	.one-half { width:100%; }
	.one-third { width:100%; }
	.two-third { width:100%; }
	.one-fourth { width:100%; }	
	
	
	/* ------------------- titles styles ------------------- */
	.interior-header, .interior-header-detail { width:283px; }
	#full .interior-header { width:283px; }
		
	
	/* ------------------- footer styles ------------------- */
	#footer .f-menu { width:100%; }
	.copyright { width:100%; float:left; text-align:left; margin:10px 0 20px 0; }
	
	
	/* ------------------- table styles ------------------- */	
	th, td { padding:6px 2px 6px 2px; }
	
	
	/* ------------------- portfolio 1 styles ------------------- */
	.portfolio-wrapper { width:320px; margin:0; }
	.portfolio-wrapper li { width:287px; margin:10px 0 0 0; }
	.portfolio-wrapper li h3 { width:287px; }
	
	
	/* ------------------- portfolio 2 styles ------------------- */
	.portfolio2-wrapper { width:318px; margin:0; }
	.portfolio2-wrapper li { width:306px; margin:10px 0 10px 0; }
	.portfolio2-wrapper li h3 { width:306px; }	
	
		
	/* ------------------- service block styles ------------------- */	
	.service-block {
		margin:14px 0 0 0; 
		padding-bottom:16px;
		width:100%;
	}
	.service-txt { width:259px; }
	
	
	/* ------------------- alignment styles ------------------- */	
	.alignleft, img.alignleft, a img.alignleft {
		float:none; 
		display:block;
		margin:5px 0 5px 0;
	}
	.alignright, img.alignright, a img.alignright {
		float:none; 
		display:block;		
		margin:5px 0 5px 0;
	}
	/* ------------------- contact styles ------------------- */		
	.contact-textarea { width:210px; }		
	
	#home-slider{
		width: 100%;
	}
	.menu-main-menu-container select {
		width: 100%;
		padding: 10px;
		background: transparent;
		display: block;
	}
	.menu-main-menu-container select option {
		font-size: 16px;
	}
	.main-menu-wrapper {
		background: tranparent;
	}
}



/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#body-wrapper, .flexslider, #full, #footer, .full-tbl, .int-tbl { width:480px; }	

	/* main menu */
	.sf-menu { display:none; }
	.selectnav { display:block; width:480px; }	
	
	/* ------------------- slider styles ------------------- */
	.slide-img {
		width:480px !important;
		height:200px;
	}
	.slide-desc { display:none; }
	.flexslider, .slide-fimg { height:200px; }
	.slide-txt h3 { font-size:18px; }

	
	/* ------------------- structure styles ------------------- */	
	#left { width:480px; }		
	
	
	/* ------------------- titles styles ------------------- */
	.interior-header, .interior-header-detail { width:386px; }
	#full .interior-header { width:732px; }
	
		
	/* ------------------- titles styles ------------------- */
	.interior-header, .interior-header-detail { width:444px; }
	#full .interior-header { width:444px; }
	
	
	/* ------------------- table styles ------------------- */	
	th, td { padding:6px 10px 6px 10px; }
	
	
	
	/* ------------------- portfolio 1 styles ------------------- */
	.portfolio-wrapper { width:498px; margin:0 0 0 -30px; }
	.portfolio-wrapper li { width:218px; margin:10px 0 0 30px; }
	.portfolio-wrapper li h3 { width:218px; }
	
	
	/* ------------------- portfolio 2 styles ------------------- */
	.portfolio2-wrapper { width:478px; margin:0; }
	.portfolio2-wrapper li { width:450px; margin:10px 0 10px 0; }
	.portfolio2-wrapper li h3 { width:450px; }
	
	
	
	/* ------------------- service block styles ------------------- */	
	.service-txt { width:418px; }
	
	

	/* ------------------- alignment styles ------------------- */		
	.alignleft, img.alignleft, a img.alignleft {
		float:left; 
		margin:5px 12px 0 0;
	}
	.alignright, img.alignright, a img.alignright {
		float:right; 
		margin:5px 0 0 12px;
	}
	
	
	/* ------------------- contact styles ------------------- */		
	.contact-textarea { width:370px; }	
	
	#home-slider{
		width: 100%;
	}
	
	.main-menu-wrapper {
		background: transparent !important;
	}
	.menu-main-menu-container select {
		width: 100%;
		padding: 5px 10px;
		background: transparent;
		display: block;
	}

}