/*  
Theme Name: helios
Description: helios v1
Version: 0.1
Author: Michael McCrea & T
*/



/*-----------------------------------------------------------------------------------------------


* div  {
  background:#cfd0d2;
}


  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
  padding:0;
  margin:0;
}

h1, h2, h3, h4, h5, h6, p, li {
  margin:0 0 15px 0; 
  padding:0 10px 0 0; 
}

.hide { display:none; }
.left{ float:left; }
.right{ float:right; }
.center{ text-align:center; }
.t_left{ text-align:left; }
.t_right{ text-align:right; }
.clear{ clear:both; }
.clear_right{clear:right;}
.clear_left{clear:right;}
a img{ border:none; }

.isolated {
  margin:0 0 10px 10px;
}

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{   
  color:#555;
  background-color:#fff;
  font-size:12px;
  font-family: Arial, sans-serif;
}

/* This class sets the width and position for all rows */
.inside {
  width:900px;
  margin:0 auto;
  padding:0;
}

.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12 {
  margin:0 0 10px 10px
}

.c1 {width:65px }
.c2 {width:140px}
.c3 {width:215px}
.c4 {width:290px}
.c5 {width:365px}
.c6 {width:440px}
.c7 {width:515px}
.c8 {width:590px}
.c9 {width:665px}
.c10{width:740px}
.c11{width:815px}
.c12{width:890px}

.tc{margin-top:0;}
.rc{margin-right:0;}
.bc{margin-bottom:0;}
.lc{margin-left:0;}

a {
  color:#868ab4;
  text-decoration:none;
  font-weight:bold;
	/* outline: none;  */
}

a:hover { 
  color:#9a9a9a; 
}


h1, h2, h3, h4{
  font-size:20px;;
  font-family: Arial, Verdana, sans-serif;  
  color:#868ab4;
  font-weight:normal;
  padding-top:10px;
  margin:0 0 20px 0;
}

h2{
  font-size:20px;
  margin:0 0 10px 0;  
}

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

h4 {
  font-size:18px;
  margin:10px 0 0 0;
  padding:0;  
}

p {
  line-height:1.75em;
}

ul, ol {
  margin:0;
  padding:0; 
}

li{
  margin:0 0 10px 25px;
  line-height:1.75em;  
}

blockquote{
  padding:1px 12px 1px 1em;
  border-left:2px solid #C00;
  color:#BBB;
  background-color:#333;
  font-size:1.1em
}

hr {
  background-color: #fff;
  color: #fff;
  height:1px;
  border:0;
  margin:0;
  padding:0;
}


/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header {

}

#header a {
  color:#fff;
}

#header a:hover { 
  color:#000;
}

#header h1{ 
  font-size:2.25em;
  clear:left;
  margin:20px 0 40px 10px;
  padding:0;
  float:left;
}

#header h1 a{ 
  text-decoration:none; 
  display:block;
  width:225px;
  height:110px;
  border:0;
  text-indent:-10000px;
  background: #fff url(img/helios_logo_02.gif) no-repeat left top;
}

#tag_line {
  font-size:16px;
  font-weight:bold;  
  float:left;
  margin:65px 0 0 10px;
  color:#868ab4;
}

#logos{
  float:right;
  clear:right;
  margin:40px 0 0 0;
}


#translation {
  float:right;
  width:185px;
  margin:15px 0 0 0;
}

#translation h2, #translation  p {
  margin:0;
  padding:0;
}

#translation h2 {
  font-size:15px;
  font-weight:bold;
}

#translation img {
  padding:0 5px 0 0;
}

  
#main_img {
  margin:0 0 20px 0;
}

#main_img .inside{
  height:250px;  
}

#main_img .home, #main_img .the-helios-project {
  background: #fff url(img/home_main_01.jpg) no-repeat left top;
}

#main_img .background, #main_img .downloads, #main_img .contexte {
  background: #fff url(img/img_01.jpg) no-repeat left top;
}

#main_img .theproject, #main_img .le-projet {
  background: #fff url(img/img_02.jpg) no-repeat left top;
}

#main_img .european-partnership, #main_img .partenaire-europeen {
  background: #fff url(img/img_03.jpg) no-repeat left top;
}

#main_img .recommendations, #main_img .recommandations {
  background: #fff url(img/img_04.jpg) no-repeat left top;
}

#main_img .useful-links, #main_img .liens-utiles {
  background: #fff url(img/img_05.jpg) no-repeat left top;
}

#main_img p {
  color:#fff;
  font-size:16px;
  line-height:1.5em;  
  padding:20px;
  margin:0;
}

/*-----------------------------------------------------------------------------------------------
  Top Nav
-----------------------------------------------------------------------------------------------*/

#header .top_nav {
  float:left;
  font-size:11px;
}

#header .top_nav ul {
  list-style-type:none;
  float:left;
  width:900px;
  height:32px;
  background:url(img/main_nav_bg_01.gif) no-repeat left top;    
  margin:0;
  padding:0;
}

#header .top_nav li {
  float:left;
  padding:0 0 5px 0;
  margin:0;
  line-height:1em;   
}

#header .top_nav a {
  padding:10px 0 10px 15px;
  display:block;
  width:135px;
  color:#fff;
}

#header .top_nav a:hover {
  color:#000;
}

#header .top_nav a.no_sep {
  background-image:none;
}

#header .top_nav .current_page_item a {
  color:#000;
}

#breadcrumb {
  padding:5px 0;
  clear:both;
}

#search {
  float:right;
  padding:0;
  margin:10px 0 0 0;
  text-align:right;
}

#search #s {
  width:125px;
}

#submit-btn {
  border:none;
  font-size:11px;
  font-weight:bold;
  padding:2px 5px 1px 5px;
  background-color:#fff;
}

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary {
  text-align:left;
  background-color:#fff;
}

#primary .primary {
  float:left;
  display:inline;
}

#primary h2 {
  padding-top:0;
  font-size:20px;
}

.post {
  clear:both;
  float:left;
  padding:0;
}

#primary .contemp {
  color:#fff;
  height:326px;  
  background: url(img/green_bg_01.jpg) no-repeat left top;
}

#primary .contemp h2 {
  color:#fff;
  padding:10px;
  margin:0;  
}

#primary .contemp p {
  padding:0 10px;
}

.pdf_downloads p {
  padding:0 0 0 15px;
}

.pdf_downloads h2, {
  margin:0 0 0 15px;
  float:left;
}

.pdf_downloads img{
  float:left;
  padding-right:10px;
}

ul.pink {
  list-style: none;
}

ul.pink li {
  padding-left: 15px;
  background: url(img/pink_bullettes_01.gif) no-repeat left center;
  margin:0 0 20px 5px;
}

/*-----------------------------------------------------------------------------------------------
  Secondary Items
-----------------------------------------------------------------------------------------------*/

.secondary {
  float:left;
}

#flashcontent {
  float:left;
  margin-left:0;  
}

#flash_colors {
  float:left;
  margin-left:0;
}

#flash_styles {
  float:left;
}

#thumbnails {
  margin:20px 0 20px 0;
}

#cat_text {

}

#product_text {
  margin:0;
}

#product_text p {
  margin:0 10px 50px 20px;
}

#order_sample {
  width:140px;
  white-space: nowrap;
  padding:3px 0;  
}

#order_sample h3 {
  text-align:center;
  margin:0;
  padding:0;
  font-size:14px;
  background:transparent url(img/sample_head_bg_02.jpg) repeat-x left top;   
}

#order_sample h3 a {
  color:#fff;
  display:block;  
  width:140px;
  padding:5px 0 3px 0;
}

#order_sample h3 a:hover { 
  color:#fff;
  background-color:#ccc;
}


#thumb_container{
  overflow:auto;
  height:130px;
}

#thumbs {
  width:2720px;
}

#thumbs img {
  margin:0 0 0 10px;
}


.side_img {
  margin:0 10px 10px 0;
}

/*-----------------------------------------------------------------------------------------------
  Auxiliary
-----------------------------------------------------------------------------------------------*/

#aux {
  background-color: #9a9a9a;
  padding:10px 0 0 0;
  white-space:nowrap;
}

/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
  clear:both;
  color:#fff;
  font-size:90%;
}

#footer .inside {
  padding:10px 0;
  background-color: #473272; 
}

#footer a {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
}

#footer a:hover { 
  color:#ccc;
}

#footer p {
  margin:0;
  padding:0 10px;
}

#footer p.attributes{ 
  float:right;
  padding:0 0 0 1em;
}

a.rss {
  padding:4px 0 5px 16px;
  margin:5px 0 0 0;
  background: url(img/feed-icon-12x12.gif) no-repeat left center;
}

/*-----------------------------------------------------------------------------------------------
  Tables
-----------------------------------------------------------------------------------------------*/

table {
  padding: 0;
  margin: 0;
  width:95%;
}

table a {
  font-weight:bold;
}

th {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  text-transform: uppercase;
  text-align: left;
  padding: 6px 6px 6px 12px;
  background-color: #f5f5f5;
}

td {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background: #fff;
  padding: 6px 6px 6px 12px;
  color: #ccc;
}

td.spec {
  border-left: 1px solid #eee;
  border-top: 0;
  font-weight:bold;
  background-color: #f5f5f5;  
}


fieldset {
border: none;
}

.custdetails input {
  margin:5px 0 10px 0;
}
  .centered_image
    {
  margin:0 auto;
    }