/*
Theme name: Fourtane
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #464646;
    background: #002144;
}

video {
    background-color: #ffffff;
}

.fourtane-search { background-image: url(http://www.fourtane.com/wp-content/themes/fourtane/images/search.png); width: 170px; height:30px; background-repeat: no-repeat; border: 0; font-size: 16px; color: #BBB; font-family: Arial; padding: 0 10px; margin: 0 0 20px 12px; }
.fourtane-search-home { background-image: url(http://www.fourtane.com/wp-content/themes/fourtane/images/home-search-bg.png); width: 170px; height:29px; background-repeat: no-repeat; border: 0; font-size: 16px; color: #224060; font-family: Arial; padding: 0 10px; margin: 3px 0 20px 12px; }
.product_grid_item { padding-right:6px; }
.product_text { width: 190px; }

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }


.shell { width: 960px; margin: 0 auto; }

#topbar { background: #002144; height: 35px; }
#topbar ul { list-style: none; padding: 6px 0 0 0; }
#topbar ul li { display: inline; }
#topbar ul li a, 
#topbar ul li a span { float: left; height: 23px; padding: 0 0 0 18px; color: #6486a9; line-height: 23px; text-transform: uppercase; }
#topbar ul li a span { padding: 0 18px 0 0; }
#topbar ul li a:hover, 
#topbar ul li a:hover span, 
#topbar ul li a.active, 
#topbar ul li a.active span { background: url(images/topbar-btn.gif) no-repeat 0 0; color: #8cabcd; text-decoration: none; }
#topbar ul li a:hover span, 
#topbar ul li a.active span { background-position: right 0; }

#header { height: 123px; background: #fff; }
#header .shell { position: relative; }
#logo a { background: url(images/logo-sm.gif) no-repeat 0 0; width: 202px; height: 123px; position: absolute; top:0;left:0; }

/* -------- Original Logo size before adding Custom Designs nav button --------
#logo a { background: url(images/logo.gif) no-repeat 0 0; width: 293px; height: 123px; position: absolute; top:0;left:0; }
*/

#navigation { padding: 51px 0 0 0; }
#navigation ul { list-style: none; }
#navigation ul li { display: inline; float: left; height: 31px; border-right: 1px solid #cad1d8; padding: 3px 7px 0 7px; }
#navigation ul li.last { border:0; }
#navigation ul li a, 
#navigation ul li a span { float: left; height: 28px; padding: 0 0 0 7px; color: #002144; font-size: 12px; line-height: 28px; font-weight: bold; text-transform: uppercase; }
#navigation ul li a span { padding: 0 7px 0 0; }
#navigation ul li a:hover, 
#navigation ul li a:hover span, 
#navigation ul li a.active, 
#navigation ul li a.active span { background: url(images/nav-btn.gif) no-repeat 0 0; color: #0c57a7; text-decoration: none; }
#navigation ul li a:hover span, 
#navigation ul li a.active span { background-position: right 0; }

.main-home { background: #fff; }
.main-home .head { background: url(images/head-bg.gif) no-repeat 0 bottom; height: 210px; }
.main-home .slogan { background: url(images/slogan-bg.jpg) no-repeat 0 0; width: 571px; height: 184px; }
.main-home .slogan h3 { font-size: 25px; line-height: 25px; color: #4c739c; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; padding: 74px 0 10px 39px; }
.main-home .slogan h2 { font-size: 38px; line-height: 38px; color: #cbdef3; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; padding: 0 0 0 39px; }
.main-home .flash { width: 389px; }

.main-home .content { padding: 0 0 43px 0; }
.main-home .content .quote { width: 240px; height: 219px; margin: 0 36px 0 0; }
.main-home .content .quote h4 { font-size: 18px; color: #c3cbd3; font-weight: normal; text-transform: uppercase; padding: 0 0 7px 0; }
.main-home .content .quote p {  }
.main-home .content .quote p a { color: #3a6b9f; }

.main-home .content .featuredjewelry { width: 260px; height: 130px; }
.main-home .content .featuredjewelry h4 { font-size: 19px; color: #002144; font-weight: normal; text-transform: uppercase; line-height: 23px; }

.main-home .content .featuredtimepiece { width: 311px; height: 130px; }
.main-home .content .featuredtimepiece h4 { font-size: 19px; color: #002144; font-weight: normal; text-transform: uppercase; line-height: 23px; }

.main-home .content .signup { width: 389px; height: 130px; background: #e5e8ec; }
.main-home .content .signup h4 { font-size: 19px; color: #002144; font-weight: normal; text-transform: uppercase; padding: 15px 0 5px 20px; }
.main-home .content .signup p { padding: 0 100px 10px 20px; }
.main-home .content .signup a img { margin: 0 0 0 20px; }

.main-home .content .video { width: 389px; }

#footer { background: #002144; }
#footer .shell { background: url(images/footer-bg.gif) no-repeat 0 0; padding: 28px 0 46px 0; }
#footer .copy { width: 270px; margin: 0 81px 0 0; }
#footer .copy p { font-size: 11px; line-height: 16px; color: #305378; padding: 0 0 18px 0; }
#footer .copy a { color: #6486a9; }
#footer .col { width: 117px; margin: 0 47px 0 0; }
#footer .col h2 { font-size: 12px; color: #aacdf2; text-transform: uppercase; letter-spacing: 1px; border-bottom: 2px solid #284e76; padding: 0 0 2px 0; }
#footer .col ul { list-style: none; }
#footer .col ul li { border-bottom: 1px solid #122f4d; }
#footer .col ul li a { font-size: 10px; color: #496d93; text-transform: uppercase; letter-spacing: 1px; display: block; width: 117px; padding: 1px 0 1px 0; }
#footer .col ul li a:hover { color: #699bd1; background: #001a36; text-decoration: none; }
#footer .last { margin:0; }

/*inner*/
.main-inner { background: #fff; padding: 0 0 10px 0; }
.main-inner .head { background: #002144; height: 84px; margin: 0 0 35px 0; }
.main-inner .head h1 { font-size: 38px; color: #fff; letter-spacing: 1px; font-weight: normal; text-transform: uppercase; padding: 53px 0 0 260px; }
.main-inner .sidebar { width: 200px; }
.main-inner .sidebar ul { list-style: none; text-align: right; }
.main-inner .sidebar ul li { padding: 0 0 20px 0; }
.main-inner .sidebar ul li a { font-size: 15px; color: #165495; letter-spacing: 1px; text-transform: uppercase; }
.main-inner .sidebar ul li a:hover { text-decoration: none; color: #002144; }
.main-inner .sidebar ul li ul li { padding: 0 0 0 0; }
.main-inner .sidebar ul li ul li a { font-size: 12px;color: #85a4c5; }
.main-inner .sidebar ul li ul li a:hover { color: #002144; }
.main-inner .sidebar li { color: #fff; }
.main-inner .content { width: 650px; padding: 0 50px 0 0; }
.main-inner .content h2 { font-size: 24px; color: #002144; text-transform: uppercase; padding: 0 0 12px 0; }
.main-inner .content h2 a { text-decoration: none !important; }
.main-inner .content p { padding: 0 0 20px 0; }
.main-inner .content .text-holder { padding: 10px 0 0 0; }
.main-inner .content .image { background: url(images/bio-bg.gif) no-repeat 0 bottom; width: 120px; height: 180px; }
.main-inner .content .text { width: 510px; }

.commentlist {
	list-style-type: none;
}
.commentlist li {
	padding: 10px;
	margin: 10px 0px;
	border: 1px solid #8cabcd;
}