@import "screen/base.css";
@import "screen/layout.css";
@import "screen/image.css";
@import "screen/text.css";
@import "screen/color.css";

/* Blog */

#banner-secondary-blog {
	background: url(../images/site/background-banner-secondary-blog.gif) top center;
	margin: 0 auto 0px auto;
	padding: 0px;
	width: 996px;
	height: 77px;
	position:relative;
	z-index:90;
	 
}

#content-left-blog 
	{
	float:left;
	width:940px;
	margin-left:10px;
	}
	
#content-left-blog-detail 
	{
	float:left;
	width:650px;
	margin-left:10px;
	}
	
#content-right-blog 
	{
	position:absolute;
	left:790px;
	top:4px;
	margin: 0px;
	padding:0px;
	}
	
#blog-home-header-left 
	{
	float:left;
	padding: 15px 10px 8px 8px;
	margin: 0px;
	}
	
#blog-home-header-right 
	{
	float:right;
	padding: 20px 15px 0px 8px;
	margin: 0px;
	}
	
#content-right-blog-home 
	{
	position:absolute;
	left:961px;
	top:622px;
	margin: 0px;
	padding:0px;
	}
	
#content-right-blog-detail 
	{
	float:right;
	margin: 0px;
	padding:0px;
	width: 270px;
	}

div.transbox-blog  
	{
	float:left;
	margin: 10px 5px 5px 7px;
	width:450px;
	padding:10px 0px 0px 0px;
	float:left;
	background-image: url(../images/site/background-portfolio.jpg);
	background-repeat:repeat-x;
	background-color:#042B4E;
	border: 1px solid #042B4E;
	}
	
div.transbox-blog-home 
	{
	float:left;
	margin: 5px 0px 5px 7px;
	width:450px;
	padding:0px 0px 0px 0px;
	float:left;
	background-image: url(../images/site/background-portfolio.jpg);
	background-repeat:repeat-x;
	background-color:#042B4E;
	}
	
div.transbox-blog-detail  
	{
	float:left;
	margin: 10px 5px 5px 7px;
	width:595px;
	padding:10px 0px 0px 0px;
	float:left;
	background-image: url(../images/site/background-portfolio.jpg);
	background-repeat:repeat-x;
	background-color:#042B4E;
	border: 1px solid #042B4E;
	}

div.transbox-blog-right  
	{
	padding-bottom:10px;
	}
	
h1.blog
	{
	}

h2.blog
	{
	padding-top:0px;
	margin-top:5px;
	}

h3.blog
	{
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:5px;
	padding-top:0px;
	font-size:15px;
	FONT-WEIGHT: normal;
	}
	
h3.blog-detail
	{
	COLOR: #ffffff;
	FONT-SIZE: 19px; 
	FONT-WEIGHT: bold;
	margin-bottom:5px;
	margin-top:10px;
	}
	
h3.blog-comments
	{
	margin-bottom:0px;
	margin-top:20px;
	border-top: dotted #cccccc 1px;
	padding-top:10px;
	padding-bottom:10px;
	}
	
p.view-post{
	border-bottom: dotted #cccccc 1px;
	padding-bottom:10px;
	margin-bottom:10px;
	}
	
p.blog-comment
	{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	font-style:italic;
	}
	
p.blog-content
	{
	font-size:11px;
	line-height:150%;
	}
	
p.blog-comment-text
	{
	margin-top:0px;
	padding-top:0px;
	margin-bottom:20px;
	}
	
p.blog-comment-title
	{
	}
	
p.blog-yourname-title
	{
	}

p.blog-youremail-title
	{
	}

p.blog-submit-button
	{
	}
	
p.blog-comment-tag
	{
	padding-top:0px;
	margin-bottom:0px;
	}
	
p.blog-comment-form
	{
	padding-top:0px;
	margin-top:0px;
	}
	
p.blog-date
	{
	margin-top:0px;
	padding-top:0px;
	font-style:italic;
	}
	
p.blog-bold
	{
	padding-top:0px;
	margin-top:5px;
	font-weight:bold;
	font-size:10px;
	}
	
p.blog-category
	{
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	}
	
.social-media
	{
	padding-left:10px;
	padding-top:10px;
	}
	
input.blog-text-field 
	{
	color:#000000;
	}

textarea.comment 
	{
	width:500px;
	}
	
input.blog{
    margin-top:10px;
    color:#ffffff;
    font-size:15px;
    font-weight:normal;
    background-color:#C5916A;
    border:1px solid ;
    padding:15px;
    border-top-color:#ffffff;
    border-left-color:#ffffff;
    border-right-color:#ffffff;
    border-bottom-color:#ffffff;
}



.calendarmonthdetail-blog
{
	position:absolute;
	margin-left:10px; 
	font-size:9px;
	font-weight:normal;
	color: #ffffff;
	margin-top:1px;
	
	 
	
}

.calendardaydetail-blog
{
	font-size: 18px;
    font-weight: normal;
    margin-left: 9px;
    margin-top: 15px;
    position:absolute;
	


}

/* Services jquery hide reveal */

.demo {
  margin:0px 0px 20px 5px;
  padding:0px;
  position:relative;
  overflow:hidden
}
.collapse p {padding:0 10px 1em}

.switch {position:absolute; top:1.5em; right: 1.5em; padding:3px}

.post .switch {position:static; text-align:right}

.post .main{margin-bottom:.3em; padding-bottom:0}

.other ul, .summary {margin-bottom:.3em; padding:1em; border:1px solid #e8e7e8; background-color:#f8f7f8}

.other ul {margin-bottom:1em; list-style-type:none;}

.expand{
	width: 920px;
	margin: 10px;
	padding: 0px;
	background-image: url(../images/site/background-callout-services.png);
	background-repeat:no-repeat;
	height:30px;
	padding: 21px 10px 0px 10px;
	margin-bottom:0px;
}

.collapse{
	width:895px;
	margin-left:10px;
	padding:10px 10px 0px 10px;
	background-color:#042B4E;
	background-image: url(../images/site/background-callout-services-background.png);
	background-repeat:repeat-x;
	border-left: #042B4E solid 2px;
	border-right: #042B4E solid 2px;
	border-bottom: #042B4E solid 2px;
}


p.service-jquery{
	margin:0px;
	line-height:160%;
	font-size:14px;
}

h4.services-jquery{
	margin-bottom:10px;
	font-size:17px;
	width:450px;
	padding:10px;
	border: 2px solid #9ED5D9;
	background-color:#5FC2DA;
}

h5.service-jquery{
	margin-bottom:10px;
	margin-top:0px;
	Color:#ffffff;
	font-size:17px;
}

.services-panel-left{
	float:left;
	width:500px;
}

.services-panel-right{
	width:390px;
	float:left;
}

ul.bullets-jquery
{
	list-style-type:square;
	border:none;
	margin-left:25px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:20px;
}

.featured-jquery {
	margin: 10px 5px 5px 10px;
	width:350px;
	padding:10px;
	float:left;
	background-image: url(../images/site/background-portfolio.jpg);
	background-repeat:repeat-x;
	background-color:#042B4E;
	border: 1px solid #042B4E;
}

 .services-jquery-link A:link, visited, active, hover {
	color:#3FD7DF;
	font-weight:bold;
	font-size:10px;
	padding-top:10px;
	}
.services-jquery-link  A:visited {
	color:#3FD7DF;
	font-weight:bold;
	font-size:10px;
	padding-top:10px;
	}
.services-jquery-link k A:active {
	color:#3FD7DF;
	font-weight:bold;
	font-size:10px;
	padding-top:10px;
	}
.services-jquery-link  A:hover {
	color:#3FD7DF;
	font-weight:bold;
	font-size:10px;
	padding-top:10px;
	}
	
@media screen and (-webkit-min-device-pixel-ratio:0){
	
	.calendarmonthdetail-blog
	{
	 
	margin-top:2px; 
	
	} 
	
 
	
	a, a:link {
    color: #3FD7DF;
}
}