/* styles for home page */ 

article {
	width:920px;
}

article h1, article h2 {
	font-family: 'Roboto',Georgia,Times,serif;
	font-weight: normal;
}

article h1 {
    color: #7C9600;
    margin-bottom: 7px;
    font-size: 280%;
    line-height: 95%;
}

#mission {
	color:#666;
	font-size: 110%;
	font-style: italic;
}

#prodserv {
	width:716px;
	float:left;
	margin: 25px 0 0 0;
}

#prodserv div {
	width:328px;
	margin:0px 10px 10px 0;
	float: left;
	background-color:#f1f5f7;
	border-radius: 8px;
	padding:10px;
	min-height: 100px;
}

#prodserv h2, #commbox h2 {
	color: #444;
	font-size:125%;
	padding:2px;
	margin:0px 0 10px 0;
}

#prodserv p {
	margin-bottom: .4em;
}

#training {
	background:url(/media/template/bg_training.svg) 305px 10px no-repeat;
}

#certification {
	background:url(/media/home/strategica11yicon.svg) 305px 10px no-repeat;
}

#strategica11y {
	background:url(/media/home/strategica11yicon.svg) 305px 10px no-repeat;
}

#consulting {
	background:url(/media/home/consultingicon.svg) 305px 10px no-repeat;
}

#monitoring {
	background:url(/media/home/evalicon.svg) 305px 10px no-repeat;
}

#commbox {
	width:184px;
	float:left;
	margin: 25px 0 0 0;
	padding:10px;
	background-color: #f1f5f7;
	border-radius: 8px;
	min-height: 254px;
}

#commbox ul li {
	border:1px solid #ccc;
	list-style-type:none;
	background-color:#fff;
	margin:13px 0;
	border-radius: 5px;
}

#commbox ul li a {
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
	display:block;
	padding:.4em;
	text-decoration:none;
	background-image:none !important;
}

#commbox ul li a:hover, #commbox ul li a:focus {
    text-decoration: none;
}

#features {
	float:left; 
	width:552px;
	margin:20px 0 10px 0;
}

#features h2, .activities h2 {
	font-size: 150%;
	margin-bottom: 12px;
}

#features h3 {
    padding: .25em;
    background-color: #e4e5ea;
    color: #7C9600;
    font-family: 'Kameron',Georgia,Times,serif;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    letter-spacing: .5px;
}

#features p {
	background-color:#F3F3F5;
	padding:.4em;
}

#features p.more {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	margin-bottom: 10px;
}

#features p.more a, p.archive a {
	display:block;
	background-color:#ffffff;
	padding:5px;
	border:#ccc solid 1px;
	border-radius: 5px;
	background-image:none !important;
}

#features p.archive {
	background-color: #fff;
}

.activities {
	width:338px;
	margin:12px 0 10px 10px;
	float:left;
	background-color:#f1f5f7;
	border-radius: 8px;
	padding:10px;
}

.events ul li {
	padding: 3px 0;
	background-color: #F3F3F5;
	list-style-type:none;
	border-top:1px dashed #ccc;
}

.events ul li a {
	display:inline;
	padding:0;
	text-decoration:underline;
	background: none;
	background-image:none !important;
}

#linksbar ul li a.pmore {
	background:none;
	font-weight:bold;
}

/* Responsive responsiveness is responsive */
@media all and (max-width: 61em) {
	article {
		width:auto;
	}
	
	#prodserv {
		width:auto;
	}
	
	#prodserv div {
		width:44%;
		background-image: none;
	}

	#commbox {
		min-height: inherit;
	}

	#commbox, #features, .activities {
		width:80%;
		margin:0;
	}
	
	#commbox ul li {
		float:left;
		margin-right:20px;
	}
	
	#features {
		padding:10px;
	}
}

@media all and (max-width: 46em) {		
	#prodserv div, #commbox, #features, .activities {
		width:97%;
		background-image: none;
		min-height:intrinsic;
	}
	
	#prodserv h2 {
		
	}
}