html {
height:100%
}

body {
background:#848682 url("http://www.nadworks.com/blog/images/meadow.jpg") repeat-x fixed center bottom; font-size:101%;
margin:0;
padding:0;
font-family:Trebuchet MS, verdana, tahoma, arial;
min-height:100%;
background-color:#868686;
}
* html body {height:100%}

html, body, table, td, th, h1, h2, h3, h4, h5, h6, p, a, span, br, a {
color:#666666;
}

div img 	{display: inline}
.clear 		{ clear:both; line-height:0; height:0; width:392px; }

.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.outer
{ min-height:100%; width:100%; align:center; text-align:center; _align:center; padding:1% 0 1% 0}
* html .outer {height:100%}

.inner
{ min-height:100%; width:721px; background-image:url("http://www.nadworks.com/blog/images/bgr_cont.gif"); background-repeat:repeat-y; background-position: center top;  margin:0 auto  }
* html .inner {height:100%}

.top
{ background-image:url('images/top.gif'); background-position: center top; background-repeat:no-repeat; height:27px; width:721px; voice-family: "\"}\""; voice-family:inherit;  margin:0 auto }

.head { height:323px; background-position:top left; background-repeat:no-repeat;}
.buts { text-align:left; width:195px; margin-top:90px; float:left; padding:90px 0px 20px 25px; font-size:82%; color:#F8CD00}

#lhs { background-image:url('images/bgr_top_lhs.jpg'); width:237px; float:left }
#rhs { background-image:url('images/bgr_top_rhs.jpg'); width:484px; float:right }

.txt 		{ text-align:left; width:410px; padding:0 60px 1px 12px; float:right; font-size:80%; margin-top:20px;}

.navig 		{ padding:8px 0 0 25px; width:72px; float:left; text-align:left; width: 90px; height: 136px; line-hight:100% }
.navig img 	{ border:0; padding:0; margin:0 }

h1           { font-size: 100%; font-weight: bold; margin:5px 0 -8px 0; }
h2           { font-size: 105%; font-weight: bold; margin:1px 0 7px 0; font-family: verdana, tahoma, arial;}
h3           { font-size: 110%; font-weight: bold; margin:7px 0 7px 0; font-family: verdana, tahoma, arial;}
h4           { font-size: 100%; font-weight: bold; color:#6699CC; font-family: verdana, tahoma, arial; }
h5           { font-family:Verdana, "Trebuchet MS", Tahoma,; font-size: 80%; font-weight: bold; margin-bottom:8px}

BloggerArchives	{ }
.date_header	{ font-size:82%; color:#AAAAAA; border-bottom:1px dotted #E9E9E9}
.blog_title 	{ font-family:Tahoma, Verdana, "Trebuchet MS"; color:#709B15; font-size:105%; font-weight: bold;
				  margin: 8px 0 8px 0; font-size:90%;}
.blog_post		{ font-family:"Trebuchet MS", Tahoma, Verdana; line-height:1em; color:#000000; font-size:87%; 
				  margin: 8px 0 15px 0; line-height: 120%; }

.blog_post img 	{ border: 1px #C0C0C0 solid; width:150px; margin:6px; float:right; }



span.arch_txt	{ color:#F8CD00}
span.txt_l 		{ font-size:110%; font-weight:bold; font-family:Verdana,Tahoma,Arial; }
span.txt_sdiv 	{ font-size:85%; }
span.txt_s 		{ font-size:77%; }
span.txt_xs 	{ font-size:65%; line-height:100% }
span.txt_norm 	{ font-size:80%; }
span.pt8 		{ font-size:8pt; }



a:link			{ text-decoration: underline }
a:visited		{ text-decoration: underline }
a:active		{ text-decoration: none }
a:hover			{ text-decoration: none }
a:visited:hover	{ text-decoration: none }

a:link.port				{ color: #F8CD00; text-decoration: underline; }
a:visited.port			{ color: #F5ED7E; text-decoration: underline; }
a:active.port			{ color: #F5ED7E; text-decoration: none; }
a:hover.port			{ color: #F8CD00; text-decoration: none; }
a:visited:hover.port	{ color: #F5ED7E; text-decoration: none; }

a:link.nav			{ color: #F5ED7E; text-decoration: none }
a:visited.nav		{ color: #F5ED7E; text-decoration: none }
a:active.nav		{ color: #F5ED7E; text-decoration: underline }
a:hover.nav			{ color: #F5ED7E; text-decoration: underline }
a:visited:hover.nav	{ color: #F5ED7E; text-decoration: underline }

a:link.wht			{ color: #FFFFFF; text-decoration: none }
a:visited.wht		{ color: #FFFFFF; text-decoration: none }
a:active.wht		{ color: #FFFFFF; text-decoration: none }
a:hover.wht			{ color: #FFFFFF; text-decoration: none; font-weight:bold }
a:visited:hover.wht	{ color: #FFFFFF; text-decoration: none; font-weight:bold }



/* =================================== HOMEPAGE News Section =================================== */

.news {
margin:3px 0 5px 0;
padding-right:25px;
}

#date {
font-size:82%;
color:#B0B0B0;
margin:25px 0 10px 0;
border-bottom: #F5ED7E solid 1px;
width:380px;
}

#header {
font-size:90%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#646464;
font-weight:bold;
}

#newstxt {
font-size:88%;
color:#808080;
line-height:125%
}

#newstxt img {
border:1px solid #C0C0C0;
margin: 4px 0 4px 8px; 
float:right;
width:112px;
}



/* =================================== PORTFOLIO =================================== */

.port {
font-size:88%; width:100%; float:none; margin:6px 0 25px 0; line-height:130%;
}

.port img {
border:solid #C0C0C0 1px; width:112px; margin-left:8px;
}

span.porthead {
font-weight:bold; font-size:110%; font-family:Tahoma,"Trebuchet MS",Verdana ;
}


/* ================= form styles ============================ */

form, select, input, textarea, text {
display:inline;
font-size:95%;
font-family:"Trebuchet MS", Tahoma, Verdana;
}

.textbox, select, textarea, text, checkbox {
border:#666666 1px solid;
padding: 1px;
font-size:90%;
}

textarea {
padding: 3px;
font-size:90%;
}

.input img {
border:0px
}


.label_lhs {
float:left; width:107px; padding-left:23px; height:25px
}

.box_rhs {
float:right; width:270px; height:25px
}