/*Timothy Framework - www.timotyframework.com*/
/*This work is licenced under the MIT Licence - http://www.opensource.org/licenses/

/*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, tr, th, td, tbody, tfoot, thead {
margin:0; padding:0; border:0;
vertical-align:baseline; background:transparent;
}

table {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 {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight: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:24px;}
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:o;}

/*Text Elements*/

p			{color: #000; font-size: 12px; 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: #foo;}

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

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

/*Images*/

/*List*/

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

ul li		{color: #000; font-size: 12px;}
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: 900px; margin: 0px auto; background: #ffffff; }

#top			    { background-color: #000000; width: 100%; padding: 20px 0; overflow: hidden;   }
#logo               { margin: 000 10px; float: left;   }
#social-media       { float:right; margin: 0 10px 0 0 ;   }
#social-media p     { color: white; font-size: 14px; margin: 4px 10 px 4px 0;   }
#social-media img   { width: 24px; height: 24px;   }
#social-media ul li { display: inline;   }

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

#banner			  {   }

#subbanner		  { width: 100%; background-color: #555555; 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:650px; padding:20px;   }
#content h1       { margin:0 0 20px 0; font-size:32px; border-bottom:1px #777777 solid; padding:20px 0;  }
#content p        { margin:16px 0; line-height:160% }
#content h2       { margin:20px 0 0 0 }
#content img      { padding: 8px; border:1px #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; margin-left:5px; padding: 5px;
				}
				
input			{
                width: 280px; margin-bottom: 16px; 
                }
                
textarea		{
 				width: 280px; height: 150px;
 				margin-bottom: 16px;
 				}
 				
select  		{   }
.submit			{
				width: 90px; height: 25px;
				margin-left: 150px;
				font-size: 12px;
				}
#contact-form ol { 
                 list-style-type: none;
                 }