@import url("basic.css");
/*@import url("demo.css");*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td, form {margin:0; padding:0;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* Removes list-style from lists */
ol, ul {list-style:none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}

/* Removes borders from tables */
table {border-collapse:collapse; border-spacing:0;}

/* Removes border form fieldset and img */
fieldset, img {border:0;}

/* Left-aligns text in caption and th */
caption, th {text-align:left;}

/* Removes quotation marks from q */
q:before, q:after {content:'';}

strong {font-weight:bold;}
em {font-style:italic;}

/* Tag Styles ************************************************************************************************************************/
html {text-align:center; background-image:url(../images/main-bg.jpg); background-position:center; background-position:fixed;}
body {font:10pt "Myriad Pro", Arial, Helvetica, sans-serif; color:rgb(102,102,102); text-align:left; margin:25px;}
h1 {margin:0; font-size:16pt; font-weight:normal;}
h2 {margin:0; font-size:16pt; font-weight:normal;}
h3 {margin:0;}
h4 {margin:0;}
h5 {margin:0;}
p {margin:15px 0;}

/* Layout Styles *********************************************************************************************************************/
.container {width:1000px; text-align:left;}
	
	.artwork {padding-bottom:5px;}
		.artwork a {color:#333; text-decoration:none;}
		.artwork a:hover {color:#333; text-decoration:underline;}

.branding {}

.main-nav {color:rgb(141,198,63); padding:6px; background-image:url(../images/main-nav-bg.gif); background-position:top; background-repeat:repeat-x; background-color:rgb(0,162,147);}
	.main-nav a {color:white; padding:0 4px; text-decoration:none;}
	
.main-content {height:382px; background-image:url(../images/color-chart-bg.jpg); background-repeat:no-repeat;}
	.main-content .slogan {float:left; font-size:20pt; width:175px; margin:260px 8px 20px 25px;}
	.main-content .copy {float:left; width:328px; margin:15px 0 0 0; font-size:9pt; font-family:Arial, Helvetica, sans-serif;}
	.main-content .columns {height:367px; clear:both; color:white; background-image:url(../images/column-bg.jpg); background-repeat:no-repeat;}
		.main-content .columns .header {text-align:center; height:140px;}
			.main-content .columns .header a {color:white; text-decoration:none;}
			
		.main-content .columns .content {font-size:11pt; padding:14px 0 0 0; color:rgb(102,102,102);}
			.main-content .columns .content a {text-decoration:none;}
			.main-content .columns .content .img {height:106px; text-align:center;}
			.main-content .columns .content p {margin-top:0px; color:rgb(102,102,102); text-decoration:none;}
	
.secondary-nav {}

.site-info {padding:15px; margin-bottom:15px; color:rgb(242,242,242); text-align:center; letter-spacing:1px; background-color:rgb(99,99,99);}

/* Custom Styles *********************************************************************************************************************/
.status {display:none;}
.error {color:red; font-weight:bold;}