@import "reset.css";

/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article {  
    display: block;  
}


body {  
    margin: 0 auto;  
    font: 13px/22px Arial, sans-serif;  
    background-color: #191919;
}

a {
	text-decoration:none;
	color: #0147FA;
}

a:hover {
	text-decoration:underline;
	color:  inherit;
}

a:visited {
	text-decoration:none;
	color: #5B59BA;
}

p {  
    padding-bottom: 22px;  
}


/*-----------------------------------
			H1 --> H3 
 -----------------------------------*/

/*--- H1 ---*/
h1 {
	padding: 35px 0 0 10px;
}

/*--- H2 ---*/
h2 {  
    font-size: 26px;
	font-weight:bold;
}

header#subtitle h2 {
	color:#617ca9;
	line-height:35px;
}

section.content header h2 {
	color:#FFFFFF;
	font-size:18px;
	line-height:36px;
}

/*--- H3 ---*/
#success h3 {
	color:#617ca9;
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}


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

header#title {
	height: 140px;
	padding-left: 44px;
	color:#FFFFFF;
	background: url(../images/security_bg.jpg) repeat-x;
	border-bottom: 1px solid #ffffff;
}

header#title h1 a {
	display: block;
}

header#title a:hover {
	text-decoration: none;
}

#logo {
	float: left;
}

#social {
	text-align: right;
	padding: 10px 50px;
}
 
#sponsors{
	text-align:right;
	padding: 0 20px;
}

#sponsors img {
	vertical-align: middle;
	padding-right: 30px;
}


/*-----------------------------------
			CENTRAL CONTENT 
 -----------------------------------*/

#wrapper { 
	width:984px;
	margin: 0 auto;
	padding: 0;
	overflow:hidden;
	position:relative;
	-moz-box-shadow: 0 0 300px 50px #595959;
	-webkit-box-shadow: 0 0 300px 50px #595959;
	box-shadow: 0 0 300px 50px #595959;
}
 
div#content-container {
    font-weight: normal;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background: url(../images/globe.png) top right no-repeat, url(../images/euroflag-bg.png) top left no-repeat;
	background-color: #FFFFFF;
}

section#intro {
	padding: 10px 0 22px 44px;
}

section.content p {
	padding-left:44px;
}

/* GSC Success Stories */
.content-title {
	background: url(../images/nav-bg-over.png) repeat-x;
	height:36px;
	margin-bottom: 20px;
}

/* GSC on Twitter */
.content-title-right {
	background: url(../images/nav-bg-over.png) repeat-x;
	height:36px;
	margin-bottom: 20px;
	text-align: right;
}

#blurb {
	color:#454445;
	width: 580px;
	margin-bottom: 20px;
}

#lower {
	clear: both;
	height: 0;
}

section.content header h2 img {
	padding: 0 10px 2px 5px;
	vertical-align: middle;
}


/* TWITTER */

#tweets {
	width: 450px;
	float: right;
	margin-top: 15px;
}

#tweets h2 {
	text-align: center;
}

#tweets p {
	padding-right: 44px;
	padding-left: 22px;
}

/* SUCCESS */

#success{
	float: left;
	clear: both;
	width: 525px;
	margin-top: 15px;
}

#success h2 {
	text-align: center;
}

#success p {
	padding-left: 44px;
	padding-right: 22px;
}

.content table {
	margin-left: 44px;
}

.content table td {
	padding: 0 40px 30px 0;
	vertical-align: middle;
}

.content table td img:hover{
  -moz-transform:scale(1.1);
  -webkit-transform:scale(1.1);
}
 
/*-----------------------------------
			FOOTER 
 -----------------------------------*/

footer section#bg {
	background: #011e6e;
	width:100%;
	float:left;
}	
	
footer section#oc-logo {
	height:33px;
	float:left;
	padding:6px 0 0 10px;
}	

footer section#oc-contact{
	float:right;
	color:#FFFFFF;
	height:33px;
	line-height:33px;
	padding-right:10px;
	font-size:11px;
	font-weight:bold;
}

footer section a{
	color:#FFFFFF;
}

a.footer-contact {
	color:#fdd901;
}

/* BUTTON */

div.button {
	border: 1px solid #968575;
	background: #F5F5F5;
	overflow: visible; /* for IE 7 */
	width: 350px;
	height: auto;
	padding: 5px 20px;
	cursor: pointer;
	display: inline-block;
	color: #968575;
	text-decoration: none;
	text-align: center;
}

div.button:hover {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #000000;
	text-decoration: none;
}