/* -- Stylesheet for www.clinematic.com -- */
/* -- by Jeff Cline -- */

/* ----- # General Rules # ---------- */
html, body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: sans-serif;
	color: black;
	background-color: #069;
	}
div {
	margin: 0;
	padding: 0;
	}
h1 {
	display: none;
	}
h2 {
	color: black;
	margin: -.3em 0 0 0;
	padding: 0 0 1em 1.05em;
	font-size: large;
	font-weight: normal;
	}
h3, h4, h5 {
	color: #006;
	margin: 0 0 .35em 0;
	padding: 0 0 .2em 0;
	}
h3 {
	font-size: large;
	border-bottom: 1px dashed gray;
	color: #006;
	}
h3.processheaders, h4.processheaders {
	color: #006;
	margin: 0;
	padding: 0;
	border: none;
	}
h4.processheaders {
	margin-bottom: 2em;
	padding-bottom: .2em;
	font-size: medium;
	border-bottom: 1px dashed gray;
	}
h5 {
	font-size: small;
	}
p {
	margin: 0 0 2.5em 1em;
	padding: 0;
	line-height: 1.5em;
	}
p.smallprint {
	font-size: x-small;
	margin: 0;
	padding: 0;
	}
dd {
	padding-bottom: 1.5em;
	}
dd ul {
	margin: 0;
	padding-left: 1em;
	}
strong {
	font-weight: bold;
	}
ul {
	padding: 0;
	margin: 0 0 2.5em 2em;
	}
li {
	padding: .1em 0;
	margin: 0;
	list-style-image: url(images/bullet.gif);
	}
ol {
	margin: 0 0 0 3em;
	padding: 0;
	}
ol li {
	list-style-image: none;
	}
ul#processnav {
	margin: 0;
	padding: 0 0 0 1em;
	list-style-type: none;
	}
ul#processnav li {
	list-style-image: none;
	}
	
/* ----- # Header Rules # ---------- */
#header {
	position: relative;
	background: #ff9 url(images/dancing_package.gif) 96% top no-repeat;
	font-size: 93%;
	}
#header img {
	display: block;
	padding: 0 0 0 .5em;
	}

/* ----- # Tab Rules # ---------- */
#tabs {
	float: left;
	width: 100%;
	background: url("images/bg_trans.gif") repeat-x bottom; /* This is the line under the tabs */
	}

/* This hack will keep the tabs smaller in IE6 */
/* hide from IE5 mac \*/
* html #tabs {font-size: x-small;}
/* end hide from IE5 mac */

#tabs ul {
	padding: 0 0 0 1em;
	margin: 0;
	list-style: none;
	}
	
/* ----- # Unselected Tab Rules # ---------- */
#tabs li {
	float: left;
	padding: 0;
	margin: 0;
	background: url("images/norm_right.gif") no-repeat right top;
	list-style-image: none;
	border-bottom: 1px solid black;
	}
#tabs a {
	float: left;
	text-decoration: none;
	display: block;
	background: url("images/norm_left.gif") no-repeat left top;
	padding: 5px 15px 4px; /* 4px bottom padding allows background line from div#tabs to show through */
	}

/* hide from IE5 mac \*/
#tabs a {float: none;}
/* end IE5 mac hack */

#tabs li a:link {color: #141414;} /* Not quite black */
#tabs li a:visited {color: #141414;}
#tabs li a:hover {color: maroon;}

/* ----- # Selected Tab Rules # ---------- */
#tabs .current_page {
	background-image: url("images/norm_right_on.gif");
	border-width: 0;
	}
#tabs .current_page a {
	background-image: url("images/norm_left_on.gif");
	display: block;
	padding-bottom: 5px; /* Causes this tab to cover the background line from div#tabs */
	color: white;
	}
#tabs .current_page a:link {color: white;}
#tabs .current_page a:visited {color: white;}
#tabs .current_page a:hover {color: white;}

/* ----- # Bluebar Rules # ---------- */
#bluebar {
	background-color: #069;
	border-bottom: 2px solid black;
	clear: left;
	padding: 0 0 .25em 1em;
	height: 1.25em;
	}

/* ----- # Content Rules # ---------- */
#content {
	padding: 2em;
	background-color: white;
	border-bottom: 2px solid navy;
	}
#contentwrapper {
	float: left;
	width: 50%;
	}
#clearingdiv {
	clear: both;
	}
#arrowwrapper {
	padding: 3em 0 0 0;
	margin: 0;
	list-style-type: none;
	}
#arrowwrapper li {
	display: inline;
	padding: 0;
	margin: 0;
	}
#arrowwrapper li.examples {
	padding: 0;
	margin: 0;
	vertical-align: .4em;
	}
#arrowwrapper li a {
	padding-right: .2em;
	}
	
/* ----- # Image Rules # ---------- */
#image_wrapper {
	float: left;
	margin: 0 0 3em 4em;
	font-size: x-small;
	width: 36.5%;
	}
#image_wrapper img {
	border: 1px solid black;
	}
#image_wrapper .img_no_border {
	border: none;
	}
#example_wrapper {
	float: left;
	margin-right: 2em;
	}
#arrowwrapper img {
	border: none;
	padding: 0 .2em 0 0;
	margin: 0;
	}
	
/* ----- # Caption Rules # ---------- */
#content #image_wrapper p {
	width: 300px;
	margin: 0;
	padding: .5em 0 1.5em 0em;
	}
#captionwrapper {
	float: left;
	width: 30%;
	}
#captionwrapper p {
	margin: 0;
	padding: 0;
	}
#paypal {
	margin: 0 0 0 3em;
	padding-bottom: 2em;
	}

/* ----- # Thumbnail Image Rules # ---------- */
#thumbnail_float {
	float: left;
	padding: 2em;
	}
#thumbnail_float img {
	border: 1px solid black;
	}
#thumbnail_float p {
	text-align: center;
	margin: 0;
	padding: .25em 0 0 0;
	}

/* ----- # Form Rules # ---------- */
#form {
	clear: both;
	margin: 0;
	padding: 0 0 0 1em;
	}
input {
	display: block;
	margin: 0 0 1.5em 0;
	padding: 0;
	}
#form .input_nospace {
	margin: 0 0 .5em 0;
	}
textarea {
	display: block;
	margin: 0 0 1.5em 0;
	padding: 0;
	}
label {
	display: block;
	margin: 0 0 .25em 0;
	padding: 0;
	}

/* ----- # Footer Rules # ---------- */
#footer {
	clear: both;
	padding: .5em 0 1em 3em;
	font-size: x-small;
	color: white;
	border-top: 3px solid gray;
	}

/* ----- # Hack Rules # ---------- */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #header {
	height: 1%;
	}
/* End hide from IE5/mac */