* { margin: 0; padding: 0; }
html { margin-bottom:1px; }
html, 
body { height: 100%; /* Required */ }
body { background: #EDE6D5 url(../images/bg_body.gif) repeat-x top; font: 10pt Tahoma, Arial, Helvetica, sans-serif;}

/* *** HEADINGS *** */
h1, h2, h3 { color: #939393; }
h1     { font-size: 16pt; padding: 8px 0 0 60px; margin: 0;    color: #488B14; background: url(../images/bg_h1.png) no-repeat; height: 70px;}
h2     { font-size: 18px; padding: 0; margin: 0 0 8px 4px;  color: #7C7C7C;  height: 34px; }
h2 img { position:absolute;}
h3     { font-size: 10pt; padding: 0; margin: 0; color: #679DD3;}
#footer_left h2 { background: url(../images/bull_green.gif) no-repeat; padding:0 0 4px 20px; margin:0 0 4px 0; font-size: 10pt; text-transform:uppercase; border-bottom:1px #D7EE71 solid; height:auto;}
#nav_right_inner h2 { background-color: #EF3CA5; font-size: 12pt; color:#ffffff; text-transform:uppercase; margin:0; padding: 0 4px; height: 32px;} 

/* 	*** START Structure ***	*/
/* 	*** WRAPPER ***	*/
#wrapper { background: url(../images/bg_wrapper.gif) repeat-y top; width: 1024px; text-align: justify; margin: auto;}

/* *** STRUCTURE *** */
#container_header       { background: url(../images/bg_header.png) repeat-x top left; text-align:center;}
#container_header_inner { background: url(../images/bg_header_top.jpg) top center no-repeat;}
#container_content      { background: url(../images/wrapper_bg.gif); width: 100%; color: #7C7C7C; margin: auto; }
#container_footer       { background: url(../images/bg_footer.jpg) bottom no-repeat; width: 100%; margin: auto; padding-bottom:65px; }

/* *** COLUMN STRUCTURES *** */
#header_top            { height: 328px;}
#header_nav            { height: 38px; width:894px; margin: auto; overflow:hidden;}
#btn_home, #btn_tutorials, #btn_portfolio, #btn_about, #btn_links, #btn_contact, #btn_search_box, #btn_search
                       { height: 38px; background: url(../images/btns_top_nav.png) no-repeat; display:block; float:left;}
#btn_home              { background-position:  0    0;  width: 68px;}
#btn_tutorials         { background-position: -68px 0;  width:111px;}
#btn_portfolio         { background-position:-179px 0;  width:112px;}
#btn_about             { background-position:-291px 0;  width: 77px;}
#btn_links             { background-position:-368px 0;  width: 72px;}
#btn_contact           { background-position:-440px 0;  width: 96px;}
#btn_search_box        { background-position:-536px 0;  width:272px; border: none;}
input#btn_search       { background-position:-808px 0;  width: 86px; border: none; padding-top:38px; font-size:0;}
a:hover#btn_home       { background-position:  0    -38px;  width: 68px;}
a:hover#btn_tutorials  { background-position: -68px -38px;  width:111px;}
a:hover#btn_portfolio  { background-position:-179px -38px;  width:112px;}
a:hover#btn_about      { background-position:-291px -38px;  width: 77px;}
a:hover#btn_links      { background-position:-368px -38px;  width: 72px;}
a:hover#btn_contact    { background-position:-440px -38px;  width: 96px;}
a:hover#btn_search_box { background-position:-536px -38px;  width:272px;}
#btn_search:hover     { background-position:-808px -38px;  width: 86px;}

#content_left          { float:left; width: 69%;}
#content_left_inner    { padding-left:60px;}
#footer_left           { float:left; width: 68.8%; padding-bottom: 36px; text-align:center; color: #7C7C7C;}
#footer_left_inner     { margin-left: 61px; background: #E7F6A1  url(../images/bg_footer_inner.jpg) top no-repeat;  padding: 14px 4px;}
#foot_site_links       { width: 164px; float:left; text-align: left; margin-left:4px; }
#foot_hollen-b         { width: 164px; float:left; text-align: left; }
#foot_pop_links        { width: 300px; float:left; text-align: left; }
#copyright             { font-size: 7pt; text-align: center; padding-left:50px; }

#nav_right             { float:right; width: 30.8%;}
#nav_right_inner       { width: 246px; margin-left: 4px; }

.nav_right_links ul      { margin: 0; padding: 0; list-style:none; }
.nav_right_links li      { margin: 1px 0 0 0; padding:0; background-color: #D4ECFE; list-style:none; text-transform:uppercase; font-weight:bold; font-size: 11px;}
.nav_right_links a       { display: block; background-color: #D4ECFE; padding:  2px 4px; }
.nav_right_links a:hover { display: block; background-color: #679DD3; color: #ffffff; }
.social_icon             { margin-right: 10px;}

.tutorial_thumb_block     { float: right; width: 275px; text-align: right; }
.tutorial_thumb_block img { border: 10px #D4ECFE solid; margin: 2px;}

.split50            { width: 50%; float:left;}
#message            { background-color:#FFFFFF; width: 400px; width:100%; margin-bottom:20px; border: 1px #D13D94 solid; color: #D13D94;}
#webdesign_box      { background: url(../images/bg_webdesign.jpg) no-repeat; margin: 20px 0 0 18px; width:454px; color:#FFFFFF;}
.webdesign_list     { background:; font-weight:bold; float:left; width: 126px; }

#add_comment        { border: 1px #EEEEEE solid; }
#add_comment ul     { margin: 0; padding: 0; list-style: none;}
#add_comment li     { margin: 0; padding: 10px 0; clear: both;}
#add_comment label  { float:left; display:block; font-weight: bold; }
#add_comment input  { float: right;}
#add_comment textarea{ width: 99%; }

#google_adsense   { text-align: center; margin-top: 60px; height:60px; }

/* *** STRUCTURE STYLES *** */
.contact		  { padding:10px; border:10px #7C7C7C solid; margin: auto;}
.contact_title    { background: #E6E6E6; padding: 4px 8px; font-weight: bold;}
.contact ul       { margin: 0; padding: 0; list-style: none;}
.contact li       { margin: 0; padding: 10px 0; clear: both;}
.contact label    { float:left; display:block; font-weight: bold; }
.contact input    { float: right;}
.contact textarea { width: 99%; }
.button				{ border:1px #7C7C7C solid; background-color: #E2E2E2; line-height: 16px; font-size: 14px; color: #7C7C7C;}
/* 	*** END Structure ***	*/
/* *** PSEUDO *** */
a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: #679DD3; }
/* *** COMMON *** */
p               { margin: 0; padding: 0 0 18px 0;}
img             { border: none; }
ul              { margin: 0; padding: 0; list-style: outside;}
li              { margin: 0 0 0 18px; padding: 0; }
ol              { padding:10px 20px; }

.fuschia        { color: #D13D94;}
.blue           { color: #75ADC8;}
.white          { color: #FFFFFF;}
.white a        { color: #FFFFFF;}
.l_green        { color: #CADA2A; font-weight: bold; font-size:28px;}
.m_green        { color: #CADA2A; font-weight: bold; font-size:20px;}
.clr            { clear: both; }
a.bdr_image_left{ float:left; border: 10px #D4ECFE solid; margin: 0 10px 10px 0}
#footer_left a  { color: #7C7C7C; font-weight:bold;}
.content      	{ padding: 10px; line-height: 12pt; text-align: justify; }
.nav_right_content { padding: 4px; color: #679DD3; }

.content_small	{ padding: 2px; }

.content_border { border: 1px #F0F0F0 solid; }



.comment_box   { border: 1px #EEEEEE solid; margin-bottom: 10px; }

.comment_date  { float:right; color:#CCCCCC; }

.comment_name  { border-bottom: 1px #EEEEEE solid; font-weight: bold; }



.message       { padding: 10px; color: #7C7C7C; border: 1px #7C7C7C solid; background: #EFF3BF; margin: 4px 0;} 

.error         { padding: 10px; color: #990000; border: 1px #990000 solid; background: #F1E5E2; margin: 4px 0;}

.message strong,

.error strong{ font-size:16px; text-transform:uppercase;}



ul.gallery 		{ width: 400px; margin: 18px auto 0 auto; padding:0;}

.gallery li 	{ margin:0; padding:0; float:left; list-style: none; text-align: center; width: 25%; background: url(../images/gallery_booarder.jpg) top right no-repeat; }

li.no_border    { background-image:none;}



.codebox        { border: 1px #999999 dashed; padding: 0 4px; margin: 4px 0; overflow: auto; width: 100%;}



.topnav         { width: 795px; margin: auto; text-align: left;}



.float_left     { float:left; }

.float_right    { float:right; }



.txt_left     	{ text-align:left; }

.txt_right      { text-align:right; }

.txt_center     { text-align:center; }



.contact_center { margin: auto; width: 250px; text-align:center; }