/* Rogers framework */
 
 
 
 /* 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, 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;
	color: #000;
	}
	
	
ol, ul { list-style: none; }


/*Global */

html	{	}
body	{text-align:center; background:url(../images/pergola%20sepia.jpg)}

/* Headings */

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

h1 {font-size:24px; }
h2 {font-size:20px; color:#666; font-style:italic; border-bottom:#CCC dotted 1px ; 
	border-top:#CCC dotted 1px; padding: 5 0 5 50; margin-top:20px}
h3 {font-size:11px; color:000; font-weight:bold; font-style:italic; margin-top:20px }	
h4 {font-size:14px; }	
h5 {font-size:14px; }		
h6 {font-size:14px; }


/* Text elements */

p			{color:#000; font-size:14px; 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 0; padding:0;	}

a			{	}
a:link		{color:#00F	}
a:visited	{color:#00F;	}
a:active	{color:#000;	}
a:focus		{color:#666;	}
a:hover		{color:#C46200;	}

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

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


/* Images */

.slider	{padding:10px; border:1px #CCC solid; margin:10px}
.services	{ padding:10px; border:1px #ccc solid; margin:10px; }


/* Lists */

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 */
#outer			{width:960px; margin:0 auto; background:#fff	}
#wrapper		{width:900px; margin:80 auto; background:#fff;	}

#outer			{width:960px; margin:80 auto; background:#FFF;	}
#wrapper		{width:900px; margin:0 auto; background:#FFF;	}

#company-name	{margin:30px; float:left; margin-left:0px}

#logo			{float:right; margin-top:30px; margin-right: 50px 	}

#topnav				{clear:both	}
#topnav		ul		{border-top:1px #000 solid; border-bottom: 1px #000 solid; margin-top:5px; 
						margin-bottom:5px; padding-top:10px; padding-bottom:10px}
#topnav		ul li	{display:inline;} 
#topnav		ul li a	{padding-left:15px; padding-right:15px;}


#topnav	a:link		{color:#000; 	}
#topnav	a:visited	{color:#000;	}
#topnav	a:active	{color:#000;	}
#topnav	a:focus		{color:#666;	}
#topnav	a:hover		{color:#f90;	}

#photo				{width:500; float:left}

#contact			{width:300px; float:right; margin:0px 0px; padding:10px}

#services-a	ul		{float:left; width: 400px; height:400; border:#00F 1px solid; margin:20px 10px; padding:10px;}
#services-a ul li	{text-align:center; font-size:16px; font-weight:bold; padding:10px; font-style:italic}

#services-b	ul		{float:right; width: 400px; height:400px; border:#00F 1px solid; margin:20px 10px; padding:10px}
#services-b ul li	{text-align:center; font-size: 16px; font-weight:bold; padding:10px; font-style:italic}

#welcome		{width:900px; clear:both	}

#content		{	}

#footer			{clear:both; text-align:right; padding-bottom:10px}

/* 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; text-align:right; display:block;}
	


input, textarea	{
	border:1px;#333 solid; margin-left:10px;	}
	
	
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}





br	{clear:left;	}


/* Miscellaneous */

.copyright-text	{font-size:80%; font-style:italic; color:#333;	}
.footer-text	{font-size:100%; font-style:italic; color:#000;	}
.offer			{font-size:16px; font-weight: bold; color:#C66300; text-align:center; margin:10}

.title			{font-size:18px; font-weight:bold; color:#333;	}
.subtitle		{font-size:14px; font-style:italic; color:#333;	}

.artist			{font-size:16px font-weight:bold; color:#333;	}
.author			{font-size:14px font-weight:bold; color:#555;	}
.editor			{font-size:14px font-style:italic; color:#555;	}

.pub-date		{font-size:10px font-style:italic; color:#555;	}
.article-date	{font-size:10px font-style:italic; color:#555;	}
.location		{font-size:10px font-style:italic; color:#555;	}

.float-right	{float:right;	}
.float-left		{float:left;	}
.clear			{clear:both;	}

.hide			{display:none;	}
.block			{display:block;	}
.inline			{display:inline;	}

.first			{font-weight:bold;	}
.last			{font-weight:bold;	}
.left			{font-weight:bold; text-align:left;	}
.right			{font-weight:bold; text-align:right;	}

.added			{background:#D7D7FF;	}
.removed		{background:#FFCECE; color:#f00;	}
.changed		{background:#ffb;	}