@import "css/reset.css";
@import "css/common-classes.css";
@import "css/basic.css";
@import "css/comments.css";
/*
Theme Name: CrossDistinction 1.4.1
Theme URI: http://crossdstinction.com
Description: The theme developed for the launch of CrossDistinction.com
Author: Delaney Brown
Author URI: http://crossdistinction.com
Version: 1.0
Tags: cross, cross distinction, distinction

*/

body{font-family:Arial, sans-serif; text-align:center;
}
hr{
	clear:both;
	border-bottom:1px solid #6287AF;	
	border-top:1px solid #304E6F;
	margin:10px 0;
}
.ccf-tooltip{z-index:100;} 
.no-border{border:none;}
.blog-see-demo,.blog-download-source{
	text-align:center;
	display:block;
	width:200px;
	height:80px;
	background:url(img/blog-demo-download.jpg) no-repeat;
	text-indent:-9999px;
	margin-top:10px;
	margin-bottom:10px;
	}
.blog-see-demo{
	float:left;
	background-position:0 0;
	margin-left:10%;
	}
.blog-download-source{
	float:right;
	background-position:0 -81px; 
	margin-right:10%;
	}
.social-share{float:right;width:90px;}
.social-share a{margin:0;}
#header-wrapper{background:#29435f;border-bottom:1px solid #1F3145;}
header{
	background:#29435F url(gr/header-bg.jpg) -30px 0 no-repeat;
	height:85px;
	width:960px;
	margin:0 auto;
	}
header a{
	color:#fff;
	font-weight:normal;
	float:right;
	background:url(gr/social-sprite.jpg) no-repeat;
	display:inline-block;
	padding-left:35px;
	padding-top:5px;
	margin:25px 10px 0 10px;
	height:28px;}
#plusone{float:right;}
header a.home{text-indent:-9999px;width:430px;height:80px;float:none;background:none;padding:0;margin:0;float:left;}
header a.twitter{background-position:0 -40px;}
header a.facebook:hover{color:#ccc;background-position:0 -80px;}
header a.twitter:hover{color:#ccc;background-position:0 -120px;}
header a.google{background:none;padding-left:5px;margin-right:0;}
#nav-wrapper{background:#385B83 url(gr/main-nav-bg.jpg) repeat-x;border-top:1px solid #4876A8;border-bottom:1px solid #4876A8;position:relative;z-index:1000;}
nav{width:960px;margin:0 auto;text-align:left;}
nav ul li{float:left;position:relative;_margin-bottom:-3px;margin-bottom:-2px;padding-right:0px;} /*-2px used to allow 2nd level to format correctly on hover, right padding makes dropdown look right*/
nav ul li a{font-family:Arial;
	font-size:1em;
	color:#fff;
	display:block;
	margin:3px 30px 5px 0;
	padding:3px 10px;
	font-weight:normal;
}
nav ul li:hover a{background:#22384F;border-radius:3px;}/*hovering the li makes the background stay visible when on the second list*/
nav ul li:hover li a{background:none;}/*cancel this out for second list*/
/*second level formatting*/
nav ul ul{ /* hide second level  */
	position:absolute;
	left:-9999px;
	background:#315073;
	border-radius:0;
	border:1px solid #263F59;
	border-top:4px solid #263F59;
}
nav ul ul li{
	margin-top:0px;
	border-bottom:1px solid #395E86;
	width:100%;
}
nav ul ul li:last-child{border-bottom:none;}
nav ul ul li a{
	font-size:.9em;
	color:#fff;
	width:100%;
	padding:5px 5px 5px 10px;
}
nav ul:first-child ul li a:hover{ /*second level hover formatting*/
	background:none;
	color:#ccc;
	
}
nav ul li:hover ul{  /*make second level appear on hover*/
	left:0px;
}

/*end secondary level formatting*/
/*indexation*/
.active-nav-link,
.about-us .nav-about-us,
.contact .nav-contact,
.post-type-archive-blog .nav-blog,
.single-blog .nav-blog
{
	background:#22384F;border-radius:3px;
}

/*secondary nav indexation formatting*/
nav ul ul .active-nav-link:before{
	content: '>> ';
}


#breadcrumbs{ font-weight:bold;margin-bottom:0;}
#breadcrumbs a{font-weight:normal;font-size:.75em;line-height:3em;}
/*mainContent styling*/
#container-wrapper{background:url(images/main-bg.jpg) repeat-x;border-top:1px solid #1F3145;border-bottom:1px solid #1F3145;}
#container{margin:0 auto;text-align:left;width:960px;overflow:hidden;}
#mainContent{
padding:23px 0 20px 0;
}

#slider{float:left;width:620px;margin-bottom:12px;padding:0 10px;}
#content{float:left;width:620px;margin:0;padding:0 10px;}
#content h1.page-title{
	font-family:Arial, Helvetica, sans-serif;
	padding:0 2em 0 0;
	/*background:transparent url(gr/page-titleBg.png) right top no-repeat;*/
	width:100%;
	margin-top:.3em;
}

#content p, #content ul, #content ol{
	 letter-spacing:;
	 color:#28435F;
	 margin-bottom:1.5em;
	 line-height:1.5em;
	 }
#content p{
	
}

#content ul, ol{margin-left:1.5em;font-size:1em;margin-bottom:1em;}
#content ul li{list-style-type:disc;}
#content ul ul{font-size:1em;}
#content ol ol{font-size:1em;}
#content ol li{list-style-type:decimal;}
#content img{margin:5px;}
#content a{text-decoration:underline;}
#searchResults{padding:1em;background:#fff;width:600px;}

#sidebarRight{float:right;padding:0 10px;width:300px;text-align:left;margin:0;}
#sidebarRight li{
}
#sidebarRight h2{
	font-size:.75em;
	font-weight:bold;
	color:#fff;
	text-transform: uppercase;
	background:#929292;
	line-height:3em;
	padding-left:10px;
	text-shadow:0 1px #595959;
	margin-bottom:1.7em;
	margin-top:1.2em;
	border-radius: 5px;

}
#sidebarRight h2:first-child{
	margin-top:0;
}
#sidebarRight p{
	color:#29435F;
	font-size:.75em;
	line-height:2em;
	padding-left:1em;
	clear:both;
}
#sidebarRight p:before{
	content:"\"";
} 
#sidebarRight p:after{
	content:"\"";
} 
#sidebarRight div p{
	color:#929292;
	float:right;
	margin-bottom:2em;
}
#sidebarRight div p:before{
	content:"";
} 
#sidebarRight div p:after{
	content:"";
} 
#sidebarRight #blog-feed {
	padding-top:3px;
	margin-top:-3px;
}
#blog-feed .h2-wrapper{
	position:relative;
}
#blog-feed h2{
	background:#929292;
}
.new-list-item{
	background:url(gr/new-corner.png) no-repeat top right;
	position:absolute;
	top:-2px;
	right:-1px;
	height:65px;
	width:70px;
	z-index:200;
}
#sidebarRight #blog-feed li{
	line-height:1.375em;
	margin-bottom:1.55em;
	padding:0 10px;
}
#sidebarRight #blog-feed a{
	font-size:.75em;
	color:#28435F;
}
#services-wrapper{clear:both;
background:#385B83 url(gr/services-bg.jpg) repeat-x;
width:100%;min-width:960px;
text-align:center;
border-top:1px solid #4876A8;border-bottom:1px solid #4876A8;
}
#services{width:960px;margin:.3em auto;}
#services div{
	float:left;
	width:298px;height:12em;
	position:relative;
	padding:0 10px;
	border-right:1px solid #263F59;
	border-left:1px solid #4672A2;
	}
#services div:first-child{border-left:none;width:299px;}
#services div.last{border-right:none;width:299px;}
#services div.divider{border-right:1px solid #4672A2;border-left:1px solid #263F59;width:0px;height:100px;padding:0;margin:30px 0 0 9px ;}


#services h2{font-family:arial;font-size:1.5em;line-height:1.5em;text-shadow:0 1px #000;margin-bottom:.1em;color:#fff;}
#services p{font-size:.9em;color:#B5C9DF;line-height:1.5em;text-align:left;margin-left:95px;}
a.more{display:block;float:right;
	color:#fff;
	font-weight:normal;
	position:absolute;bottom:.1em;right:15px;
	padding:5px;
	background:#597B9F;
}
a.more:before{content:'...';}
a.more:hover{color:#ccc;}

/*google contact form styling*/
.ss-form-container div .ss-form-desc{color:#28435F;border:1px solid red;}

#footer-wrapper{clear:both;
	background:#000 url(gr/footer-bg.jpg) 0 0 repeat-x;
	height:50px;text-align:center;
	width:100%;min-width:960px;
	border-top:1px solid #000;
	padding-top:10px;
}
footer{width:960px;margin:0 auto;text-align:center;}
footer #footerLogo{display:block;height:65px;width:216px;background:url(gr/footerLogo.png) top left no-repeat;margin:1.2em auto 0 auto;}
footer ul li{display:inline;}
footer ul ul li{display:none;}
footer li a{font-size:.8em;color:#27435F;padding:0 .4em;text-decoration:underline;}
footer li a:hover{text-decoration:underline;}