* {

    margin: 0px;

}



img {

    border-style: none;

    border: 0px;

}



body {

    background-color: #11243D;

    font-family: Arial, sans-serif;

    font-size: 12px;

    color: #696969;

}



#content {

    width: 900px;

    min-height: 500px;

    overflow: hidden;

    background: url('../images/content.jpg') no-repeat;

}



#lower_content {

    width: 800px;

    padding: 20px 50px 20px 50px;

    background: url('../images/content_repeat.jpg');

}



#content_bottom {

    width: 900px;

    height: 19px;

    margin-left: 5px;

    background-image: url('../images/content_bottom.jpg');

}



#content_wrapper {

    width: 900px;

    clear: both;

    margin-left: 5px;

    overflow: hidden;

    background: url('../images/content_repeat.jpg') repeat-y;

}



#copyright {

    float: left;

}



#logo {

    width: 275px;

    height: 69px;

    float: left;

    margin-bottom: 10px;

    background-image: url('../images/logo.jpg');

}



#logo a {

	display: block;

	width: 275px;

	height: 69px;

}



#footer {

    padding: 5px 35px 10px 50px;

    color: #AAA;

    font-size: 11px;

}



#footer img {

    border: 0;

    margin-right: 10px;

}



#footer p {

    margin-bottom: 5px;

}



#polis {

    font-size: 12px;

    font-style: italic;

    text-align: center;

}



#social_media {

    float: right;

}



#wrapper {

    width: 910px;

    margin: 10px auto 0;

}



/*------NAV-------*/



.nav_element {

    float: left;

    width: 90.5px;

    height: 34px;

}



.nav_element a {

    display: block;

    width: 90.5px;

    height: 34px;

}



#nav_container {

    width: 543px;

    height: 34px;

    float: right;

    margin: 20px 5px 0 0;

}



#button_home {

    display: block;

    background: url('../images/nav.jpg') no-repeat 0 0;

}



#button_home:hover {

    background-position: 0 -34px;

}



#button_home_active {

    display: block;

    background: url('../images/nav.jpg') no-repeat 0 -34px;

}



#button_store {

    width: 90px;

    display: block;

    background: url('../images/nav.jpg') no-repeat -90.5px 0;

}



#button_store:hover {

    background-position: -90.5px -34px;

}



#button_store_active {

    width: 90px;

    display: block;

    background: url('../images/nav.jpg') no-repeat -90.5px -34px;

}



#button_gallery {

    width: 91px;

    display: block;

    background: url('../images/nav.jpg') no-repeat -181px 0;

}



#button_gallery:hover {

    background-position: -181px -34px;

}



#button_gallery_active {

    width: 91px;

    display: block;

    background: url('../images/nav.jpg') no-repeat -181px -34px;

}



#button_about {

    width: 90px;

    display: block;

    background: url('../images/nav.jpg') no-repeat -271.5px 0;

}



#button_about:hover {

    background-position: -271.5px -34px;

}



#button_about_active {

    width: 90px;

    display: block;

    background: url('../images/nav.jpg') no-repeat -271.5px -34px;

}



#button_faq {

    width: 90px;

    display: block;

    background: url('../images/nav.jpg') no-repeat -362px 0;

}



#button_faq:hover {

    background-position: -362px -34px;

}



#button_faq_active {

    width: 90px;

    display: block;

    background: url('../images/nav.jpg') no-repeat -362px -34px;

}



#button_contact {

    display: block;

    background: url('../images/nav.jpg') no-repeat -452.5px 0;

}



#button_contact:hover {

    background-position: -452.5px -34px;

}



#button_contact_active {

    display: block;

    background: url('../images/nav.jpg') no-repeat -452.5px -34px;

}



/*--------HOME--------*/



.banner_box {

    width: 163px;

    height: 276px;

    float: left;

	margin-left: 10px;

	padding: 50px 0 0 0;

}



.content_box {

    width: 245px;

    height: 193px;

    float: left;

    padding: 0 10px;

    line-height: 18px;

    text-align: justify;

}



.divider {

    width: 7px;

    height: 193px;

    float: left;

    background-image: url('../images/divider.jpg');

}



#gallery_header {

    width: 117px;

    height: 23px;

    margin-bottom: 15px;

    background-image: url('../images/gallery_header.jpg');

}



#gallery_header a{

    display: block;

    width: 117px;

    height: 23px;

}



#gallery_thumb {

    margin: 5px 0 0 35px;

    border: 0;

}



#go_to_store {

    width: 78px;

    height: 12px;

    float: right;

	margin-top: 10px;

    background-image: url('../images/go_to_store.jpg');

}



#go_to_store a {

    display: block;

    width: 78px;

    height: 12px;

}



#home_header {

    width: 561px;

    height: 34px;

    margin: 30px auto 10px;

    background-image: url('../images/home_header.jpg');

}



#index_banner {

    width: 790px;

    height: 432px;

    margin-left: 60px;

}



#index_content {

    margin-top: -40px;

    padding: 0 50px;

}



#read_more {

    clear: both;

    width: 78px;

    height: 12px;

    float: right;

	margin-top: 10px;

    background-image: url('../images/read_more.jpg');

}



#read_more a {

    display: block;

    width: 78px;

    height: 12px;

}



#rootsuit_header {

    width: 117px;

    height: 23px;

    margin-bottom: 15px;

    background-image: url('../images/rootsuit_header.jpg');

}



#rootsuit_header a{

    display: block;

    width: 117px;

    height: 23px;

}



#store_header {

    width: 117px;

    height: 23px;

    margin-bottom: 15px;

    background-image: url('../images/store_header.jpg');

}



#store_header a{

    display: block;

    width: 117px;

    height: 23px;

}



#view_gallery {

    width: 84px;

    height: 12px;

    float: right;

	margin-top: 10px;

    background-image: url('../images/view_gallery.jpg');

}



#view_gallery a {

    display: block;

    width: 78px;

    height: 12px;

}



/*-------GALLERY------*/



#videos {

    width: 335px;

    float: left;

    padding: 20px 0 0 50px;

}



#videos img {

    border: 0;

    margin: 2px;

    opacity: 0.4;

    filter: alpha(opacity=40);

}



#videos_header {

    width: 292px;

    height: 28px;

    margin: 0 0 25px 5px;

    background-image: url('../images/videos_header.jpg');

}



#pictures {

    width: 345px;

    margin: 0 0 0 10px;

    float: right;

    padding: 20px 50px 0 0;

}



#pictures img {

    border: 0;

    margin: 2px;

    opacity: 0.4;

    filter: alpha(opacity=40);

}



#pictures_header {

    width: 292px;

    height: 28px;

    margin: 0 0 25px 5px;

    background-image: url('../images/pictures_header.jpg');

}



/*---------FAQ-------*/



.answer {

    text-align: justify;

    line-height: 18px;

    margin: 5px 0 5px 0;

}



#content_faq {

    padding: 20px 50px 20px 50px;

}



#content_faq a {

    color: #555;

    font-size: 14px;

    font-weight: bold;

    text-decoration: none;

}



#content_faq a:hover {

    text-decoration: underline;

}



#faq_header {

    width: 292px;

    height: 28px;

    margin: 0 0 25px 5px;

    background-image: url('../images/faq_header.jpg');

}



/*-------ABOUT------*/



#content_about {

    padding: 20px 50px 20px 50px;

}



#content_about p {

    text-align: justify;

    line-height: 18px;

    margin-bottom: 20px;

}



#content_about p a {

    color: #696969;

    text-decoration: none;

}



#content_about p a:hover {

    text-decoration: underline;

}



#about_header {

    width: 292px;

    height: 28px;

    margin: 0 0 25px 5px;

    background-image: url('../images/about_header.jpg');

}



/*-------STORE-------*/



.break_small {

    clear: both;

    width: 300px;

    height: 10px;

}



.color_header {

    margin-bottom: 15px;

    font-size: 14px;

    font-weight: bold;

}



.color_swatch {

    width: 26px;

    height: 26px;

    float: left;

    margin: 0 10px 20px 10px;

    border: 2px solid #F5F5F5;

}



.color_swatch a {

    display: block;

    width: 26px;

    height: 26px;

}



.school_block {

    width: 130px;

    float: left;

    margin: 10px 35px 40px 35px;

}



.school_header {

    width: 130px;

    text-align: center;

    font-weight: bold;

    font-size: 16px;

    color: #555;

}



.size_label {

    clear: both;

    float: left;

    margin-top: 2px;

    font-size: 14px;

    font-weight: bold;

}



.size_select {

    width: 80px;

    float: left;

    margin: 0 10px 0 10px;

}



#break {

    clear: both;

    width: 300px;

    height: 25px;

}

#choose_colors {

    width: 400px;

    float: left;

    padding: 20px 0 0 50px;

}



#customize_header {

    width: 340px;

    height: 28px;

    float: left;

    margin: 0 0 25px 5px;

    background-image: url('../images/customize_header.jpg');

}



#horizontal_divider {

    clear: both;

    width: 816px;

    height: 9px;

    margin-left: 40px;

    background-image: url('../images/horizontal_divider.jpg');

}



#index_banner_img {

    width: 790px;

    height: 372px;

	background-image: url('../images/index_banner.jpg');

}



#horizontal_buffer {

    clear: both;

    width: 816px;

    height: 9px;

    margin-left: 40px;

}



#inaugural {

    width: 190px;

    float: right;

    margin: 0px 15px 20px 0;

}



#preview {

    width: 390px;

    float: right;

    margin: 30px 50px 20px 0;

}



#preview_left {

    float: left;

}



#preview_right {

    float: left;

    margin-left: -200px;

}



#requested_content {

    clear: both;

    padding: 0 50px;

}



#requested_header {

    width: 310px;

    height: 28px;

    float: left;

    margin: 15px 0 25px 55px;

    background-image: url('../images/requested_header.jpg');

}



#sizing_header {

    font-size: 16px;

    font-weight: bold;

    text-align: center;

    margin-bottom: 10px;

}



#sizing_hidden p {

    text-align: justify;

    line-height: 20px;

}



#sizing_info {

    margin-top: 3px;

}



#sizing_info a {

    color: #696969;

    text-decoration: none;

}



#sizing_info a:hover {

    text-decoration: underline;

}



#sizing_table {

    margin: 25px 0 0 67px;

    border: 1px solid #696969;

}



#sizing_table td, #sizing_table th {

    border: 1px solid #696969;

    padding: 5px;

}



#store_left_side {

	clear: both;

    overflow: hidden;

    width: 280px;

    padding: 10px;

}



#store_right_side {

    overflow: hidden;

    clear: both;

    width: 280px;

    padding: 10px;

}



/*------COLORS-------*/



.black {

    background-color: #000;

}



.black:hover {

    border: 2px solid #000;

}



.gold {

    background-color: #797D00;

}



.gold:hover {

    border: 2px solid #797D00;

}



.green {

    margin-bottom: 0;

    background-color: #008001;

}



.green:hover {

    border: 2px solid #008001;

}



.navy_blue {

    background-color: #000085;

}



.navy_blue:hover {

    border: 2px solid #000085;

}



.orange {

    margin-bottom: 0;

    background-color: #E69141;

}



.orange:hover {

    border: 2px solid #E69141;

}



.purple {

    margin-bottom: 0;

    background-color: #260039;

}



.purple:hover {

    border: 2px solid #260039;

}



.red {

    clear: both;

    margin: 0 10px 0 0;

    background-color: #F70400;

}



.red:hover {

    border: 2px solid #F70400;

}



.royal_blue {

    margin-right: 0;

    background-color: #0333EB;

}



.royal_blue:hover {

    border: 2px solid #0333EB;

}



.silver {

    background-color: #8C8C8C;

}



.silver:hover {

    border: 2px solid #8C8C8C;

}



.white {

    width: 24px;

    height: 24px;

    margin: 0;

    background-color: #FFF;

    border: 1px solid #696969;

}



.white:hover {

    width: 28px;

    height: 28px;

    border: 0;

}



.white_wrapper {

    float: left;

    margin: 0 10px 20px 0;

    border: 2px solid #F5F5F5;

}



.blank_wrapper {

    float: left;

    margin: 0 10px 0px 0;

}



.vote {

	margin: 0 15px 17px 0;

	float: left;

}

.vote div {
	width: 50px;
	text-align: center;
}

.vote img {

	margin-bottom: 8px;

}



.vote_button {

	clear: both;

	border: 0;
	margin: 5px 0 0 10px;

}



.white_wrapper:hover {

    border: 2px solid #696969;

}



.yellow {

    background-color: #FFF600;

    margin-bottom: 0;

}



.yellow:hover {

    border: 2px solid #FFF600;

}



/*------CONTACT------*/



#alert {

    width: 385px;

    padding: 10px;

    color: #DF5054;

    font-size: 14px;

    text-align: center;

    font-weight: bold;

    margin-bottom: 15px;

    background-color: #EFEEEE;

    border: 2px solid #DF5054;

}



#contact_header {

    width: 292px;

    height: 28px;

    margin: 0 0 25px 5px;

    background-image: url('../images/contact_header.jpg');

}



#content_contact {

    padding: 20px 50px 20px 50px;

    text-align: justify;

    line-height: 18px;

}



#content_contact p {

    margin-bottom: 15px;

}



#content_contact textarea {

    width: 400px;

    height: 150px;

    font-family: Arila, sans-serif;

    font-size: 12px;

    padding: 5px;

}



#form {

	text-align:center;

}







#form_label {

    margin-bottom: 5px;

    font-weight: bold;

}



#send {

    clear: both;

    float: left;

    margin: 15px 0 0 355px;

}



#text_input {

    width: 400px;

    margin-bottom: 15px;

}



/*-----GALLERY------*/



#pictures img:hover {

    opacity: 1;

    filter: alpha(opacity=100);

}



#videos img:hover {

    opacity: 1;

    filter: alpha(opacity=100);

}
