/*************** JSI Worldwide style sheet 
	Designed by Patricia A. Simmons, Web Wise Concepts LLC
	Copyright 2006 *********************************/

body {/* set everything to zero for a good cross-browser starting point */
	margin: 0;/*zeroes the margins on the body*/
	padding: 0;/*zeroes the padding on the body */
	border: 0;/*zeroes off any existing border*/
	background-color:#ccc;/*sets the body background color*/
	color: #333; /*set the default text color */
	text-align: center; /* Hack to center the wrapper in IE5.x pc */
	font-family:Georgia, "Times New Roman", Times, serif;/*set the default fonts */
	font-size: 100.01%;/* Sets default font size and compensates for several browser bugs */
	min-width: 770px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
}
#wrapper {
	margin: 5px auto 5px auto;/* centers the wrapper first value */
	width: 670px; /* sets the width of the wrapper */
	position: relative; /* important to position it relatively */
	border: 3px solid #235CAB;/* sets a border to all 4 sides */
	text-align: left;
	color:#000066;
	background: #fff url(../images/wrapbkg.jpg) repeat-x bottom;
}
h1, h2, h3, h4, h5, h6 {
	color: #235CAB;
	background-color: inherit;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	padding: 10px 0;
	text-align: center;
}

h1{
	font-size: 130%;
	padding: 5px 0;
	font-variant:small-caps;
}

h2{
	font-size: 110%;
	text-align: left;
	padding-left: 50px;
}

h3, h4{
 	font-size: 95%;
	font-style: italic;
}

h5{
	font-size: 80%;
	margin: 10px 0;
}
h6 { 
	font-size: 80%;
}

/****** banner styles ***/
#banner{
	padding: 5px 10px;
	height: 120px;
	background: url(../images/border.jpg) repeat-x;
	font: bold 75% Arial, Helvetica, sans-serif;
	font-variant:small-caps;

}
#tag, #htag {
	float: right;
	color:#fff;
	background-color: inherit;
	margin-top: 95px;
	font: bold 10px Arial, Helvetica, sans-serif;
	}
#tag {
	margin-top: 6px;
}
#prod1 {
	float: left;
	margin-top: 20px;
	margin-right: 0;
}
#prod2 {
	float: right;
	margin-top: 20px;
	margin-left: 0;
}
#games {
	top: 20px;
	position: absolute;
	left: 550px;
}

/****** content styles ***/	
#content {/* Begin laying out and styling the content div */
	width: 100%;
	padding-top: .5em;
	background-image: url(../images/curve.gif);
	background-repeat: no-repeat;
	min-height: 350px;
}
#sect1 {
	width: 490px;
	margin-left: 168px;	
	margin-bottom: 10px;
}
#homesect2, #sect2 {
	width: 490px;
	margin-bottom: 10px;
	margin-left: 170px;
}
#sect3 {
	width: 85%;
	margin-bottom: 20px;
	margin-left: 8%;
}
#sitecontent {
	width: 770px;
	margin-left: 0;
	}
#content h1, #articles h1, #sitecontent h1 {
	font-weight: bold;
	line-height: 1.2;
	font-size: 120%;
	margin: 0 0 10px 30px;/* sets the margins*/
	padding-top: 20px;/* adds padding to the top to give a little clearance below the banner*/
}

#content h2, #articles h2{
	font-size: 120%;/* scale the font size*/
	margin: 0 0 5px 50px;/* set the margins*/
	padding-top: 10px;/* adds the top padding to move it down from elements above */
}

#content p{
	margin: 0 0 5px 30px;/* sets the margins on the p element with the content div*/
	font-size: 80%; /* scales the font size */
	padding: .5em .5em 0 0;/* sets the padding on the p element within the content div*/
	line-height: 1.4;
}
#content .left {/* Floats the images in the main content area to the left */
	float: left;/*Floats the image to the left*/
	margin: 15px 20px 2px 5px;/*sets the margins so the image sits nicely in the p elements*/
}
#content .right {/* Floats the images in the main content area to the right */
	float: right;/*Floats the image to the right*/
	margin: 15px 10px 2px 20px;/*sets the margins so the image sits nicely in the p elements*/
}
ul.itemlist, ul.list {
	font-size: 90%;
	padding-left: 30px;
	line-height: 1.3;
	font-weight: bold;
	}
ul.list {
	line-height: 1.3;
}
.promo {
	margin: 2.5em 1.5em;
	padding: 3px;
	font-size: 95%;
	border: 2px dashed #003399;
}

.standout {
	font-weight: bold;
	font-style: italic;
	color:#990000;
	background-color: white;
}

img.pleft {
	margin-top: 1.25em;
	padding-right: 1em;
	padding-left: 1.5em;
}
/******* Navigation *********/
#nav {
	width: 135px;
	text-align: left;
	padding-top: 60px;
	float: left;
}
#nav ul{
	font-size: 80%;
	line-height: normal;
}
#nav ul li{
	width: 90%;
	font-weight: bold;
	padding-top: 20px;
	list-style-type: none;
	}
#nav ul li#prod {
	padding-left: 0;
	}
#nav ul li#imprint {
	padding-left: .6em;
	}
#nav ul li#contact {
	padding-left: 1.1em;
	}
#nav ul li#about {
	padding-left: 2em;
	}
#nav ul li#home {
	padding-left: 3em;
	}
a{
text-decoration:none/* removes underline from all links on a page  */
}
a img {border: none;}
a:link, a:visited, 
h5 a:link, h5 a:visited, 
#content a:link, #content a:visited, 
#footer a {
	color:#003399; 
	background-color: inherit;
	font-weight: bold;
}
a:hover, a:focus, 
h5 a:hover, h5 a:focus, 
#content a:hover, #content a:focus,
#footer a:hover, #footer a:focus {
	background-color: #235CAB;/*sets the background color for hover and focus*/
	color:#fff;/* sets the text color for hover and focus*/
	font-weight: bold;
}
p#pkg img { padding: 0 2px;}

/********** Product Table **********/
table {
	width: 480px;
	font: bold 80% Arial, Helvetica, sans-serif;
	text-align: center;
}
table td {
	padding: 12px;
}
td a img {
	border: none;
}
/********** footer  *********/
#footer {/* Begin laying out and styling the footer div */
	clear: both; /* Keeps the side div above the footer */
	margin-top: 20px;
	font: 65% Arial, Helvetica, sans-serif;
	text-align: right;
	padding: 0 5px 10px 0;
}
/* to see footer link styles go to navigation section above 

/************* Breadcrumb styles *************/
.breadcrumb{
	font-size: 60%;
	padding: 10px 0;
	font-weight: normal;
}
/****** description styles ****/
dl {
	width: 80%;
	margin: 2em 0 2em 4em;
	}
dt {
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 3px;
	}
dd {
	font-size: 80%;
	margin: 1em 0 3em 1em;
	}

/****** special sizes and colors *******/
.smit {
	font-style: italic;
	font-size: 75%;
	padding: 3px;
}
.clears {
	clear: both;
	}
/****** Contact Form */
form p {
	clear: left;
	margin: 0;
	padding: 5px 0 0 0;
	}
form p label {
	font-size: .9em;
	float: left;
	width: 25%;
	line-height: normal;
	}
form fieldset {
	border: none;
	}
input#submit, input#clear {
	margin: 5px 20px;
	font-weight: bold;
	color:#000066;
	background: #ccc;
}
#anim_container {
	position: absolute;
	left: 36px;
	top: 22px;
}
/*** end stylesheet */