css/style.css

/* Custom styles for /artwork/index.php */

#midcolumn{
	font-family: 'Roboto', Arial, sans-serif;
}

#eclipse-logo-header{
	padding-bottom:25px;
}

#eclipse_logo_artworks_info{
	background:#2d2252;
	padding:4px 14px;
}

#eclipse_logo_artworks_info h2,
#eclipse_logo_artworks_info p{
	color:#fff;
}

#eclipse_logo_artworks_info p{
	line-height:17px;
}

#eclipse_logo_artworks_info h2{
  border-bottom:0;
  font-weight:400;
  padding-bottom:5px;
}

#eclipse_logo_artworks_info h2 span{
	display:block;
	clear:both;
}

#eclipse_logo_artworks_info a,
#eclipse_logo_artworks_info a:link,
#eclipse_logo_artworks_info a:visited,
#eclipse_logo_artworks_info a:active{
	color: #5c9adf;
	text-decoration:underline;
	font-weight:400;
}

#eclipse_logo_artworks_info a:hover{
	text-decoration:none;
}

/* Main logo */
#eclipse_logo_artworks_logo{
	border:1px solid #d6d6d6;
	border-top:0;
	background: url('../images/layout/heading-arrow.gif') center top no-repeat;
	padding:45px 5px 33px 5px;
	margin-bottom:25px;
}

#eclipse_logo_artworks_logo .main-logo-contrast .logo-container{
  background:#f99138;
  border:0;  
}

#eclipse_logo_artworks_logo .logo-container{
	padding:15px 10px;
	margin-bottom:10px;
	text-align:center;
	border:1px solid #d6d6d6;
}

.download-btn{
	display:block;
	border:2px solid #2d2252;
	color:#2d2252;
	text-transform: uppercase;
	background:#fff;
	text-align:center;
	padding:10px 15px;
	font-weight:normal;
}

.download-btn:hover{
  text-decoration:none;
  background:#2d2252;
  color:	#fff;
}

.col-50{
	width: 45%;
	display:block;
	float:left;
	margin:0 2.5%;
}


.col-33{
	text-align:center;  
  width: 31%;
  display:block;
  float:left;
  margin:0 1.16%;
  padding:15px 0 45px 0;
}

#eclipse_logo_artworks_mp img{
	padding-bottom:10px;
}

/* Guidelines */
.icon-download{
	background:url("../images/layout/icon-download.gif") left 1px no-repeat;
}

.icon-download span{
	padding-left:20px;
}

#graphic_guidelines{
	border-top:1px solid #d6d6d6;
	padding-bottom:25px;
	padding-top:10px;
}

#graphic_guidelines h2{
	border:none;
	font-weight: 400;
	padding-bottom:10px;
}

#graphic_guidelines h2 span{
	clear:both;
	display:block;
	font-weight:700;
}

#graphic_guidelines a,
#graphic_guidelines a:link,
#graphic_guidelines a:visited,
#graphic_guidelines a:active{
	color:#2d2252;
}

/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}