/*----------------------------------------------
	SEC1.CSS
	Author:		Engage Interactive
	Requires:	reset.css
	Colours:	#333 - text
				#0078be - blue
				#33246b - purple
----------------------------------------------*/

@import url(/assets/global/css/reset.css);


/*-------------------------------
	GENERIC STYLES
-------------------------------*/

body {
	height:100%;
	background: #DCDCDC url(/assets/sec1/images/template/body_bg.gif) 0 0 repeat-x;
	font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #404040;
}


/*---------------------
	PARAGRAPH
*/

p {
	font-size:13px;
	margin-bottom: 14px;
	line-height:16px;
}

p.intro {
	margin-bottom:18px;
	font-size:18px;
	line-height:22px;
	font-style:italic;
}

p.small {
	font-size:11px;
	font-style:italic;
}


/*---------------------
	LINKS
*/

a {
	color:#008fd2;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

p a {
	display:inline-block;
	padding:0 2px;
	margin:0 -2px;
	background:#FFF;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

p a:hover {
	background:#008fd2;
	color:#FFF;
	text-decoration:none;
}


/*---------------------
	BUTTONS
*/

a.button {
	display:block;
	height:24px;
	text-indent:-5000px;
	background-position: 0 0;
}

a.button:hover {
	background-position: 0 50%;
}

a.button:active {
	background-position: 0 100%;
}

.read_more {
	width:80px;
	background:url(/assets/sec1/images/buttons/read_more.gif);
}

.view_more {
	width:78px;
	background:url(/assets/sec1/images/buttons/view_more.gif);
}

.view_more_purple {
	width:78px;
	background:url(/assets/sec1/images/buttons/view_more_purple.gif);
}


/*---------------------
	IMAGES
*/




/*---------------------
	LISTS
*/

#center_column ul,
#center_column ol,
#center_column dl {
	padding:20px 20px 5px;
	margin-bottom:14px;
	border:solid 1px #eaeaea;
	background:#FFF;
	font-size:13px;

	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#center_column dl dt {
	padding-left:18px;
	margin-bottom:4px;
	background:url(/assets/sec1/images/template/bullet.gif) 0 50% no-repeat;
	font-weight:bold;
}

#center_column ul li,
#center_column ol li,
#center_column dl dd {
	padding-left:18px;
	margin-bottom:15px;
}

#center_column ol li {
	padding-left:0;
	list-style:decimal;
	list-style-position:inside;
}

#center_column ul li {
	background:url(/assets/sec1/images/template/bullet.gif) 0 50% no-repeat;
}


/*-------------------------------
	HEADINGS
-------------------------------*/

/*---------------------
	LOGO
*/

#header h1 {
	position:absolute;
	left:66px;
	top:36px;
	display:block;
	width:100px;
	height:66px;
}

#header h1 a {
	display:block;
	width:100px;
	height:66px;
	background:url(/assets/sec1/images/template/logo.gif) 0 0 no-repeat;
	text-indent:-5000px;
}

#content h1 {
	font-size:24px;
	margin-bottom:16px;
}

#content h2 {
	margin-bottom:12px;
	font-weight:normal;
	font-size:30px;
	color:#0078be;
}

h3 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
}

h4 {
	padding-bottom:4px;
	border-bottom:solid 1px #c5e6f6;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	color:#0078be;
}

h5 {
	
}


/*-------------------------------
	RANDOM
-------------------------------*/

/*---------------------
	HR
*/

.hr {
	
}


/*-------------------------------
	PRIMARY CONTENT AREAS
-------------------------------*/

#page_wrapper {
	background:url(/assets/sec1/images/template/wrapper_bg.jpg) 50% 0 no-repeat;
	min-height:100%;
}

#wrapper {
	width:960px;
	margin:auto;
}

#header {
	position:relative;
	width:940px;
	height:169px;
	margin:auto;
	z-index:1000;
}

#content_wrapper {
	width:960px;
	margin:4px 0 15px;
	background:url(/assets/sec1/images/template/content_wrapper_bg.png) 50% 0 repeat-y;
}

#content {
	width:930px;
	padding:9px 15px 0;
	margin-bottom:-20px;
	background:url(/assets/sec1/images/template/content_bg.png) 50% -15px no-repeat;
	overflow:hidden;
}

#content_footer {
	position:relative;
	display:block;
	width:960px;
	height:15px;
	bottom:-15px;
	background:url(/assets/sec1/images/template/content_bg.png) 50% 0 no-repeat;
}

#footer {
	width:948px;
	padding-bottom:10px;
	margin:auto;
	background:url(/assets/sec1/images/template/footer_bg.png) 0 0 no-repeat;
	text-align:right;
	clear:both;
}


/*-------------------------------
	SECONDARY CONTENT AREAS
-------------------------------*/

/*---------------------
	COLUMNS
---------------------*/

.column {
	position:relative;
	float:left;
	width:290px;
	padding:9px;
	margin:0 6px;
}


/*---------------------
	PAGE HEADER
---------------------*/

#page_header {
	width:930px;
	margin-bottom:16px;
}

#page_header h2,
#page_header p {
	height:0;
	margin:0;
	padding:0;
	overflow:hidden;
}

#page_header img {
	display:block;
	width:930px;
	height:170px;
}

#content_wrapper .no_header {
	padding-top:16px;
}


/*---------------------
	CONTENT AREAS
*/

#left_column {
	float:left;
	width:215px;
	margin-right:20px;
}

#center_column {
	float:left;
	width:490px;
	margin-right:20px;
}

#right_column {
	float:left;
	width:185px;
	padding-top:48px;
}


/*-------------------------------
	PANEL
-------------------------------*/

.panel {
	padding:2px;
	border:solid 1px #dedede;
	border-radius:5px;
	margin-bottom:10px;
	background:#FFF;
	background:rgba(255,255,255,0.8);
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-box-shadow:0 0 5px #ebebeb;
	-moz-box-shadow:0 0 5px #ebebeb;
}

#left_column .panel,
#left_column blockquote {
	margin-left:4px;
}

#right_column .panel,
#right_column blockquote {
	margin-right:4px;
}

.panel h3 {
	padding:6px 8px;
	margin-bottom:0;
	border-radius:3px 3px 0 0;
	background:#414141;
	color:#FFF;
	
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
}

#content .panel .content {
	position:relative;
	padding:6px;
	border-radius:0 0 3px 3px;
	background:#6d6d6d url(/assets/sec1/images/article/panel_bg_grey.gif) 0 0 no-repeat;
	color:#FFF;
	font-style:italic;
	
	-moz-border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
}

.panel a.more {
	position:absolute;
	right:0;
	bottom:0;
	display:block;
	padding:4px 8px;
	border-radius:3px 0 3px 0;
	background:#414141;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	
	-moz-border-radius:3px 0 3px 0;
	-webkit-border-radius:3px 0 3px 0;
}

.panel a.more:hover {
	background:#a7a7a7;
	text-decoration:none;
}

.panel .content a {
	display:inline-block;
	padding:0 2px;
	margin:0 -2px;
	background:none;
	color:#FFF;
}

.panel a:hover {
	border-radius:3px;
	background:#444;
	text-decoration:none;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#content .panel ul.content {
	padding:6px 10px 1px;
	margin:0;
	border:none;
	border-radius:3px 0 3px 0;
	background-repeat:no-repeat;
	
	-moz-border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
}

#content .panel ul.content li {
	margin-bottom:7px;
	background-image:url(/assets/sec1/images/template/bullet.png);
}


/*--------------------
	BLUE, TESTING
--------------------*/

.blue h3,
.blue a.more,
#security h3,
#security a.more {
	background-color:#036493;
}

#testing h2 {
	color:#036493;
}

.blue a.more:hover,
#security a.more:hover,
#security .panel a:hover,
.blue a:hover {
	background-color:#178dc6;
}

.blue .content,
#security .panel .content {
	background:#0993d6 url(/assets/sec1/images/article/panel_bg_blue.gif)
}

/*--------------------
	PURPLE, TRAINING
--------------------*/

.purple h3,
.purple a.more,
#training h3,
#training a.more {
	background-color:#453280;
}

#training h2,
#training h4 {
	color:#453280;
}

.purple a.more:hover,
#training a.more:hover,
#training .panel a:hover,
.blue a:hover {
	background-color:#8e7ace;
}

.purple .content,
#training .panel .content {
	background:#735fb0 url(/assets/sec1/images/article/panel_bg_purple.gif)
}

/*--------------------
	GREY, PRODUCTS
--------------------*/

#products h2,
#products h4 {
	color:#4E4E4E;
}


/*---------------------
	FOOTER
---------------------*/

#footer ul {
	height:32px;
	padding:16px 24px 0;
	font-size:11px;
}

#footer ul li {
	display:inline;
	margin-left:16px;
}

#footer ul li a {
	color:#636262;
}


/*---------------------
	ENGAGE LINK
---------------------*/

#engage {
	display:inline-block;
	width:110px;
	height:21px;
	margin:6px 10px 0 0;
	background:url(/assets/sec1/images/template/engage.gif);
	text-indent:-5000px;
	text-align:left;
}


/*-------------------------------
        CATEGORIES WIDGET
-------------------------------*/

li.categories-widget h3{
        margin:5px 0;
}

li.categories-widget h3 a,
li.categories-widget h3 a:hover{
        text-decoration:none;
        font-weight:normal;
}