/* david griffen photography and design */

body 	{font-family: tahoma, sans-serif; font-size : 11px; color: #EEEEEE; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding:0px 0px; cursor: crosshair; background:#222;}

h1	{font-family: tahoma, sans-serif; font-size : 12px; color: #EEE; font-weight: normal; margin: 0 0; padding: 0; border: 0 none inherit; line-height: 1.5em;}
h2	{font-family: tahoma, sans-serif; font-size : 12px; color: #F6B620; font-weight: strong; margin: 0px 0; padding: 0; border: 0; line-height: 1.5em;}
h3	{font-family: tahoma, sans-serif; font-size : 18px; color: #F6B620; font-weight: strong; margin: 0px 0; padding: 0; border: 0; line-height: 0.9em;}

h4	{font-family: georgia, sans-serif; font-size : 16px; color: #FFFFFF; font-weight: strong; margin: 0px 0; padding: 0; border: 0; line-height: 0.9em;}
h5	{font-family: tahoma, sans-serif; font-size : 17px; color: #FFFFFF; font-weight: strong; margin: 0px 0; padding: 0; border: 0; line-height: 0.9em;}

hr {border: none 0; border-top: 1px dashed #666666; height: 1px;} 

a 	{font-size : 11px; text-decoration: none; cursor: crosshair;}
a:link	{font-size : 11px; text-decoration : none; color : #F6B620;}
a:visited	{font-size : 11px; text-decoration : none; color : #F6B620;}
a:active	{font-size : 11px; text-decoration : none; color : #F6B620;}
a:hover	{font-size : 11px; text-decoration : none; color : #FFFFFF;}

#all	{background:#000000; margin: 0 auto; padding: 0; border: 0 none inherit; width: 700px; text-align: right;}
#head	{background:#000000; margin: 0 auto; padding: 0; border: 0 none inherit; width: 700px; height: 260px; text-align: right;}
#body	{margin: 0 auto; padding: 0; border: 0 none inherit; width: 700px; text-align: left; background: #BA6321 url(./i/bg_arrows.gif) right repeat-y;}

#box01	{background:#000000; width: 660px; height: 160px; margin: 0 auto; padding: 15px; border: 0 none inherit; text-align: left; positon: relative; background: transparent url(./i/bg_01.jpg) bottom center no-repeat;}
#box02	{background:#000000; width: 700px; height: 38px; margin: 0; padding: 0; border: 0 none inherit; text-align: left; positon: relative;}
#box03	{background:#000000; width: 700px; height: 12px; margin: 0; padding: 0; border: 0 none inherit; text-align: left; positon: relative; font-size: 12px; font-weight: bold; color:#F6B620;}
#box03 a {font-size : 12px; font-weight: bold ; text-decoration: none; cursor: crosshair;}

div#menu	{float:left; width: 116px; height: 26px; font-weight: bold; color:#000;}
div#menu a 	{width: 116px; height: 26px; display: block; text-align: left; background: #000 url(./i/menu_new.gif);}
div#menu a:hover	{width: 116px; height: 26px;background: #555 url(./i/menu2_new.gif);}



/* index.htm layout */

#box04_index	{width: 680px; height: 900px; margin: 0px; padding: 10px; border: 0px; text-align: left; positon: relative; background: transparent url(./i/jj07_index.jpg) top no-repeat;}

#col_01a		{width: 185px; height: 655px; padding: 5px; padding-top: 292px; background: transparent url(./i/bg-col_01a.jpg) bottom no-repeat; float: left;}
#content_01a	{width: 160px; height: 655px; padding: 10px; background: transparent; float: left;}

#col_02a		{width: 185px; height: 655px; padding: 5px; padding-top: 292px; background: transparent url(./i/bg-col_02a.jpg) bottom no-repeat; float: left;}
#content_02a	{width: 160px; height: 655px; padding: 10px; background: transparent; float: left;}

#col_03a		{width: 280px; height: 365px; padding: 5px; padding-top: 415px; background: transparent; float: left;}





/* ad layouts */

#content_ad01	{width: 280px; height: 40px; padding: 0px; padding-bottom:5px; padding-top:80px; background: transparent url(./i/ad-01.jpg) top no-repeat; float: left;}
#content_ad02	{width: 280px; height: 120px; padding: 0px; padding-bottom:5px; background: transparent url(./i/ad-02.jpg) top no-repeat; float: left;}
#content_ad03	{width: 280px; height: 120px; padding: 0px; padding-bottom:5px; background: transparent url(./i/ad-03.jpg) top no-repeat; float: left;}




#content_wozzona			{float:left; padding:10px;}
#content_wozzonb			{float:left; padding:10px; padding-top:307px; }
#content_wozzon_a		{float:left; width:300px; padding:10px; background: #444444;}
#content_wozzon_b		{float:left; width:300px; padding:10px; background: #444444;}

#box04b		{width: 700px; height: 1000px; margin: 0px; padding: 0px; border: 0px; text-align: left; positon: relative; background: transparent url(./i/bg_steve.gif) top no-repeat;}
#box04c		{width: 700px; height: 611px; margin: 0px; padding: 0px; border: 0px; text-align: left; positon: relative; background: transparent url(./i/bg_marilyn.gif) top no-repeat;}
#box04d		{width: 700px; height: 546px; margin: 0px; padding: 0px; border: 0px; text-align: left; positon: relative; background: transparent url(./i/bg_about.jpg) top no-repeat;}
#box04e		{width: 700px; height: 611px; margin: 0px; padding: 0px; border: 0px; text-align: left; positon: relative; background: transparent url(./i/bg_map.gif) top no-repeat;}
#box04f		{width: 700px; height: 800px; margin: 0px; padding: 0px; border: 0px; text-align: left; positon: relative; background: #444444;}


#content_left_b	{float:left; width:300px; padding:10px;}
#content_right_b	{float:left; width:400px; padding:10px;}

#content_left_c	{float:left; width:420px; padding:10px;}
#content_right_c	{float:left; width:180px; padding:10px;}

#content_left_d	{float:left; width:300px; padding:10px;}
#content_right_d	{float:left; width:300px; padding:10px;}

#content_left_col	{float:left; width:180px; padding:0px; padding-top: 25px;}
#content_right_col	{float:left; width:180px; padding:0px; padding-top: 320px;}

#content_box	{float:right; width:172px; padding:2px; text-align: left;}
#content_content	{float:right; width:162px; padding:5px; background:#333;}

#content_index	{float:right; width:162px; height:750px; padding:5px; background:#333;}
#content_index_b	{float:right; width:162px; height:455px; padding:5px; background:#333;}

#content_about	{float:right; width:290px; height:560px; padding:5px; background:#333;}
#content_advert	{float:right; width:290px; padding:5px; background:#333;}

#content_p_on	{float:left; width:161px; padding:0px; padding-top: 235px; background:#333 url(./i/past_issue_01.jpg) top no-repeat;}
#content_p_dj	{float:left; width:161px; padding:0px; padding-top: 235px; background:#333 url(./i/past_issue_02.jpg) top no-repeat;}
#content_p_fm	{float:left; width:161px; padding:0px; padding-top: 235px; background:#333 url(./i/past_issue_03.jpg) top no-repeat;}
#content_p_am	{float:left; width:161px; padding:0px; padding-top: 235px; background:#333 url(./i/past_issue_04.jpg) top no-repeat;}
#content_p_jj	{float:left; width:161px; padding:0px; padding-top: 235px; background:#333 url(./i/past_issue_05.jpg) top no-repeat;}
#content_p_as	{float:left; width:161px; padding:0px; padding-top: 235px; background:#333 url(./i/past_issue_06.jpg) top no-repeat;}
#content_p_on_b	{float:left; width:161px; padding:0px; padding-top: 235px; background:#333 url(./i/past_issue_07.jpg) top no-repeat;}
#content_p_dj06	{float:left; width:161px; padding:0px; padding-top: 235px; background:#333 url(./i/past_issue_08.jpg) top no-repeat;}
#content_p_fm06	{float:left; width:161px; padding:0px; padding-top: 235px; background:#333 url(./i/past_issue_09.jpg) top no-repeat;}
#content_p_am06	{float:left; width:161px; padding:0px; padding-top: 235px; background:#333 url(./i/past_issue_10.jpg) top no-repeat;}
#content_p_jj06	{float:left; width:161px; padding:0px; padding-top: 235px; background:#333 url(./i/past_issue_11.jpg) top no-repeat;}
#content_p_as06	{float:left; width:161px; padding:0px; padding-top: 235px; background:#333 url(./i/past_issue_12.jpg) top no-repeat;}
#content_p_dj07	{float:left; width:161px; padding:0px; padding-top: 235px; background:#333 url(./i/past_issue_13.jpg) top no-repeat;}
#content_p_fm07	{float:left; width:161px; padding:0px; padding-top: 235px; background:#333 url(./i/past_issue_14.jpg) top no-repeat;}
#content_p_am07	{float:left; width:161px; padding:0px; padding-top: 235px; background:#333 url(./i/past_issue_15.jpg) top no-repeat;}



#content_p_blank	{float:left; width:161px; padding:0px; padding-top: 235px; background: transparent}

#content_p	{float:right; width:170px; padding:5px; background: transparent;}
#content_pb	{float:left; width:161px; padding:5px; background: #333;}
#content_pblank	{float:left; width:161px; padding:5px; background: transparent;}

#box05	{width: 700px; height: 44px; margin: 0; padding: 0px; border: 0; text-align: left; positon: relative; background: url(./i/bg_foot.jpg) top no-repeat;}
#box05l	{width: 700px; positon: float; clear: left; height: 44px; margin: 0; padding: 0px; border: 0; text-align: left; background: url(./i/bg_foot.jpg) top no-repeat;}
#box05r	{width: 700px; positon: float; clear: right; height: 44px; margin: 0; padding: 0px; border: 0; text-align: left; background: url(./i/bg_foot.jpg) top no-repeat;}

#gutter	{ font-size : 11px; color: #777; background:#222; margin: 0 auto; padding: 0; border: 0 none inherit; width: 700px; height: 44px; text-align: right;}

#content_simongreen	{float:right; width:300px; padding:5px; background:#333;}

input { 
font-family: tahoma;
font-size : 11px; 
border: 1px solid #000000; 
font-weight: normal; 
background-color: #F5F5F5; 
} 
textarea {
font-family: tahoma;
font-size : 11px; 
border: 1px solid #000000; 
font-weight: normal; 
background-color: #F5F5F5; 
}
select { 
font-family: tahoma;
font-size : 11px; 
border: 1px solid #000000; 
font-weight: normal; 
background-color: #F5F5F5; 
}





	/* life is beautiful */