× close edit hex TEXT viewer: /julstro.com/julstroSite.css 
/* global elements */

* {
	margin:0;
	padding:0;
	}
	
html {
	height:100%;
	}
	
body{
	height:100%;
	background:url(images/background_hdr.png) repeat-x top;
	background-color:#EBF1FC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000033;
	margin:0;	
	}
	
/* page structure, specific ids and classes */

#wrap {
	position:relative;
	min-height:100%;
	width:1024px;
	margin:0 auto 0 auto;
	}
	
#singleWrap {
	position:relative;
	min-height:100%;
	width:75%;
	margin:0 auto 0 auto;
	padding-bottom:200px;
	}
	
/* top navigation */

#topNav{
	position:relative;
	width:100%;
	margin:10px 0 0 0;
	padding:0;
	font-size:.75em;
	font-weight:bold;
	text-align:right;
	color:#EBF1FC;
	}
		
/* define content elements */

#content {
	position:relative;
	width:425px;
	min-height:100%;
	margin:25px 0 20% 0;
	padding:0 0 0 2%;
	float:left;
	border-left:4px double #000033;
	}
	
#contentNoRightBar {
	position:relative;
	width:70%;
	min-height:100%;
	margin:25px 0 20% 0;
	padding:0 0 0 1%;
	float:left;
	border-left:4px double #000033;
	}
	
#contentNoNav {
	position:relative;
	width:90%;
	min-height:100%;
	margin:125px 0 20% 0;
	padding:0 0 0 1%;
	float:left;
	border-left:4px double #000033;
	}
		
/* header elements */

#header {
	position:relative;
	width:100%;
	margin:5px 0;
	padding:5px 0;
	background-image:url(julstro_logos/logo_bakgrnd.png);
	background-repeat:repeat;
	border-top:4px double #000033;
	border-bottom:4px double #000033;
	border-left:1px solid #000033;
	border-right:1px solid #000033;
	}
		
#logoBox {
	position:relative;
	width:23%;
	margin:2px 2%;
	padding:2px 2%;
	text-align:center;
	float:left;
	}	
		
.xtraHeadDiv1 {
	position:relative;
	width:57%;
	margin:10px 0 10px 40%;
	padding:2px 1%;
	text-align:right;
	font-size:.8em;
	color:#EBF1FC;
	}
		
.xtraHeadDiv2 {
	position:relative;
	width:57%;
	margin:10px 0 10px 40%;
	padding:2px 1%;
	text-align:right;
	font-size:.8em;
	color:#EBF1FC;
	}
		
.xtraHeadDiv3 {
	position:relative;
	width:57%;
	margin:10px 0 10px 40%;
	padding:2px 1%;
	font-size:.8em;
	text-align:right;
	color:#000033;
	}
	
.xtraTopLeftDiv1 {
	clear:both;
	position:relative;
	width:39%;
	margin:1px 0;
	padding:1px 0;
	font-size:.75em;
	font-weight:bold;
	text-align:center;
	color:#000033;
	float:left;
	border-top:4px double #000033;
	border-bottom:4px double #000033;
	border-left:1px solid #000033;
	border-right:1px solid #000033;
	}
	
.xtraTopMiddleDiv1	{
	position:relative;
	width:29%;
	margin:1px 0 1px 3em;
	padding:1px 0;
	font-size:.75em;
	font-weight:bold;
	text-align:center;
	color:#000033;
	float:left;
	}
					
	
.xtraTopRightDiv1 {
	position:relative;
	width:25%;
	margin-right:-2px;
	padding:0;
	font-size:.9em;
	text-align:right;
	color:#000033;
	float:right;
	border-top:4px double #000033;
	border-bottom:4px double #000033;
	border-left:1px solid #000033;
	border-right:1px solid #000033;
	}
	
/* navigation and sidebar elements */
		
#leftsidebar {
	position:relative;
	float:left;
	width:250px;
	margin:15px 0 300px 0;
	padding-right:1em;
	}
	
#rightsidebar {
	position:relative;
	float:left;
	width:250px;
	margin:25px 0 0 1%;
	padding-left:1%;
	border-left:4px double #000033;
	}
	
#rightsidebarXtraDiv	{
	position:relative;
	border:3px double #000033;
	margin-bottom:25px;
	}
		
.xtraDivSide1 {
	position:relative;
	width:98%;
	}
	
#navbar {
	width:100%;
	text-align:left;
	}
		
/* footer elements */

#footer {
	position:relative;
	width:100%;
	z-index:2;
	}
	
.xtraDivIconWrap {
	position:absolute;
	bottom:100px;
	width:25%;
	overflow:hidden;
	}
	
/* format Authorize.net Seal */

.authorizeNetSeal {
	height:70px;
	padding:15px 0 15px 15px;
	float:left;
	}
	
/* format BBB Seal */
	
.bbbSeal  {
	padding:15px 0 15px 15px;
	text-align:left;
	float:left;
	}
	
/* format Return Policy Seal */
	
.returnPolicySeal {
	padding:15px 0 15px 15px;
	text-align:left;
	float:left;
	}
	
/* format Credit Card Icons */
	
.creditCard {
	padding:15px 0 15px 15px;
	float:left;
	}
	
#pageBottom {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:200px;
	background-image:url(images/background_footer.png);
	background-repeat:repeat-x;
	z-index:-1;
	}
	
/* various elements */

.separator	{
	height:.5em;
	background-image:url(images/separator.gif);
	background-repeat:repeat-x;
	vertical-align:middle;
	}

img.imageContainer {
	padding:3px 5% 0 0;
	float:left;
	overflow:hidden;
	}	
			
/* float divs */
	
img.floatLeft {
	padding:0 5% 0 1%;
	float:left;
	overflow:hidden;
	}
	
img.floatRight {
	margin:0;
	padding:0 2%;
	float:right;
	}
	
#xtraDiv1 { /* sits right bottom */
	position:relative;
	width:18%;
	left:-25%;
	margin-top:100px;
	}
	
/* newsletter subcription form */
	
.newsletter_sub { 
	width:100%;
	padding:25px 0 0 10%;
	}
	
/* comment form */
	
.comment_sub { 
	width:75%;
	padding:1%;	
	font-size:1.2em;
	text-align:left;
	color:#000033;
	}
	
/* cleaner - clears floats */

.cleaner {
	clear:both;
	height:1px;
	margin:0;
	border:none;
	padding:0;
	background:transparent;
	}


 /* video elements on index */
	
#vidDiv1{ /* holds julie tool tip */
	padding:5%;
	text-align:left;
	}
	
#vidDiv2 {
	padding:5%;
	text-align:left;
	}
	
#systemDiv1 { /* holds system on index */
	width:40%;
	margin-left:25%;
	padding-top:5%;
	padding-bottom:5%;
	text-align:center;
	}
	
#systemDiv2 { /* holds system throughout */
	width:100%;
	text-align:left;
	}