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

body {
	background: black;
	margin: 0px;
	padding: 0px;
}

.hidden {
	display: none;
}

#content {
	background: url(../elements/background.jpg) no-repeat;
	margin: 0px auto;
	padding: 0px auto;
	width: 1016px;
	height: 900px;
}



#header .logo {
	background: url(../elements/sonslogo.png) no-repeat;
	width: 378px;
	height: 115px;
	margin: 0px 0px 0px 40px;
	padding: 0px;
	float: left;
}

#header  {
	background: url(../elements/paper.png) no-repeat;
	width: 1016px;
	height: 173px;
	margin: 0px;
	padding: 0px;
}


#rightheader  {
	float:right;
	margin: 20px 40px 0px 0px;
	padding: 0px;
	text-align: right;
	width: 300px;
}

#rightheader p {
	display: inline;
	padding: 0px 25px 0px 25px;
	margin: 0px;
	font-family: helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	float: right;
}

#rightheader form {
	padding:0px;
	margin:10px 0px 0px 0px;
}


#rightheader a:link {
	color: #5c5c5d;
} 

#rightheader a:visited {
	color: black;
}

#rightheader a:hover {
	color: black;
}  

#rightheader a:active {
	color: black;
} 


#topnav { width: 900px; height: 48px; margin: -28px auto; padding: 0 0 0 0; }



.button { position: relative; float: left; width: 180px; height: 17px; font-family: Helvetica, san-serif; font-weight: bold; font-size: 10pt; letter-spacing: 0px; padding: 0; margin:0; }

.roll{ background-image: url(../elements/buttonroll.gif); background-attachment: scroll; background-position: 0 0; width: 180px; height: 17px; display: block; padding-top:0; text-align: center; }



.button a.roll:link{ background-position: 0 0; color: white; text-decoration: none; text-align: center; padding-top: 11px; }

.button a.roll:visited{ background-position: 0px 0; color: white; text-decoration: none; text-align: center; padding-top: 11px; }

.button a.roll:hover{ background-position:-155px 0; color: #9b1c20; text-decoration: none; text-align: center; padding-top: 11px; }

.button a.roll:active { background-position: -155px 0; text-decoration: none; text-align: center; padding-top: 11px; }

#leftnav { //*background-image: url(../elements/rightnavbg.jpg)*//; width: 200px; height: auto; margin: 15px 0px 0px 0px; padding: 0 0 0 0; float: left; position: relative; font-family:helvetica,san-serif; font-style: bold; font-size: 13px; border-right: solid; border-color: #5c5c5d;}

#leftnav li {
	list-style-type: none;
	margin: 10px 0px 0px 0px;
	padding:0px;
}

#leftnav ul {
	margin: 0px 0px 30px 90px;
	padding:0px;
}

#leftnav h4 {
	font-family: helvetica, arial, sans-serif;
	font-size: 25px;
	font-spacing:-4px;
	color: #bfbfbf;
	margin: 10px 0px -5px 90px;
	padding:0px;
	color:#671b17;
	
}

#leftnav li a:link{ background-position: 0 0; color: white; text-decoration: none; text-align: center; padding-top: 11px; }

#leftnav li a:visited{ background-position: 0px 0; color: white; text-decoration: none; text-align: center; padding-top: 11px; }

#leftnav li a:hover{ background-position:-155px 0; color: #9b1c20; text-decoration: none; text-align: center; padding-top: 11px; }

#leftnav li a:active { background-position: -155px 0; text-decoration: none; text-align: center; padding-top: 11px; }



#importantpic {
	background: url(../images/missionbanner.png) no-repeat;
	width: 744px; 
	height: 145px;
	margin: 15px 50px 0px 0px;
	padding: 0px;
	float: right;
}

#missiontitle {
	background: url(../elements/missiontitlewhite.png) no-repeat;
	width: 319px;
	height: 39px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	
}

#storetitle {
	background: url(../elements/storetitle.png) no-repeat;
	width: 550px;
	height: 39px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	
}


#historytitle {
	background: url(../elements/historytitle.png) no-repeat;
	width: 550px;
	height: 39px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	
}

#linkstitle {
	background: url(../elements/quotes&linkstitle.png) no-repeat;
	width: 550px;
	height: 39px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	
}

#constitutiontitle {
	background: url(../elements/theconstitutiontitle.png) no-repeat;
	width: 550px;
	height: 39px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	
}

#contacttitle {
	background: url(../elements/contacttitle.png) no-repeat;
	width: 550px;
	height: 39px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	
}


#maincontent {
	background: none;
	float: left;
	width: 760px;
	height: auto;
	margin:15px 50px 100px 0px;
	padding:0px 0px 30px 0px;
}



#maincontent h3 {
	color:white;
	font-family: helvetica, arial, sans-serif;
	font-size:18px;
	margin:10px 0px 0px 30px;
	padding:0px;
}



#maincontent h4 {
	color:white;
	font-family: helvetica, arial, sans-serif;
	font-size:18px;
	margin:10px 0px 0px 30px;
	padding:0px;
	float: left;
}


#storebox {
	margin:5px 0px 0px 50px;
	padding:0px 0px 20px 0px;
	width:200px;
	height:auto;
	border-style:solid;
	border-color:grey;
	border-width:1px;
	background: white;
	text-align: center;
        float:left;

	
}

#storebox a {
	display:block;
	width:200px;
	height:auto;
	text-decoration:none;
}

#storebox a:link {
	display:block;
	width:200px;
	height:auto;
	text-decoration:none;
}

#storebox a:visited {
	display:block;
	width:200px;
	height:auto;
	text-decoration:none;
}

#storebox a:hover {
	display:block;
	width:200px;
	height:auto;
	text-decoration:none;
}

#storebox a:active {
	display:block;
	width:200px;
	height:auto;
	text-decoration:none;
}

#storebox img {
	padding:0px;
	margin:10px 0px 0px 0px;
}

#storebox p.producttitle {
	margin:20px 0px 0px 0px;
	padding:1px 0px 1px 0px;
	color:white;
	font-family: helvetica, arial, sans serif;
	font-weight:bolder;
	font-size:15px;
	text-shadow:black;
	text-transform:capitalize;
	text-align: center;
	background:#671b17;
	width:200px;
}

#storebox p.productprice {
	margin:0px;
	padding:0px;
	color:#671b17;
	font-family: helvetica, arial, sans serif;
	font-style:extra bold;
	font-size:12px;
	text-shadow:black;
	text-transform:capitalize;
	text-align: center;
	width:200px;
}

#storebox p.productsize {
	margin:0px;
	padding:0px;
	color:black;
	font-family: helvetica, arial, sans serif;
	font-style:extra bold;
	font-size:11px;
	text-shadow:grey;
	text-transform:capitalize;
	text-align: center;
	width:200px;
}

#storebox p.newbanner{
	position:absolute;
	z-index:0;
	margin:0px -10px 0px 0px;
	padding:0px;
	width:129px;
	height:79px;
	margin:0px;
	float:right;
}

#storebox p.newbanner img {
	margin:0px -10px 0px 0px;
	padding:0px;
	width:129px;
	height:79px;
	position:absolute;
	left:71px;
	top:0px;
	z-index:1;
	float:right;
}

#storeboxdetail {
	margin:5px 0px 0px 30px;
	padding:10px 0px;
	width:320px;
	height:310px;
	border-style:solid;
	border-color:grey;
	border-width:1px;
	background: white;
	text-align: center;
	float:left;
}

#storeboxdetail p.clickdetail{
	color:grey;
	width:320px;
	padding:0px;
	margin:0px;
}


		
#storeboxdetailtext {
	margin:5px 0px 0px 0px;
	padding:10px 0px;
	width:400px;
	height:auto;
	border-style:solid;
	border-color:grey;
	border-width:1px;
	background: white;
	text-align: left;
	float:right;
}

#storeboxdetailtext form {
	color:grey;
	font-family:helvetica, arial, sans-serif;
	font-size:11px;
	float:right;
	margin:0px 10px 0px 10px;
	padding:0px;
}

#storeboxdetailtext p.pricedetail{
	margin:5px 0px 0px 0px;
	padding:0px;
	color:#671b17;
	width:250px;
	font-size:25px;
	font-weight:bolder;
	float:left;
	text-align:center;
	
}

#storeboxdetailtext p.productinspiration{
	margin:5px 0px 0px 0px;
	padding:0px 5px 5px 5px;
	color:grey;
	width:380px;
	font-size:12px;
	font-weight:normal;
	float:left;
	text-align:left;
	
}

#storeboxdetailtext h3{
	margin:0px 0px 0px 0px;
	padding:0px;
	width:250px;
	color:black;
	float:left;
	text-align:center;
}


#maincontent p{
	width: 450px;
	padding: 0px 0px; 0px 0px;
	margin: 20px 0px 0px 50px;
	float: left;
	color: white;
	font-size: 13px;
	font-family: helvetica, arial, sans-serif;
	line-height: 20px;
}

img {
	border-style:none;
	text-decoration: none;
	border: 0px;
	decoration: none;
}

#rightlinks {
	font-family: helvetica, arial, sans-serif;
	float:right;
	width: 200px;
	font-size: 13px;
	margin:-200px 0px 0px 0px;
	padding:0px 0px 0px -30px;
	border-left:solid;
	border-color: #5c5c5d;
}

#rightlinks ul li{
	margin:15px;
	padding:0px;
}
	
#sections p {
        margin:5px 0px 0px 50px;
        padding:0px;
}

#sections ul {
        display:inline;
        width:760px;
        margin:3px 5px 0px 55px;
        padding:0px;
}

#sections ul li{
        display:inline;
        width:auto;
        margin:0px;
        padding:0px 5px 0px 5px;
        font-family: helvetica, arial, sans-serif;
        font-size:9pt;
        border-right:solid;
        border-color:grey;
        border-size:1px;
}

#sections a{
        text-decoration:underline;
}

#footer { 
	background: black;
	width: 1000px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	
}

#footer li {
	display: inline;
	padding: 0px 25px 0px 25px;
	margin: 0px;
	font-family: helvetica, sans-serif;
	font-size: 10px;
}

#footer li a:link {
	color: #5c5c5d;
} 

#footer li a:visited {
	color: #bfbfbf;
}

#footer li a:hover {
	color: #bfbfbf;
}  

#footer li a:active {
	color: #bfbfbf;
} 

#footer li {
	color: #5c5c5d;
	font-family: helvetica, sans-serif;
	font-size: 10px;
}


.footerright {
	float: right;
	margin: 5px 270px 0px 0px;
	padding:0px
}

a:link {
	color:white;
	text-decoration: none;
}

a:visited {
	color:white;
	text-decoration: none;
}

a:hover {
	color:white;
	text-decoration: none;
}

a:active {
	color:white;
	text-decoration: none;
}

form td {
	clear:both;
	padding:10px 5px 0px 0px;
	margin:20px 0px 0px 0px;
}

form {
	padding:0px;
	margin:0px 0px 0px 30px;
}

#maincontent p.thanks {
        margin: 50px auto;
}

.clear {
	clear: both;
	height:0px;
	width:0px;
	padding:0px;
	margin: 0px;
}