/* 

CHANGE COLOR STYLE

*/

body {
	color:#555;
	background:#fff;
	border-top:2px solid #4e5255;
}


/*============================================== GENERAL SECTION ==============================================*/
a{color:#3bb4ff;}
a:hover, a.colortext:hover, .colortext a:hover, .morelink:hover{color:#333;}
#logo h1 a, #logo h1 a:visited{color:#333;}



/* Heading & text */
h1, h2, h3, h4, h5, h6, .title{color:#333;}


.title-wrapper h2{ color:#165d88; background:#fff;}
.title-wrapper{
    border-bottom: 1px solid #eaeaea;
    position: relative;
    z-index: 10;
	height:20px;
	text-align:center;
}

.title-wrapper:before{
    background: #FFFFFF;
    border-bottom: 1px solid #eaeaea;
    bottom: 3px;
    content: "";
    display: block;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1;
}

/*============================================== HEADER AND MENU SECTION ==============================================*/

#outerheader .container{ 
/*	background:url(../images/opacity.png) repeat-x;*/
	background-color: rgba(0, 0, 0, 0.5);
}
#topright{ color:#fff;}

.call{ background:url(../images/icons/call.png) no-repeat 0px 2px;}

#nav-wrap{background:#fff;}
.sf-menu a, .sf-menu a:visited{color:#333;}/* 1st level */
.sf-menu a:hover, .sf-menu li.current > a{color:#fff;   }/* 1st level */

.sf-menu > li:hover, .sf-menu > li.current{background:#3bb4ff;}

.sf-menu li li:hover, .sf-menu li li.current{background:#3bb4ff;}


/* dropdown */
.sf-menu li li{background:#fff; }
.sf-menu li li a{color:#333;}

.sf-menu li li a:hover, sf-menu li.current li a{ color:#fff;}
.sf-menu li li:hover, .sf-menu li li.current{background:#3bb4ff;}
.sf-menu ul{background:url(../images/menu-arrow.png) no-repeat 20px 0;}
.sf-with-ul{}
.sf-menu li li {}
.sf-menu li li:first-child{}
.sf-menu li li:last-child{}

.tinynav{background:#fff; border:1px solid #eaeaea;}

#icon-src{background: url(../images/search.png) no-repeat;}

/* Social */
.sn .twitter{background:url(../images/social/twitter.png)}
.sn .facebook{background:url(../images/social/facebook.png)}
.sn .google{background:url(../images/social/google.png)}
.sn .rss{background:url(../images/social/rss.png)}
.sn .pinterest{background:url(../images/social/pinterest.png)}


/*============================================== SLIDER SECTION ==============================================*/
.flex-caption h1{color:#333}
.flex-caption { color:#555; background:url(../images/bg-title-slider.png) no-repeat center;}


/*============================================== BEFORE CONTENT SECTION ==============================================*/
#outerbeforecontent{ border-bottom:5px solid #165d88;}
#breadcrumbs{ background:#000; color:#ddd;}
#breadcrumbs a{ color:#fff;}
#pagetitle-container{}

.pagetitle{ color:#fff;}

/*============================================== CONTENT SECTION ==============================================*/



.featuredpages h2 a{ color:#333;}

ul.services li h2{ color:#666;}
ul.services li a:hover h2{ color:#333;}


.frame{
    position: absolute;
	width:100%; height:100%;
	-moz-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.5);
	-webkit-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.5);
	box-shadow: inset 0 0 0 5px rgba(255,255,255,0.5);
}


/* Form */
input[type="text"], input[type="email"],
textarea, input[type="password"], select{
	border:solid 1px #eaeaea;
	color:#666;
	background:#fafafa;
}
label{ color:#666;}
span.required{ color:#f00;}


#contactform input.text-input, #contactform textarea{
	-moz-box-shadow: inset 3px 3px 3px -1px #ededed;
	-webkit-box-shadow: inset 3px 3px 3px -1px #ededed;
	box-shadow: inset 3px 3px 3px -1px #ededed;
}


/* Horizontal Line */
hr {
	color:#eaeaea;
	background-color:#eaeaea;
}

.separator {
    border-bottom: 1px solid #eaeaea;
    position: relative;
    z-index: 10;
}

.separator:before {
    background: #FFFFFF;
    border-bottom: 1px solid #eaeaea;
    bottom: 3px;
    content: "";
    display: block;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1;
}


/*=== Highlight Content ===*/
.highlight-content { background: #3bb4ff url(../images/icon.png) no-repeat right top; color:#fff;}
.highlight-content h2{ color:#fff;}
.highlight-content a.button{ background:#000;}
.highlight-content a.button:hover{ background:rgba(0,0,0, 0.7);}



/* Button */
.button, .button:visited, input[type="submit"], #nav-wrap #searchform .searchbutton{
	background: #3bb4ff;
	color:#fff;
	border:0;
}
.button:hover, input[type="submit"]:hover, #nav-wrap #searchform .searchbutton:hover{
	background: #3bb4ff;
	color:#fff;
	border:0;
}

/* Blockquote */
blockquote{
    background-image: url("../images/quote.png");
    background-position: 0 0;
    background-repeat: no-repeat;
	color:#777;
}

blockquote span{ color:#333;}

/* Dropcaps */	
.dropcap1{text-shadow:1px 1px 0 #ededed; color:#333}
.dropcap2{color:#333; background:#f8f8f8; border:1px solid #f0f0f0;}		
.dropcap3{color:#333; background:#f8f8f8; border:1px solid #f0f0f0;}	

/* Highlight */
.highlight1{color:#fff; background:#333}	
.highlight2{background:#efefef;  border:solid 1px #f7f7f7}
.highlight3{border-bottom:dotted 1px #000}

/* Code */
code {
	border-left:4px solid #e9e9e9;
}

/*  */
.circle{ background:#3bb4ff;}

/* Tabs */
ul.tabs li {
	background: #f0f0f0;
	color:#333;
	border-right:1px solid #fff;
	border-top:2px solid #888;
}

ul.tabs li:first-child{ border-left:0px} 
ul.tabs li a {color:#333;}
ul.tabs li.active{
	background: #f9f9f9;
	color:#333;
	border-bottom:1px solid #f9f9f9;
	border-top:2px solid #3bb4ff;
}
html ul.tabs li.active a{ color:#3bb4ff; }
.tab-body{ border:0px; background: #f9f9f9;}

/* Tabs2 */
.tabcontainer2 ul.tabs li {
	border:1px solid #ededed;
	border-width:1px 1px 0px 0px;
	background:url(../images/bg-tab2.png) repeat-y right;	
}
.tabcontainer2 ul.tabs li:first-child{ border-top:0px!important;}
.tabcontainer2 ul.tabs li a {color:#333;}
.tabcontainer2 ul.tabs li.active { background-color:#fff; background-image:none; border-right:1px solid #fff; border-top:1px solid #ededed; }
.tabcontainer2 html ul.tabs li.active a{color:#3bb4ff; }
.tabcontainer2 .tab-body{ border:0px;}


/* jQuery Toggles */
h2.trigger{color:#333;}
h2.trigger span {color:#333; background: url(../images/document-icon-36560.png) no-repeat 10px 5px;}
h2.trigger.active span, h2.trigger span:hover{ color:#3bb4ff;}
h2.active span{ background:url(../images/arrow-minus.png) no-repeat 10px 5px;}

/* Accordion */
h2.accordion-title{color:#333;}
h2.accordion-title.active{color:#3bb4ff;}
h2.accordion-title span.accordion-icon{ background: url(../images/document-icon-36560.png) no-repeat 10px 5px; }
h2.accordion-title.active span.accordion-icon{background:url(../images/arrow-minus.png) no-repeat 10px 5px;}


/* Tables */
th{
	background: #f8f8f8; /* for non-css3 browsers */
	color:#333;
	border-bottom: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
}
thead th{border-right: 1px solid #eaeaea!important;}
table {border: 1px solid #eaeaea;border-bottom:0; border-right:0px;}
tr td {border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
tr.odd td {background: #F2F7FC;}


/* Tagcloud */
.tagcloud a{background:#3b3b3b; color:#eee!important;}
.tagcloud a:hover{background:#3b3b3b; color:#888!important;}


/*============================================== BLOG SECTION ==============================================*/

.post {
    border-bottom: 1px solid #eaeaea;
    position: relative;
    z-index: 10;
}

.post:before  {
/*    background: #FFFFFF;*/
    border-bottom: 1px solid #eaeaea;
    bottom: 3px;
    content: "";
    display: block;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1;
}

.posttitle a, .posttitle a:visited{color:#333;}
.posttitle a:hover{color:#3bb4ff}

.entry-comment{ background:#303030;}
.entry-comment a, entry-comment a:visited{color:#fff}

.entry-utility{ color:#999;}
.entry-utility a, .entry-utility a:visited{ color:#666;}
.entry-utility a:hover{color:#3bb4ff}

.date-wrapper{ color:#333;}
.header-wrapper .tags{ background:#3bb4ff; color:#fff;}
.header-wrapper .tags a{ color:#fff;}


#entry-author-info{ background:#fafafa;}

#comment h3{ padding-bottom:10px; margin-bottom:30px;}
.commenttext{}
.tdate, .reply a, .reply a:visited{color:#666; }
.comment-body{}
.fn, .fn a, .fn a:visited{color:#165d88;}
.reply a:hover, .fn a:hover{color:#165d88}
.comment-arrow{ }

.wp-pagenavi a, .wp-pagenavi a:visited{color:#555; }
.wp-pagenavi .current, .wp-pagenavi a:hover{color:#3bb4ff;}

/*============================================== PORTFOLIO SECTION ==============================================*/
#filter{ background:#fff;}
#filter li{ border-left:1px solid #cdcdcd}
#filter li:first-child{ border-left:0px;}
#filter li a{ color:#555; }
#filter li.current a, #filter li a:hover{color:#3bb4ff;}
#filter li.current{ }


.ts-pf-text h2 a, .ts-pf-text h2 a:visited{color:#333;}
.ts-pf-text h2 a:hover{color:#3bb4ff;}

.ts-pf-info{ background:#3bb4ff; color:#fff;}
.ts-pf-info .btn-zoom{background:url(../images/zoom.png) no-repeat;}

/*============================================== SIDEBAR SECTION ==============================================*/

#sidebar li li{ background:url(../images/arrow.png) no-repeat 0 9px; }
#sidebar li li{ border-top:1px solid #eaeaea;}
#sidebar li li:first-child{ border-top:0px;}

#sidebar li a, #sidebar li li a{color:#333}
#sidebar li a:hover, #sidebar li li a:hover, #sidebar li li a.current{color:#3bb4ff;}

/* Recent Post */
#sidebar .ts-recent-post-widget li{ background:none;}
#sidebar .ts-recent-post-widget li h3 a{color:#333;}
#sidebar .ts-recent-post-widget li h3 a:hover{color: #3bb4ff;}
#sidebar .ts-recent-post-widget .smalldate{ color:#999;}
.ts-recent-post-widget li{border:0;}
.ts-recent-post-widget li h3 a{ color:#ccc;}
.ts-recent-post-widget .smalldate{color:#777;}
#footer .ts-recent-post-widget li .recent-postimg{ border:4px solid #2a2a2a;}

/* Search */
#nav-wrap #searchform .bgsearch{ background:#fff;}
#searchform .bgsearch {background: #f8f8f8;}
.searchbutton {
    background-image: url(../images/search.png)!important;
	background-position: 8px 4px;
	background-repeat:no-repeat!important;
}


.map{ background:url(../images/bg-map.png) no-repeat;}



/*============================================== FOOTER SECTION ==============================================*/

#outerfootersidebar{ border-top:5px solid #165d88;}
#outerfootersidebar, #outerfootersidebar .container{ background:#303030}
#footer h2{color:#fff;}
#footer{ color:#ccc}
#footer a, #footer a:visited{color:#eee;}
#footer a:hover{color:#888;}

#footersidebar .widget-title{}

#outercopyright, #outercopyright .container{ background:#303030}
#outercopyright #copy-wrapper{ border-top:1px solid #3b3b3b;}