/*Container*/

#container_index {
	position:relative;
	width:800px;
	height:600px;
	margin:0 auto;
	background-position: center;
	background-image:url('images/jo_index_back.jpg');
	z-index:1;
}
#container_who {
	position:relative;
	width:800px;
	height:600px;
	margin:0 auto;
	background-position: center;
	background-image: url('images/jo_who_back.jpg');
	z-index:1;
}
#container_what {
	position:relative;
	width:800px;
	height:600px;
	margin:0 auto;
	background-position: center;
	background-image: url('images/jo_what_back.jpg');
	z-index:1;
}
#container_where {
	position:relative;
	width:800px;
	height:600px;
	margin:0 auto;
	background-position: center;
	background-image: url('images/jo_where_back.jpg');
	z-index:1;
}
#container_why {
	position:relative;
	width:800px;
	height:600px;
	margin:0 auto;
	background-position: center;
	background-image: url('images/jo_why_back.jpg');
	z-index:1;
}
#container_work {
	position:relative;
	width:800px;
	height:600px;
	margin:0 auto;
	background-position: center;
	z-index:1;
}
#container_sample1 {
	position:relative;
	width:800px;
	height:600px;
	margin:0 auto;
	background-position: center;
	background-image: url('images/work_samp_back.gif');
	z-index:1;
}
#container_website {
	position:relative;
	width:800px;
	height:600px;
	margin:0 auto;
	background-position: center;
	background-image:  url('images/jo_websites_back.jpg');
	z-index:1;
}
#container_logo {
	position:relative;
	width:762px;
	height:551px;
	margin:0 auto;
	background-position: center;
	background-image: url(images/bkgrnd_logo.gif);
	z-index:1;
}
#designs_website {
	position:absolute;
	left:25px;
	top:36px;
	width:351px;
	height:147px;
	z-index:2;
}
#designs_sample1 {
	position:absolute;
	left:25px;
	top:36px;
	width:351px;
	height:147px;
	z-index:2;
}
#text_sample1 {
	position:absolute;
	left:25px;
	top:36px;
	width:351px;
	height:147px;
	z-index:2;
}
#butttons_sample {
	position:absolute;
	left:25px;
	top:36px;
	width:351px;
	height:147px;
	z-index:2;
}


#menu_index {
	position:absolute;
	left:25px;
	top:36px;
	width:351px;
	height:147px;
	z-index:2;
}
#logo_examples {
	position:absolute;
	left:25px;
	top:36px;
	width:351px;
	height:147px;
	z-index:2;
}
/*Textboxes*/

#textbox_index {
	position:absolute;
	left:25px;
	top:36px;
	width:351px;
	height:147px;
	z-index:1;
}
#textbox_what {
	position:absolute;
	left:25px;
	top:36px;
	width:351px;
	height:147px;
	z-index:2;
}
#textbox_where {
	position:absolute;
	left:25px;
	top:36px;
	width:351px;
	height:147px;
	z-index:2;
}
#textbox_who {
	position:absolute;
	left:25px;
	top:36px;
	width:351px;
	height:147px;
	z-index:2;
}
#textbox_why {
	position:absolute;
	left:25px;
	top:36px;
	width:351px;
	height:147px;
	z-index:2;
}
#textbox_logo {
	position:absolute;
	left:25px;
	top:36px;
	width:351px;
	height:147px;
	z-index:1;
}
/*Footer*/

#footer {
	position:absolute;
	left:25px;
	top:36px;
	width:351px;
	height:147px;
	z-index:2;
}
#footer_sample {
	position:absolute;
	left:25px;
	top:36px;
	width:351px;
	height:147px;
	z-index:2;
}
#footer_logo {
	position:absolute;
	left:25px;
	top:36px;
	width:351px;
	height:147px;
	z-index:2;
}

/*Style*/
.style1 {
	font-family: ArialMT, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	color: gray;
}
.style2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	line-height: 1.5;
	color: gray;
}
.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #009900;
}
.style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: gray;
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	line-height: 1.5;
	color: #A08C9F;
	text-decoration:none;
	font-weight: bold;
}
.style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: white;
	text-decoration: none;
}
.style7 {
	font-family: ArialMT, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	color: #718D4A;
}
.style8 {
	font-family: ArialMT, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	color: #F29E00;
}
.style9 {
	font-family: ArialMT, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	color: #4C8787;
}
.style10 {
	font-family: ArialMT, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	color: #7288A6;
}
.style11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	font-style: italic;
}
.style12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	line-height: 1.5;
	color: #F25A24;
	text-decoration:none;
	font-weight:bold;
}
.style13 {
	color: #7973B5;
	text-decoration: none;
	font-weight:bold;
}
.style14 {
	color: #EFA91E;
	text-decoration: none;
	font-weight: bold;
}
.style15 {
	border: 0;
}
.style16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	line-height: 1.5;
	text-decoration: none;
	font-weight:bold;
	color:black;
}
.style17 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	line-height: 1.5;
	color: #889387;
	text-decoration:none;
	font-weight:bold;
}
.style18 {
	color: #89C6ED;
	font-weight:bold;
	text-decoration:none
}
.style19 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	line-height: 1.5;
	text-decoration:none;
	font-weight:bold;
	color:black;
	}
.style20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7288A6;
}
.style21 {
	font-family: ArialMT, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	color: #4C8787;
	text-decoration:none; 
}
.style22 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 27px;
	line-height: 1.1;
	color: #7288A6;
	text-decoration:none; 
}
.style23 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.1;
	color: #7288A6;
	text-decoration:none; 
}
.style24 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 43px;
	line-height: 1.1;
	color: #FCB13B;
	text-decoration:none; 
}
.style25 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20.5px;
	line-height: 1.1;
	color: #FCB13B;
	text-decoration:none; 
}
.style26 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.1;
	color: #FCB13B;
	text-decoration:none; 
}
/*Footer*/

a.green, a.green:link, a.green:visited {
	color: #009900;
	text-decoration: none;
}
a.green:hover {
 	text-decoration: underline;
}
a.gray, a.gray:link, a.gray:visited {
	color: gray;
	text-decoration: none;
}
a.gray:hover {
 	text-decoration: underline;
}
a.army, a.army:link, a.army:visited {
	color: #718D4A;
	text-decoration: none;
}
a.army:hover {
 	text-decoration: underline;
}
a.yellow, a.yellow:link, a.yellow:visited {
	color: #F29E00;
	text-decoration: none;
}
a.yellow:hover {
 	text-decoration: underline;
}
a.aqua, a.aqua:link, a.aqua:visited {
	color: #4C8787;
	text-decoration: none;
}
a.aqua:hover {
 	text-decoration: underline;
}
a.whyblue, a.whyblue:link, a.whyblue:visited {
	color: #7288A6;
	text-decoration: none;
}
a.whyblue:hover {
 	text-decoration: underline;
}
a.workblue, a.workblue:link, a.workblue:visited {
	color: #364C7F;
	text-decoration: none;
}
a.workblue:hover {
 	text-decoration: underline;
}