/* =================================================
Site:           Solid Gold Jewelers
Created:        July 4 2009
Last Modified:  Aug 21 2009 
------------------------------------------------- 
casey reid, clearfirestudios.com
casey@clearfirestudios.com | Copyright 2009
================================================= */


/*----------------------------------
~~~~~~~~~~ Reset Styles ~~~~~~~~~~
----------------------------------*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
		margin:0;
		padding:0;
	}
	
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	
	fieldset,img { 
		border:0;
	}
	
	address,caption,cite,code,dfn,em,th,var {
		font-style:normal;
		font-weight:normal;
	}
	
	ol,ul {
		list-style:none;
	}
	
	caption,th {
		text-align:left;
	}
	
	h1,h2,h3,h4,h5,h6 {
		font-size:100%;
		font-weight:normal;
	}
	
	q:before,q:after {
		content:'';
	}
	
	abbr,acronym { 
		border:0;
	}


/*----------------------------------
~~~~~~~~~~ Base Styles ~~~~~~~~~~
----------------------------------*/

	html {
		background:#ad8b4b url(/images/site/bg.gif) repeat;
		font:14px Arial, Helvetica, sans-serif;
		height: 100%;
		min-height: 100%;
	}

		body {
			background:#bf9f5b url(/images/site/bg_main.jpg) repeat-y;
			height: auto !important;
			height: 100%;
			margin:0px auto 0px auto;
			min-height: 100%;
 			width:1017px;
		}

			div#main {
				margin:0px auto 0px auto;
				width:785px;
			}
			
			div.clear {
				clear:both;
			}
			
/*----------------------------------
~~~~~~~~~~ Header Styles ~~~~~~~~~~
----------------------------------*/

	#header {
		background:url(/images/site/bg_header.gif) repeat-x;
		height: 136px;
		width:785px;
	}
	
		#logo {
			background:url(/images/site/logo.jpg) no-repeat;
			height:91px;
			margin:0px 0px 0px 50px;
			position: relative; 
			text-indent:-8888px;
			top: 5px;
			width:303px;
		}

/*----------------------------------
~~~~~~~~~~ Menu Styles ~~~~~~~~~~
----------------------------------*/

	#menu {
		background:#1a1b1e url(/images/site/bg_menu.gif) repeat-x;
		height:36px;
	}
	
		#menu li {
			background:url(/images/site/bg_menu_right.gif) no-repeat right top;
			float:left;
			height:36px;
			width:97px;
		}
		
		#menu li.last {
			background:none;
		}
		
			#menu li a:link, #menu li a:visited {
				color:#ffffff;
				display:block;
				height:36px;
				padding:10px 0px 0px 0px;
				text-align:center;
				text-decoration:none;
				width:95px;
			}
			
			#menu li a:hover {
				text-decoration:underline;
			}

/*----------------------------------
~~~~~~~~~~ Content Styles ~~~~~~~~~~
----------------------------------*/

	#content {
		background:#ded4bc;
		padding:3px 3px 3px 3px;
	}
	
		#content #sales_image {
			display:block;
			margin:0px auto 3px auto;
		}

		#content #info {
			background:#d0be97;
			padding:3px 3px 3px 3px;
		}
		
		/*~~~ Page Content Styles ~~~*/
		#page_content{
			line-height: 1.3em;
			padding: 15px 30px;
		}
			#page_content h2 {
				color:#401004;
				font-size:20px;
				margin-bottom: 10px;
			}
			#page_content p{
				font-size: 13px;
				padding-bottom: 10px;
			}
			#page_content ul{
				font-size: 13px;
				list-style-type: disc;
				margin-left: 15px;
				padding-bottom: 10px;
			}
			#page_content img.content_image{
				float: right;
				margin: 0 0 10px 10px;
			}
			#page_content hr{
				border: none;
				border-top: 1px solid #AD8B4B;
				clear: both;
			}
			#page_content a:link{
				color:#401004;
			}
				#page_content a:hover{text-decoration: underline;}
		
		
		/*~~~ Small Containers ~~~*/
		
			#content .small_container {
				background:#ffffff url(/images/site/container_corner.gif) right top no-repeat;
				border:5px solid #c1a568;
				float:left;
				margin:0px 3px 3px 0px;
				width:246px;
			}
			
			#content .small_container.last {
				float:right;
				margin:0px 0px 0px 0px;
				width:245px;
			}
			
				#content .small_container img {
					float:left;
					margin:0px 15px 10px 0px;
				}
				
				#content .small_container h2 {
					margin:18px 0px 0px 0px;
				}
				
					#content .small_container h2 a:link, #content .small_container h2 a:visited {
						background:url(/images/site/arrow_down.gif) no-repeat 100% 75%;
						color:#975612;
						font-size:1.2em;
						padding:0px 15px 0px 0px;
						text-decoration:none;
					}
					
					#content .small_container h2 a:hover {
						text-decoration:underline;
					}
			
				#content .small_container p {
					color:#8a6d4f;
					font-size:.8em;
					margin:10px 5px 5px 0px;
					padding: 0 0 5px 90px;
				}
			
		/*~~~ Large Container ~~~*/
				
			#content .large_container {
				background:#401004;
				border:5px solid #c1a568;
				clear:both;
				color:#fcdebf;
			}
			
				#content .large_container #welcome_image {
					float:left;
					margin:17px 5px 5px 5px;
				}
				
				#content .large_container #welcome {
					float:left;
					margin:17px 0px 0px 5px;
					width:250px;
				}
				
					#content .large_container #welcome h2 {
						color:#be9e58;
						font-size:1.2em;
					}
					
					#content .large_container #welcome p {
						font-size:.9em;
						margin:10px 0px 0px 0px;
					}
					
					#content .large_container #welcome p.more {
						text-align:right;
					}
					
						#content .large_container #welcome p a:link, #content .large_container #welcome p.more a:visited {
							color:#be9e58;
							text-decoration:none;
						}
						
						#content .large_container #welcome p a:hover {
							text-decoration:underline;
						}
				
				#content .large_container #brands {
					float:right;
					margin:17px 0px 0px 0px;
					width:320px;
				}
			
					#content .large_container #brands h2 {
						color:#e4e2cf;
						font-size:1.2em;
					}
					
					#content .large_container #brands div.brand-col{
						float: left;
						width: 155px;
					}
					#content .large_container #brands table {
						font-size:.8em;
						margin:5px 0px 15px 0;
					}
					
						#content .large_container #brands table tr{
							padding:3px 0px 5px 21px;
						}
							#content .large_container #brands table tr th{
								color: #BE9E58;
								font-size: 12px;
								font-weight: bold;
							}
							#content .large_container #brands table tr td{
								padding-right: 15px;
							}
								#content .large_container #brands table a{
									color: #FCDEBF;
									text-decoration: none;
								}
									#content .large_container #brands table a:hover{
										color: #FCDEBF;
										text-decoration: underline;
									}
					
/*----------------------------------
~~~~~~~~~~ Footer Styles ~~~~~~~~~~
----------------------------------*/

	#footer {
		background:#bf9f5b url(/images/site/bg_footer.gif) repeat-x;
		clear:both;
		padding:25px 0px 15px 0px;
	}
	
		#footer h3 {
			float:left;
			font-size:1.2em;
			margin:0px 15px 0px 27px;
		}
		
		#footer ul {
			float:left;
			font-size:.9em;
			margin:3px 0px 0px 0px;
		}
	
		#footer #copyright {
			clear:both;
			font-size:.8em;
			margin:0px 20px 0px 0px;
			text-align:right;
		}