/* Color Legend */






/* Reset */

html, body { margin: 0;padding: 0; border: 0; 
                 background : transparent : font-size:10px: }

div, span, article, aside, footer, header, hgroup, nav, section, 
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th,td,tbody, tfoot,thead {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
    }

img     { margin:0; padding:0;border:0;  }

table, te, th , td, tbody, tfoot, thead {
      margin:0; padding:0; border:0;  }
      vertical-align: baseline;
      background: transparent;
      }
      
tabele { border-collapse: collapse;border-spacing: 0; }

input, select, textarea, form, fieldset {
    margin: 0; padding: 0; border: 0;
    }      

article, aside, dialog, figure, footer, header, hgroup, nav, section {
      display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike, {
       font-family: Arial, Helvetica, sans-serif;
       font-size: 100%;
       font-weight: normal;
       font-style: normal;
       line-height: 100%;
       text-indent: 0;
       text-decoration: none;
       text-align: left;
       color: #000;
       }
       
ol, ul, { list-style: none; }


/*global */

html {  }
body { background-color: #eeeeee; }



/*  Headings */

h1, h2, h3, h4, h5, h6  { font-weight: bold; color: #000; }

h1 { font-size:32px;  }
h2 { font-size:20px;  }
h3 { font-size:16px;  }
h4 { font-size:14px;  }
h5 { font-size:14px;  }
h6 { font-size:14px;  }

h1  img, h2  img, h3 img, h4  img, h5  img, h6  img { margin: 0;}



/* Text Elements */

p           { color: #000; font-size: 18px; line-height: 150%; }
p .left     { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right    { margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a           {  }
a:link      { color: #00f;  }
a:visited   { color: #0f0;  }
a:active    { color: #000;  }
a:focus     { color: #666;  }
a:hover     { color: #f00;  }

blockquote  {color: #000;  font-size:12px;}

strong      { font-weight: bold; }
em          { font-style: italic; }

/* Imagea */



/*  List */

ul     {  }
ol     { list-style-type: none; }

ul li  { color: #000; font-size: 18px; }
ol li  { color: #000; font-size: 12px; }

dl     {  }
dt     {  }
dd     {  }



/* Tables */

table     { width: 100%; }

tr        {  }
.odd      { background-color: #eee; }
.even     { background-color: #fff; }

th        { font-weight: bold;  }
thead, th { background: #ccc; }

tbody     {  }

th, td, caption {  }
caption   {  }

tfoot     {  }
.tfooter  { background-color: #ccc; text-align:center; font-style:italic; }

caption   { background: #efefef; }

/* Containers */

#wrapper            { width:1200px; margin:0px auto; background-color: #ffffff; }

#top                { background-color:#ffffff; width:100%; padding:20px 0; overflow:hidden;
                        border-bottom:2px #000000 solid;}
                        
#logo               { margin:0 0 0 10px; float:left;  }
	
#social-media       { float:right; margin:0 10px 0 0; }
#social-media p     { color:#666666; font-size:15px; margin: 4px 10px 4px 0px; }
#social-media img   { width:36px; height:36px; }
#social-media ul li { display:inline; }

#topnav             { background-color:#999999; clear:both; } 
#topnav ul          { width:100%; float:left; margin:0px; background-color:#999999;
                       border-bottom:3px #000000 solid; }                        
#topnav ul li       { display: inline; }
#topnav ul li a     { float:left; padding:10px 18px; }
	
#topnav a:link      { color:#ffffff; }
#topnav a:visited   { color:#ffffff; }
#topnav a:active    { color:#ffffff; }
#topnav a:hover     { color:#ffffff; background-color:#7ea800;}
#topnav a:focus     { color:#ffffff; }

#banner

#subbanner          { width:100%; background-color:#ffffff; 
                         padding:15px 0; overflow:hidden;  }
#subbanner h3       { color:#ffffff; font-size:16px; font-weight:bold;
                          text-align:center; line-height:180% }

#content            { float:left; width:1050px; padding:70px;  }
#content h1         { margin: 0 0 20px 0; font-size:32px; 
                         border-bottom:8px #999999 solid; padding:20px 0; }
#content p          { margin:16px 0; line-height:160%}
	                
#content h2         { margin:20px 0 0 0; }
#content img        { padding: 8px; border:3px # 888888 solid; margin:8px; }
	

	

#rightside          { padding:20px; margin-left:675px; }
#rightside h2       { margin:20px 0 10px 0; }
#rightside p        { margin:8px 0; line-height:160%; }
	 
#footer             { clear:both; background-color:#000000; padding:10px 0; }
#footer p           { text-align:center; color:#ffffff; }
	 

#box1            {  } 
 
#box2            {  }

#box3            {  }

#box4            {  }

#box5            {  }

#box6            {  }


/* Layout Extra */




/* Navigation Extra */



/* Forms */

form  { text-align:left; margin:20px; }

label, submit, input, textarea {
    border:0; padding:0; margin:0; background:none;
    }

label  {
    float:left; width:150px; margin-top:5px;
    text-align:right; display:block;
    }

input, textarea {
    border:1px #333 solid; margin-left:10px; padding:5px;
    }

input {
    width: 280px; margin-bottom: 16px;
   }
   
textarea {
      width:280px; height:150px;
      margin-bottom:16px; 
      }   

select  {  }

.submit {
     width:90px; height:25px; 
     margin-left:162px;
     font-size:12px;
      }

#contact-form ol {
	 list-style-type:none;
}



/*  Succes, info, notice and error/alert boxes -from Blueprint CSS Framework  */

.error, .alert, .notice, .succes, .info {
    padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error,  .allert {background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }

.notice          {background: #fff6bf; color: #514721; border-color: #ffd324; }

.success         {background: #e6efc2; color: #264409; border-color: #c6d880; }

.info            {background: #d5edf8; color: #205791; border-color: #92cae4; }

.error a         { color: #8a1f11;}
.alert a         { color: #8a1f11;}

.notice a        { color: #514721;}
.succes a        { color: #264409;}
.info a          { color: #205791;}