/* -------------------------------------------------------------- 
  
  style.css
  Written By: 
  	Allan Simpson
	11-13-2008
	http://www.simpson-design.com
	http://www.quilterswarehouse.com
  
-------------------------------------------------------------- */

body {
	background-image:url(sitegraphics/colorCurtain.jpg);
	background-repeat: repeat-x;
	background-color: #BDDCF8;
	text-align: center; /* IE6 Fix */
	margin:0px;  /* give the top of the site some spacing */
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
}

/* links
-------------------------------------------------------------- */
a {color: #469DEC;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;color: #3795EA;}
a:hover {text-decoration: none;color: #1264AD;}
a:active {text-decoration: none;}

a.nav {color: #CFE6FA;}
a.nav:link {text-decoration: none;}
a.nav:visited {text-decoration: none;color: #CFE6FA;}
a.nav:hover {text-decoration: none;color: #9ECCF5;}
a.nav:active {text-decoration: none;}

a.logoLink {color: #FFFFFF;}
a.logoLink:link {text-decoration: none;}
a.logoLink:visited {text-decoration: none;color: #FFFFFF;}
a.logoLink:hover {text-decoration: none;color: #FFFFFF;}
a.logoLink:active {text-decoration: none;}

a.products {color: #1261A7;}
a.products:link {text-decoration: underline;}
a.products:visited {text-decoration: underline;color: #1261A7;}
a.products:hover {text-decoration: underline;color: #1880DC;}
a.products:active {text-decoration: underline;}

a.titleLink {color: #1261A7;}
a.titleLink:link {text-decoration: underline;}
a.titleLink:visited {text-decoration: underline;color: #1261A7;}
a.titleLink:hover {text-decoration: underline;color: #1880DC;}
a.titleLink:active {text-decoration: underline;}

a.footerLinks {color: #000000;}
a.footerLinks:link {text-decoration: underline;}
a.footerLinks:visited {text-decoration: underline;color: #000000;}
a.footerLinks:hover {text-decoration: underline;color: #000000;}
a.footerLinks:active {text-decoration: underline;}

/* Headings
-------------------------------------------------------------- */
h1 {font-size:24px; padding:0px; margin:0px;font-family: Arial, Helvetica, sans-serif;text-align:left;}
h2 {font-size:18px; padding:0px; margin:0px;font-family: Arial, Helvetica, sans-serif;text-align:left;}
h3 {font-size:14px; padding:0px; margin:0px;font-family: Arial, Helvetica, sans-serif;text-align:left;}
p {text-align:left;}

h1.title {
	font-size:24px;
	font-weight:bold;
	padding:2px;
	margin:0;
	color:#FFFFFF;
}

h2.title {
	font-size:18px;
	font-weight:bold;
	padding:4px 0 0 6px;
	margin:0;
	color:#FFFFFF;
}

h2.titleLinks {
	font-size:18px;
	font-weight:bold;
	padding:4px 10px 0 20px;
	margin:0;
	color:#2F3C51;
}

h1.mainHeading{
	padding:70px 20px 0 0;
	margin:0;
	font-size:36px;
}
p.subTitle{
	font-family: Arial, Helvetica, sans-serif;
	padding:6px 0 0 0;
	margin:0;
	color:#BDDCF8;
}

h2.rightHeading{
	padding:190px 0 0 0;
	margin:0;
}
.address{
	text-align:left;
}
.productDescription{
	padding:20px 5px 0 30px;
	font-size:12px;
}
.productInfo{
	padding:20px 5px 20px 30px;
	font-weight:bold;
	font-size:14px;
}
.productTitle{
	font-size:18px;
	padding:0 0 0 0px;
	color:#C6343E;
}

.productTitleSub{
	font-size:14px;
	font-weight:bold;
	padding:2px 0 0 0px;
	color:#000000;
}
.price{
	font-size:18px;
	padding:0 0 0 20px;
	color:#C6343E;
}
.line{
	height:1px;
	color:#BDDCF8;
}
.footerText{
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}


/* Colorful Names
----------------------------------------------- */

.nameGayle{
	font-size:14px;
	color:#000099;
	font-weight:bold;
}

/* magic image manipulation
----------------------------------------------- */

.alignRight { float:right; margin: 0 0 15px 15px; padding: 5px; border: 1px solid #aaa;}
.alignLeft { float:left; margin: 0 15px 15px 0; padding: 5px; border: 1px solid #aaa;}
.frame { padding: 5px; border: 1px solid #aaa; }

/* Layout  DIVS
-------------------------------------------------------------- */
/* Containment box, wrapper */
#wrapper {
  	padding:0;
  	margin:0 auto;   /* Centers layout */
	clear:both;
	width:934px;
}


#topBar {
	padding:0px;
	margin:0px;
	height:33px;
}

#topBarContent{
	padding:0px;
	margin:0 auto;
	height:33px;
	width:934px;
}
#topBarTitle{
	padding:0;
	margin:0px;
	height:33px;
	width:180px;
	float:left;
}

#topBarSubTitle{
	padding:0 0 0 80px;
	margin:0px;
	height:33px;
	width:250px;
	float:left;
}
#topBarNav{
	padding:0px;
	margin:0px;
	height:33px;
	width:400px;
	float:left;
}

.aboutRight{
	padding:10px 0 0 0;
	margin:0px;
	width:220px;
	float:right;
}
.aboutLeft{
	padding:0px;
	margin:0px;
	width:670px;
	float:left;
}
/* ----------------------------------------------------------------- */


#leftMain {
	padding:10px;
	margin:0px;
	width:600px;
	float:left;
}

#fullMain {
	padding:10px;
	margin:0px;
	width:915px;
}

#rightMain {
    padding:10px;
	margin:0px;
	width:270px;
	float:left;
}

.shade{
	background-image:url(sitegraphics/shade.jpg);
	background-color:#d7eaf9;
	background-repeat:no-repeat;
}
.shadeAbout{
	background-image:url(sitegraphics/shade.jpg);
	background-color:#d7eaf9;
	background-repeat:repeat-x;
}
.shadeAboutPhoto{
	width:915px;
	margin:0 0 10px 0;
	background-image:url(sitegraphics/shade.jpg);
	background-color:#d7eaf9;
	background-repeat:repeat-x;
	float:left;
}
.shadeAboutClear{
	background-image:url(sitegraphics/shade.jpg);
	background-color:#d7eaf9;
	background-repeat:repeat-x;
	clear:both;
}


/* ----------------------------------------------------------------- */

#footer{
    clear:both;
	background-color:#91AFD4;
	padding:0px;
	margin:0;
}
#footerContent{
	padding:10px;
	margin:0 auto;
	width:914px;
}
	

/* Navigation
-------------------------------------------------------------- */
#nav{
    text-align:right;
	margin:0;
	padding:6px 4px 0 4px;
}

#nav ul, #nav li{
	display: inline;
	list-style-type: none;
	margin:0;
	padding:0 10px 0 10px;
	border-right:1px solid #fff;
}

/* Contact Form
-------------------------------------------------------------- */
#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}