/* This is the CSS style for Hunni's page. For information regarding this document please contact david(at)arias.ca */
/* Stealing is not nice */

@charset "UTF-8";
body {
	background-color: #212121;
}
.wrapper {
	width: 1000px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.header_wrap {
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	width: 940px;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
	float: left;
}
img {
	border-style: none;
}
img.hunnislogo {
    position: relative;
	border-style:none;
	float: left;
}
a {
outline-style: none;
}

/* This is the navigation bar and styling */
.header-navigation-bar {
	position: relative;
	width: 330px;
	padding-top: 8px;
	float: right;
}
ul.round_buttons {
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul.round_buttons li {
	float: left;
	width: auto;
}
ul.round_buttons li.button_one {
	background: url(../images/btn_about.png) no-repeat;
	height: 20px;
	width: 61px;
	margin-right: 23px;
	text-align: center;
}
ul.round_buttons li.button_two {
    background: url(../images/btn_brands.png) no-repeat;
	height: 20px;
	width: 68px;
	margin-right: 23px;
	text-align: center;
}
ul.round_buttons li.button_three {
    background: url(../images/btn_blog.png) no-repeat;
	height: 20px;
	width: 53px;
	margin-right: 23px;
	text-align: center;
}
ul.round_buttons li.button_four {
    background: url(../images/btn_contact.png) no-repeat;
	height: 20px;
	width: 70px;
	margin-right: 8px;
	text-align: center;
}
ul.round_buttons li a {
	display: block;
	padding: 3px 0 0 0;
	color: #FFFFFF;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
ul.round_buttons li.button_one a:hover{
    background: url(../images/btn_about_hover.png) no-repeat;
	text-decoration: none;
}
ul.round_buttons li.button_two a:hover{
    background: url(../images/btn_brands_hover.png) no-repeat;
	text-decoration: none;
}
ul.round_buttons li.button_three a:hover{
    background: url(../images/btn_blog_hover.png) no-repeat;
	text-decoration: none;
}
ul.round_buttons li.button_four a:hover{
    background: url(../images/btn_contact_hover.png) no-repeat;
	text-decoration: none;
}

/* this is to highlight the current page being visited */
body#about li.button_one#aboutnav{
    background: url(../images/btn_about_hover.png) no-repeat;
}
body#brands li.button_two#brandsnav{
    background: url(../images/btn_brands_hover.png) no-repeat;
}
body#blog li.button_three#blognav{
    background: url(../images/btn_blog_hover.png) no-repeat;
}
body#contact li.button_four#contactnav{
    background: url(../images/btn_contact_hover.png) no-repeat;
}
/* end of navigation style */


.image_wrap_home{
	position: relative;
	width: 940px;
	padding-right: 30px;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	float:left;
}
.image_wrap_all{
	position: relative;
	width: 940px;
	padding-right: 30px;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
    float:left;
}
.main_content_home{
	position: relative;
	width: 940px;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
	float: left;
}
.main_content_all{
	position: relative;
	width: 940px;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 60px;
	float:left;
}
.large-column{
	position: relative;
	width: 600px;
	float: left;
}
.large-column p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	line-height: 30px;
	text-align: left;
	vertical-align: top;
	display: inline;
	text-decoration: underline;
}
.large-column a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
}
.large-column a.about:hover{
	color: #66E699;
}
.large-column a.brands:hover{
	color: #622D91;
}
.large-column a.blog:hover{
	color: #EC008C;
}
.large-column a.contact:hover{
	color: #BFD73B;
}
.column-one-home{
	position: relative;
	width: 110px;
	margin-right: 30px;
	float: left;	
}
.column-one-home p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	display: inline;
}
.column-one-all{
	position: relative;
	width: 110px;
	margin-right: 30px;
	float: left;
	padding-top: 5px;
}	
.column-two-home{
	position: relative;
	width: 250px;
	margin-right: 30px;
	float: left;
}
.column-two-home p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	display: inline;
}
.column-two-all{
	position: relative;
	width: 250px;
	margin-right: 30px;
	float: left;
	display: inline;
}
.column-two-all p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 18px;
	text-align: left;
	vertical-align: top;
	display: inline;
}
.column-two-all a.blog-update{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/blog-updates-btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 142px;
	padding-left: 10px;
	padding-top: 1px;
}
.column-two-all a.map-directions{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/get-directions-btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 142px;
	padding-left: 10px;
	padding-top: 1px;
}
.column-two-all a:hover{
    background-image: url(../images/blog-updates-btn-hover.png);
}
.logos-column{
	position: relative;
	width: 580px;
	float: left;
	display: inline;
}
.map-column{
	position: relative;
	width: 380px;
	margin-right: 30px;
	float: left;
	display: inline;
	padding-left: 12px;
}
.large-column-title{
	position: relative;
	width: 900px;
	margin-bottom: 30px;
	float: left;
}
.footer-wrap{
	position: relative;
	width: 940px;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
	float: left;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
}
.credits-and-stuff{
	position: relative;
	width: 900px;
	float: left;
}
.bottom-column-one{
	position: relative;
	width: 110px;
	margin-right: 30px;
	float: left;
	margin-top: 40px;
}
.bottom-column-one p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	display: inline;
}
.bottom-column-one a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	display: inline;
	text-decoration: none;
}
.bottom-column-one a:hover{
	text-decoration: underline;    
}
.bottom-column-two{
	position: relative;
	width: 250px;
	margin-right: 30px;
	float: left;
	margin-top: 40px;
}
.bottom-column-two p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	display: inline;
}
.bottom-column-two a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	display: inline;
	text-decoration: none;
}
.bottom-column-two a:hover{
	text-decoration: underline;
}
/* 
   Copyrights © 2009, Hunni's Urban Boutique.
   Author: David Arias - Graphic Design, Creative Direction, and Branding
   email: david(at)arias.ca
   web: www.arias.ca 
*/