@charset "UTF-8";
/* CSS Document */


body	
{
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;

}

/* Site Header */


h1
{
	margin: 0;
	padding: 0;
}

h1 img
{
	border:0;/* will take off stroke */
}


/* Links */
a:link	{
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: underline;
}
a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #000000;
}
a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333333;
	background-color: #ccFFFF;
}

/* New Drop Down */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;/* removes the list bullets */
}


#nav {
	position:absolute; /* absolute:helps drop down not disturb layout NOTE: relative puts bar in center but need absolute for dropdown not to disturb */
	z-index:100;
	top : 85px;
	border: 0;
	left: 50%;
	width:962px;
	margin-left: -481px;
	/*content container div is being set right by 50% of the window width (so it's left edge is window center) then sucked exactly half it's own width back to the left, to put it right in the middle.*/
}


#nav dl 
{
float: left;/*took both float and width out and nav changed from horizontal line*/
width: 10em;
}
#nav dt {
cursor: pointer;
text-align: center;
font-size: 14px;/*collection button text*/
background: #333333;/*nav buttons*/
border: 1px solid gray;/*line between buttons*/
width:161px;
height:20px;
color:#ccffff;/*collection button text*/
font-weight:bold;
padding-bottom:2px;
}

#nav dd {
display: none;
border: 1px solid gray;

}
#nav li /*dropdown button: COLLECTION*/{
text-align:left;
background:#336699;/*INDIGO BLUE*/
border: 1px solid gray;


}

#nav li a, #nav dt a {
color: #ccffff;/*nav text*/
text-decoration: none;
height: 14px;
border: 0 none;
display: block;/*Allows padding to be applied to all sides increasing clickable area */
padding:4px;
font-size:14px;

}
#nav li a:hover, #nav li a:focus, #nav dt a:hover, #nav dt a:focus {
background: #ccffff;/*dropdowns under collection- NAVY#CCFFFF*/
color:#333333;/*nav hover text*/
}
.current a/*pink button*/
{
	background:#cc9999;
	color:#333333;
	text-shadow:inherit;
}


/* Shipping and Prev. Next. */
#nav-shipping
	{
	text-align: center;
	width: 962px;
	margin-top: 0px;/*space under prev/next bar*/
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
	}

#navigationShip
{
	list-style-type: none;/* removes the list bullets */
	float: left;
	width: 962px;
	margin-left:0;/* removes left indentation (both margin and pad to 0) */
	padding-left:0px;/* removes left indentation (both margin and pad to 0) */
	margin-top: 27px;

}

#navigationShip li
{
	display:inline;/* makes list horizontal? */

}

#navigationShip a /* items on bar */
{
	display: block;/*Allows padding to be applied to all sides increasing clickable area */
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	padding:4px;
	
}
#navigationShip a:link, #navigationShip a:visited, #navigationShip a:active	/* menu at rest */
	{
	color: #333333;
	background-color: #ccffff;
	text-decoration: none;
	}


#navigationShip a:hover  /* menu at mouse-over  */
{
	color:#cc9999;
	background:#ccffff;
}

	
#navigationShip ul  /* long bar  */
	{
	
	list-style-type: none;/* removes the list bullets */
	background:#ccffff;
	border: 1px solid gray;
	float: left;
	width: 960px;
	margin-left:0;/* removes left indentation (both margin and pad to 0) */
	padding-left:0px;/* removes left indentation (both margin and pad to 0) */
	margin-bottom:0px;
	margin-top: 1px;

	}
.prevnext
{
	float:right;
}
	

/* Sub Content */
#rightmoduleA
{
	float: right;
	width: 251px;
	height: 312px;
	text-align:left;
	margin-bottom: 6px;
	margin-top: 35px;/*space under nav bar*/
}
#rightmoduleC
{
	background: url(images/sideC-compmachine.gif) no-repeat 0;
	float: right;
	width: 251px;
	height: 161px;
	text-align:left;	
}


/* Main Content : home page */
#leftmodule
{
	background: url(images/custService.gif) no-repeat 0;
	float: left;
	width: 699px;
	height: 1425px;
	text-align:left;
	margin-top: 35px;/*space under nav bar*/
}


#content {
	position:absolute;
	z-index: 1;
	top : 83px;
	border: 0;
	padding-top:0px;/*space between nav bar and maain content*/
	left: 50%;
	width:962px;
	margin-left: -481px;
	/*content container div is being set right by 50% of the window width (so it's left edge is window center) then sucked exactly half it's own width back to the left, to put it right in the middle.*/
}
#contentcollection {
	position:absolute;
	z-index: 1;
	top : 156px;
	border: 0;
	padding-top:0px;/*space between nav bar and maain content*/
	left: 50%;
	width:962px;
	margin-left: -481px;
	/*content container div is being set right by 50% of the window width (so it's left edge is window center) then sucked exactly half it's own width back to the left, to put it right in the middle.*/
}
#contentcompany {
	position:absolute;
	z-index: 1;
	top : 93px;
	border: 0;
	padding-top:0px;/*space between nav bar and maain content*/
	left: 50%;
	width:962px;
	margin-left: -481px;
	/*content container div is being set right by 50% of the window width (so it's left edge is window center) then sucked exactly half it's own width back to the left, to put it right in the middle.*/
}


#contentcompanypage
{
	width: 100%;
	background-image:url(images/photoCompanyBkgrd.gif);
	float: left;
	width: 956px;
	height: 472px;
	text-align:left;
	margin-top: 22px;
	border:2px solid #cc9999;
	border-style:dashed;
	margin-top: 25px;/*space under nav bar*/

}

.captioned_photo
{
	float:right;
	padding-bottom:15px;/*put space below caption text*/
	padding-left:35px;
	padding-right:0;
	padding-top:0px;
	line-height:1em;
	width:228px;/*nugded the img over from right to left*/
}

.captioned_photo p
{
	text-align:right;
	width:100%;
	margin:0 -10px ;
	padding: 0; /*put space above text= 1em (1em 0 = above 1em, below 0)*/
	font:.75em/1.75em Verdana, sans-serif;
	color:#000000;
}

.captioned_photo img
{
	margin:0 -7px;
	padding:0px;
	border:3px double #cc9999;
	background-color:#ffffff;
}




h2
{
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top: 65px;
	margin-right: 30px;
	margin-left: 365px;
	margin-bottom: 5px;
}

.ourstory
{
	font-size:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	margin-right: 60px;
	margin-left: 0px;
	margin-bottom: 10px;
	border-bottom: 3px double #cc9999;
	
}
	
.company
{
	font-size:0.8em;
	font-family:Verdana, sans-serif;
	margin-top: 0px;
	margin-right: 1px;
	margin-left: 0px;
	margin-bottom:18px;
	font-weight: normal;
	line-height: 20px;
	color:#333333;
}
	
p
{
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	margin-right: 40px;
	margin-left: 365px;
	font-weight: normal;
	line-height: 20px;
}


/* Collection-mainContent */
#leftmodule1
{
	float: left;
	width: 432px;
	height: 444px;
	text-align:left;
	margin-right: 9px;
	border: 1px solid gray;
}

/* Collection-subcontent */
#rightmodule1
{
	float: left;
	width: 169px;
	height: 177px;
	text-align:left;
	margin-bottom: 0px;
	margin-right: 6px;
	
}
#rightmoduletitle1 /* Style Name and price under small image */
{
	float: left;
	width: 169px;
	height: 40px;
	text-align:center;
	margin-bottom: 0px;
	margin-top: 3px;
	margin-right: 6px;
}


#rightmodule2
{
	float: left;
	width: 169px;
	height: 177px;
	text-align:left;
	margin-bottom: 0px;
	margin-right: 6px;

}
#rightmoduletitle2 /* Style Name and price under small image */
{
	float: left;
	width: 169px;
	height: 40px;
	text-align:center;
	margin-bottom: 0px;
	margin-top: 3px;
	margin-right: 6px;
}


#rightmodule3
{
	float: left;
	width: 169px;
	height: 177px;
	text-align:left;
	margin-bottom: 0px;

}
#rightmoduletitle3 /* Style Name and price under small image */
{
	float: left;
	width: 169px;
	height: 40px;
	text-align:center;
	margin-bottom: 0px;
	margin-top: 3px;
	margin-right: 0px;
}
.title
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
	margin-top: 2px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
	font-weight: normal;
	line-height: 15px;

}

#collectionContent /* Style Details - Pay Pal */
{
	float: left;
	width: 515px;
	height: 444px;
	text-align:left;
	margin-bottom: 0px;
	margin-top: 0px;
	border: 1px solid gray;
}

#rightmoduleContent /* Bottom under 3 smaill image boxes */
{
	float: left;
	width: 519px;
	height: 218px;
	text-align:left;
	margin-bottom: 0px;
	margin-top: 7px;

}
h3
{
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top: 5px;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 5px;
}
h4
{
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top: 5px;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 1px;
}
h5
{
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 1px;
}

.description
{
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top: 20px;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 5px;
	font-weight: normal;
	line-height: 20px;
}

#collectionContent a:link	/* Links on collection pages */
	{
	color: #000000;
	text-decoration:underline;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	}
#collectionContent a:visited, #collectionContent a:active	/* Links on collection pages */
	{
	color: #000000;
	text-decoration:underline;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	}

#collectionContent a:hover
{
	color:#996666;
	background:#ccffff;
}

/* Footer */
#footer
{
	margin-top: 8px;
	float: left;
	height: 33px;
	font-size: 12px;

}
#topfillbar
{
	width: 962px;
	height: 9px;
	background-color: #333333;
}

#leftfooter
{
	float: left;
	text-align:left;
	height: 4px;
	width: 962px;
}

/* Submit Email for Special Offers */
form
{
	float:right;
	font-size: 10px;
	color: #000000;
	margin: -1.25em 0;/*top/bottom -1.5em , left/right 0 (took vertical space out above/below form field)*/
	background-color: #FFFFFF;

}

#submit
{
	background-color:#ccffff;
	color:#333333;
}

/* footer Links */
#leftfooter a:link	{
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: underline;
}
#leftfooter a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color:#999999;
}
#leftfooter a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #33cccc;
	background-color:#FFFFFF;
}

/*Size Table*/
#sizeChart{
	text-align:center;
}