/* Jewelsleeve.com Interface CSS */
/* 02-01-2006                    */
/* by Kenny Frank                */
/*    Excellanz Graphics         */

/* main container setup */
div.baseContainer {
	position: relative;
	width:750px;
	height:500px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-color: white;
}

/* basic layout div containers */
div.topCapContainer {
	position:relative;
	width:750px;
	height:60px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-image:url(../images/if/topCap.jpg);
	background-repeat: no-repeat;
}
div.leftMenuContainer {
	position:absolute;
	top:60px;
	left:0px;
	width:125px;
	height:210px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: white;
}
div.leftSidePhoneContainer {
	position:absolute;
	top:360px;
	left:0px;
	width:125px;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:white;
}
.leftSidePhoneContainer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:blue;
	text-decoration:none;
	text-align: center;
}
div.leftStackContainer {
	position:absolute;
	top:60px;
	left:125px;
	width:149px;
	height:480px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image: url(../images/if/leftStack.jpg);
	background-repeat:no-repeat;
}
div.centerContentContainer {
	position:absolute;
	top:60px;
	left:279px;
	width:330px;
	height:480px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:white;
}
div.centerContentContainer div.top {
	position: relative;
	width:330px;
	height:90px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	background-color:white;
}
div.centerContentContainer div.middle {
	position:relative;
	width:330px;
	height:250px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	background-color:white;
}
div.centerContentContainer div.bottom {
	position:relative;
	width:330px;
	height:130px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:white;
}
div.centerContentContainerWide {
	position:relative;
	top:0px;
	left:200px;
	width:500px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:white;
}
div.rightStackContainer {
	position:relative;
	top:0px;
	left:614px;
	width:135px;
	height:480px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image: url(../images/if/rightStack.jpg);
	background-repeat: no-repeat;
}
div.bottomMenuContainer {
	position: relative;
	width:750px;
	height:30px;
	font-size:11px;
	margin:0px auto 10px auto;
	padding:10px 0px 0px 0px;
	background-color:transparent;
}
div.bottomCapContainer {
	position:relative;
	width:750px;
	height:60px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-image: url(../images/if/bottomCap.jpg);
	background-repeat: no-repeat;
	clear: both;
}
div.bottomCapContainer div.copyright {
	position:absolute;
	top:35px;
	_top:40px; /* seen by IE only */
	left:0px;
	width:350px;
	height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:transparent;
}
div.copyright p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:black;
}
div.copyright a {
	color:black;
	text-decoration: none;
}
div.copyright a:hover {
	color:black;
	text-decoration: underline;
}

/* left menu table layout */
.leftMenuTbl {
	width:125px;
	background-color:white;
}
.leftMenuTbl a {
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:white;
	background-color:rgb(46,48,146);
	padding:7px 0px 7px 10px;
	text-decoration: none;
}
.leftMenuTbl a:hover {
	background-color:rgb(146,145,46);
}
.leftMenuTbl .thisPage {
	background-color:rgb(146,145,46);
}

/* top menu table layout */
.topMenuTbl {
	width:420px;
	margin:2px 0px 0px auto;
	background-color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:black;
}
.topMenuTbl a {
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:black;
	text-decoration: none;
	margin-right:23px;
}
.topMenuTbl a.red {
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:red;
	text-decoration: none;
	margin-right:23px;
}
.topMenuTbl a.blue {
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:blue;
	text-decoration: none;
	margin-right:23px;
}
.topMenuTbl a:hover {
	text-decoration:underline;
}

/* bottom menu layout */
div.bottomMenuContainer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:black;
	text-align: center;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}
div.bottomMenuContainer a {
	color:blue;
	text-decoration: none;
}
div.bottomMenuContainer a:hover {
	color:black;
	text-decoration: underline;
}

/* text setups for content pages */
div.centerContentContainerWide h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0px 0px 10px 0px;
	padding:0px 10px 0px 10px;
}
div.centerContentContainerWide h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:15px 0px 10px 0px;
	padding:0px 10px 0px 10px;
}
div.centerContentContainerWide p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	margin:12px 0px 0px 0px;
	padding:0px 10px 0px 20px;
}
div.centerContentContainerWide p a {
	color:black;
	text-decoration: underline;
}
div.centerContentContainerWide p a:hover {
	color:blue;
	text-decoration:underline;
}
div.centerContentContainerWide p.name { /* used on the testimonials page */
	font-style: italic;
	margin:0px 0px 0px 0px;
	padding:5px 10px 0px 20px;
}
div.centerContentContainerWide p.name a { /* used on the testimonials page */
	color:black;
	text-decoration: underline;
}
div.centerContentContainerWide p.name a:hover { /* used on the testimonials page */
	color:blue;
	text-decoration: underline;
}
div.centerContentContainerWide hr {
	width:100px;
	margin:15px auto 15px auto;
}
div.centerContentContainerWide .underline {
	text-decoration:underline;
}


img.leftSide {
	float:left;
	width:inherit;
	height:inherit;
	margin:0px 10px 2px 0px;
	padding:0px 0px 0px 0px;
	border:1px solid black;
	background-color:transparent;
}
img.rightSide {
	float:right;
	width:inherit;
	height:inherit;
	margin:0px 0px 2px 10px;
	padding:0px 0px 0px 0px;
	border:1px solid black;
	background-color:transparent;
}

/* ordered list setup */
ol.js li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	margin:7px 0px 0px 0px;
	padding:0px 10px 0px 6px;
}