/* Design and CSS by Gimme-Website */

/* Reset */
@import url("reset.css");

/*

Contents:

1. BODY
2. LINKS
3. COMMON STYLES
4. HEADINGS
5. BUTTONS
5. CONTENT LAYOUT
6. HEADERS
		Stats
		Navigation
		Nav Buttons
7. PAGE SPECIFIC ELEMENTS
		Index
		Models
		Videos
		Join
8. COMMON ELEMENTS
		Top Text Block
		Photo Thumbs
9. FOOTERS
		Bottom Nav Links
		Navigation
 
*/

/* BODY */

body {
	background:#f8f8f8 url(../images/header-bg.png) top center no-repeat;
	color:#252525;
	font:14px Georgia, "Times New Roman", Times, serif;
}
body#members {
	background:#f8f8f8 url(../images/header-bg-simple.png) top center no-repeat;
}

/* LINKS */

a { color:#008db5; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }

/* COMMON STYLES */

strong { font-weight:bold; }
em { font-style:italic; }
p { margin:8px 0; }

p.green {
	color:#77ad04;
	font-size:24px;
	letter-spacing:-1px;
	text-align:center;
}
p.grey {
	color:#777;
	font-size:24px;
	letter-spacing:-1px;
	line-height:36px;
}
.b { color:#008db5; }

.big16 {
	font-size:16px;
}
.big20 {
	color:#7a7a7a;
	font-size:20px;
}
.big30 {
	color:#7a7a7a;
	font-size:30px;
}
hr {
	background-color:#eee;
	border:0;
	color:#e0e0e0;
	height:2px;
	margin:0;
	padding:0;
}
.txt-center { text-align:center; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

/* HEADINGS */

h1 {
	color:#77ad04;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:52px;
	letter-spacing:-3px;
	margin-top:10px;
	padding:8px;
}
h2 {
	color:#7a7a7a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:35px;
	letter-spacing:-2.2px;
	margin-top:10px;
	padding:8px;
	text-shadow:0px 1px 1px #ffffff;
}
h3 {
	color:#777;
	font-size:20px;
	letter-spacing:-0.5px;
	text-shadow:0px 1px 1px #fff;
}
h4 {
	color:#008db5;
	color:#7a7a7a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	letter-spacing:-1px;
	line-height:36px;
	text-shadow:0px 1px 1px #fff;
}

/* BUTTONS */

button, 
a.blue-btn, 
a.green-btn {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:0px 1px 1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.7);
	color:#f8f8f8;
	display:inline-block;
	height:20px;
	font:20px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	padding:6px 25px 10px;
	text-align:center;
} 
a.green-btn {
	background:url(../images/btn-bg-green.png) repeat-x;
	text-shadow:0px -1px 1px #416600;
} 
a.green-btn:hover {
	background-position:0 -36px;
	text-decoration:none;
}
a.blue-btn {
	background:url(../images/btn-bg-blue.png) repeat-x 0 0;
	text-shadow:0px -1px 1px #023264;
}
a.blue-btn:hover {
	background-position:0 -36px;
	text-decoration:none;
}
button {
	background:url(../images/btn-bg-green.png) repeat-x;
	border:none;
	height:33px;
	line-height:20px;
	text-shadow:0px -1px 1px #416600;
	width:170px;
}
button:hover {
	background-position:0 -36px;
	cursor:pointer;
	text-decoration:none;
}

/* CONTENT LAYOUT */

.wrapper {
	margin:0 auto;
	width:1000px;
}
#page {
	clear:both;
	margin:25px 0;
	overflow:hidden;
	position:relative;
}
.container {
	background-color:#eee;
	border-bottom:1px solid #cdcdcd;
	border-radius:6px;
	moz-border-radius:6px;
	padding:8px;
	webkit-border-radius:6px;
}

/* HEADERS */

#header {
	color:#7a7a7a;
	display:block;
	height:125px;
	padding-top:100px;
	position:relative;
	width:1000px;
}
#header-simple {
	color:#7a7a7a;
	display:block;
	height:104px;
	padding-top:50px;
	position:relative;
	width:1000px;
}

/* HEADER: Stats */

#stats {
	clear:both;
	font:bold 16px Arial, Helvetica, sans-serif;
	margin:8px 0 8px 619px;
}
#stats span {
	display:block;
	float:left;
	margin-left:40px;
	text-align:center;
	text-shadow:0 1px #e8e8e8;
	width:82px;
}

/* HEADER: Navigation */

ul.main-nav {
	float:left;
	font:18px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	padding:43px 0 40px 0;
	position:relative;
	width:610px;
}
body#members ul.main-nav {
	padding:28px 0 0 0;
}
ul.main-nav li {
	display:inline;
	list-style:none;
	margin:0px 11px 0 10px;
	padding:0 5px;
}
ul.main-nav li a {
	color:#7a7a7a;
	text-shadow:0px 1px 0px #e8e8e8;
}
ul.main-nav li a:hover {
	color:#008db5;
	text-decoration:none;
	text-shadow:0px 0px 5px #62eaee;
}
ul.main-nav li a.active {
	background:url(../images/nav-selected-bg.png) repeat-x 0 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:0px 1px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.4);
	color:#008db5;
	font-family:Arial, Helvetica, sans-serif;
	padding:6px 12px;
	text-shadow:0px 0px 5px #62eaee;
}
ul.main-nav li a.active:hover {
	background-position:0px -33px;
	box-shadow:0px 1px 3px rgba(0, 0, 0, 0.6);
	moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.6);
	webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.6);
}

/* HEADER: Nav Buttons */

.buttons {
	clear:right;
	float:right;
	margin:30px 0 0 0;
}
a.blue-btn-nav, 
a.green-btn-nav {
	background-image:url(../images/nav-btn-bg.png);
	background-repeat:no-repeat;
	color:#f8f8f8;
	display:block;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	height:50px;
	letter-spacing:-0.6px;
	margin-right:12px;
	padding-top:7px;
	text-align:center;
	text-decoration:none;
	width:178px;
}
a.blue-btn-nav {
	background-position:0 0;
	text-shadow:0 -1px 1px #0f6493;
}
a.blue-btn-nav:hover {
	background-position:0 -58px;
}
a.green-btn-nav {
	background-position:-178px 0;
	text-shadow:0px -1px 1px #1e4b00;
}
a.green-btn-nav:hover {
	background-position:-178px -58px;
}

/* PAGE SPECIFIC ELEMENTS: Index: Slider + Intro */

#slider {
	background-color:#efefef;
	border-bottom:1px solid #cdcdcd;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	height:384px;
	margin-bottom:15px;
	padding:8px;
	position:relative;
	width:984px;
	z-index:1;
}
#slides {
	left:8px;
	position:absolute;
	top:8px;
	z-index:10;
}
.slides_container {
	display:none;
	overflow:hidden;
	position:relative;
	width:984px;
}
.slides_container div.slide {
	display:block;
	height:384px;
	width:984px;
}
.pagination {
	display:none;
}
.caption {
	background:#f1f1f1;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	bottom:10px;
	color:#008db5;
	font:20px/34px Georgia, "Times New Roman", Times, serif;
	height:34px;
	left:5px;
	letter-spacing:-1px;
	margin-bottom:5px;
	opacity:0.85;
	padding:5px;
	position:absolute;
	text-shadow:0 1px #fff;
	width:964px;
	z-index:20;
}
.caption p {
	margin:0;
	padding:0;
}
.caption span.small {
	color:#252525;
	font-size:14px;
	letter-spacing:-0.5px;
}
#slider .overlay {
	left:8px;
	position:absolute;
	top:8px;
	z-index:30;
}
#intro {
	background:#f1f1f1;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:252525px;
	font-size:14px;
	height:308px;
	opacity:0.85;
	-moz-opacity:0.85;
	padding:8px;
	position:absolute;
	right:13px;
	text-align:justify;
	text-shadow:0 1px #fff;
	top:13px;
	width:240px;
	z-index:40;
}
#intro:hover {
	opacity:1;
	-moz-opacity:1;
}
#intro p.title {
	font-size:20px;
	margin:0 0 30px;
}
#intro a.green-btn {
	margin-top:56px;
	width:190px;
}


/* PAGE SPECIFIC ELEMENTS: Index: Video */

#video-block {
	letter-spacing:-1px;
	margin-bottom:10px;
	overflow:hidden;
	width:1000px;
}
#video-block .left {
	width:755px;
}
#video-block .container {
	background-color:#eee;
	border-bottom:1px solid #cdcdcd;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding:8px;
}
#video-block h3 {
	color:#777;
	font-size:20px;
	height:40px;
	line-height:40px;
	margin-bottom:8px;
	overflow:hidden;
	text-shadow:0 1px #f8f8f8;
}
#video-block h3 .left {
	width:410px;
}
#video-block h3 .right {
	float:right;
	width:328px;
}
#video-block h3 .right a.green-btn {
	float:right;
	margin-left:5px;
	width:110px;
}
#video-block h3 .right a.blue-btn {
	float:right;
	margin-left:5px;
	width:98px;
}
.player {
	height:px;
	width:739px;
}
#video-block h2 {
	line-height:36px;
}

/* PAGE SPECIFIC ELEMENTS: Index: New Model */

#video-block .right {
	width:235px;
}
#new-model {
	background-color:#efefef;
	border-bottom:1px solid #cdcdcd;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	font-size:20px;
	letter-spacing:-1px;
	line-height:33px;
	margin-bottom:10px;
	padding:0 8px 8px;
	position:relative;
	text-align:center;
	width:219px;
}
#new-model h4 {
	color:#008db5;
	height:33px;
	left:13px;
	overflow:hidden;
	padding:5px;
	text-shadow:0 1px #fff;
}
#new-model a {
	display:block;
	height:329px;
	position:relative;
	width:219px;
}
#new-model a img {
	display:block;
	height:329px;
	width:219px;
}
#new-model a:hover img {
	opacity:0.85;
	-moz-opacity:0.85;
}
#new-model a .overlay {
	background:url(../images/overlay-newmodel.png) top center no-repeat;
	height:329px;
	left:0;
	position:absolute;
	top:0;
	width:219px;
	z-index:5;
}
#new-model a h5 {
	background:#efefef;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	bottom:5px;
	color:#252525;
	height:33px;
	left:5px;
	opacity:0.85;
	-moz-opacity:0.85;
	overflow:hidden;
	padding:0 5px;
	position:absolute;
	text-shadow:0 1px #fff;
	width:199px;
	z-index:10;
}
#video-block .right p {
	padding:30px 0;
}
#video-block .right a.green-btn {
	width:182px;
}

/* PAGE SPECIFIC ELEMENTS: Index: Site Info */

#site-info {
	background:url(../images/cutout-1.jpg) top center no-repeat;
	color:#777;
	font-size:24px;
	letter-spacing:-1px;
	min-height:370px;
	width:1000px;
}
#site-info .right, 
#site-info .left {
	padding-top:20px;
	width:343px;
}
#site-info ul {
	margin-right:30px;
}
#site-info ul li {
	background-position:top left;
	background-repeat:no-repeat;
	margin:20px 0;
	line-height:30px;
	padding:10px 0 10px 70px;
}
#site-info ul li#ipod { background-image:url(../images/icon-ipod.png); }
#site-info ul li#hd { background-image:url(../images/icon-hd.png); }
#site-info ul li#photo { background-image:url(../images/icon-camera.png); }

#site-info .right p {
	line-height:36px;
	padding:0 10px;
}

/* PAGE SPECIFIC ELEMENTS: Models */

.model-desc {
	clear:both;
	overflow:hidden;
}

/* PAGE SPECIFIC ELEMENTS: Videos */

.video-samples {
	clear:both;
	overflow:hidden;
	width:1000px;
}
.video-samples a {
	background-color:#efefef;
	border-bottom:1px solid #cdcdcd;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	display:block;
	float:left;
	height:169px;
	margin:0 8px 15px 8px;
	padding:8px;
	position:relative;
	width:300px;
}
.video-samples a img {
	display:block;
	height:169px;
	width:300px;
}
.video-samples a .overlay {
	background:url(../images/overlay-video.png) top left no-repeat;
	height:169px;
	left:8px;
	position:absolute;
	top:8px;
	width:300px;
	z-index:5;
}
.video-samples a:hover img {
	opacity:0.85;
	-moz-opacity:0.85;
}
.video-samples a h4 {
	color:#008db5;
	height:33px;
	left:13px;
	overflow:hidden;
	padding:5px;
	text-shadow:0 1px #fff;
}
.video-samples a h5 {
	background:#efefef;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	bottom:13px;
	color:#252525;
	height:15px;
	left:17px;
	opacity:0.85;
	-moz-opacity:0.85;
	overflow:hidden;
	padding:0 5px;
	position:absolute;
	text-shadow:0 1px #fff;
	width:148px;
	z-index:10;
}
.video-samples a span {
	color:#252525;
	font:12px/16px Arial, Helvetica, sans-serif;
	letter-spacing:-0.25px;
	padding-left:16px;
}
.video-samples span.type-photo { background:url(../images/icon-photo.png) left no-repeat; }
.video-samples span.type-video { background:url(../images/icon-video.png) left no-repeat; }
.video-samples span.date { background:url(../images/icon-date.png) left no-repeat; }
/* PAGE SPECIFIC ELEMENTS: Join */

#join-bg {
	background:url(../images/cutout-2.jpg) top center no-repeat;
	color:#777;
	font-size:24px;
	height:520px;
	letter-spacing:-1px;
	line-height:36px;
	min-height:370px;
	padding-top:40px;
	width:1000px;
} 
#site-info .left {
	width:390px;
}
#join-bg ul {
	font-size:20px;
	margin:20px 0 20px 10px;
} 
#join-bg .right {
	text-align:right;
	width:280px;
}
#join-bg form {
	margin:20px 0 0;
}
#join-bg form button {
	margin:10px 0 0;
}

/* COMMON ELEMENTS: Top Text Block */

.container.top-text {
	margin-bottom:20px;
	overflow:hidden;
}
.container.top-text .left {
	width:700px;
}
.container.top-text .left h3 {
	margin-left:10px;
}
.container.top-text .left p {
	margin-left:10px;
}
.container.top-text .right {
	width:250px;
}
.container.top-text a.green-btn {
	margin:0 auto 0;
	width:200px;
}

/* COMMON ELEMENTS: Photo Thumbs */

.thumbs {
	overflow:hidden;
}
.thumbs a {
	background-color:#efefef;
	border-bottom:1px solid #cdcdcd;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	display:block;
	float:left;
	font-size:20px;
	letter-spacing:-1px;
	line-height:33px;
	margin:0 8px 8px 0;
	padding:0 12px 5px;
	position:relative;
	text-align:center;
	text-shadow:0 1px #f8f8f8;
	width:168px;
}
.thumbs.models a {
	padding:12px;
}
.thumbs a:hover {
	text-decoration:none;
}
.thumbs a h4 {
	color:#008db5;
	height:33px;
	left:13px;
	overflow:hidden;
	padding:5px;
	text-shadow:0 1px #fff;
}
.thumbs a img {
	display:block;
	height:256px;
	margin:0 auto;
	width:168px;
}
.thumbs a:hover img {
	opacity:0.85;
	-moz-opacity:0.85;
}
.thumbs a .overlay {
	background:url(../images/overlay-update.png) top center no-repeat;
	height:256px;
	left:12px;
	position:absolute;
	top:43px;
	width:168px;
	z-index:5;
}
.thumbs.models a .overlay {
	left:12px;
	top:12px;
}
.thumbs a h5 {
	background:#efefef;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	bottom:43px;
	color:#252525;
	height:33px;
	left:17px;
	opacity:0.85;
	-moz-opacity:0.85;
	overflow:hidden;
	padding:0 5px;
	position:absolute;
	text-shadow:0 1px #fff;
	width:148px;
	z-index:10;
}
.thumbs.models a h5 {
	bottom:17px;
	left:17px;
}
.thumbs a span {
	color:#252525;
	font:12px/16px Arial, Helvetica, sans-serif;
	letter-spacing:-0.25px;
	padding-left:16px;
}
.thumbs span.type-photo { background:url(../images/icon-photo.png) left no-repeat; }
.thumbs span.type-video { background:url(../images/icon-video.png) left no-repeat; }
.thumbs span.date { background:url(../images/icon-date.png) left no-repeat; }

<!--SD-->
.thumbs2 {
	overflow:hidden;
}
.thumbs2 a {
	background-color:#efefef;
	border-bottom:1px solid #cdcdcd;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	display:block;
	float:left;
	font-size:20px;
	letter-spacing:-1px;
	line-height:33px;
	margin:0 8px 8px 0;
	padding:0 12px 5px;
	position:relative;
	text-align:center;
	text-shadow:0 1px #f8f8f8;
	width:168px;
}
.thumbs2.models a {
	padding:12px;
}
.thumbs2 a:hover {
	text-decoration:none;
}
.thumbs2 a h4 {
	color:#008db5;
	height:33px;
	left:13px;
	overflow:hidden;
	padding:5px;
	text-shadow:0 1px #fff;
}
.thumbs2 a img {
	display:block;
	margin:0 auto;
	
}
.thumbs2 a:hover img {
	opacity:0.85;
	-moz-opacity:0.85;
}
.thumbs2 a .overlay {
	background:url(../images/overlay-update.png) top center no-repeat;
	height:256px;
	left:12px;
	position:absolute;
	top:43px;
	width:168px;
	z-index:5;
}
.thumbs2.models a .overlay {
	left:12px;
	top:12px;
}
.thumbs2 a h5 {
	background:#efefef;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	bottom:43px;
	color:#252525;
	height:33px;
	left:17px;
	opacity:0.85;
	-moz-opacity:0.85;
	overflow:hidden;
	padding:0 5px;
	position:absolute;
	text-shadow:0 1px #fff;
	width:148px;
	z-index:10;
}
.thumbs2.models a h5 {
	bottom:17px;
	left:17px;
}
.thumbs2 a span {
	color:#252525;
	font:12px/16px Arial, Helvetica, sans-serif;
	letter-spacing:-0.25px;
	padding-left:16px;
}
.thumbs2 span.type-photo { background:url(../images/icon-photo.png) left no-repeat; }
.thumbs2 span.type-video { background:url(../images/icon-video.png) left no-repeat; }
.thumbs2 span.date { background:url(../images/icon-date.png) left no-repeat; }

/* FOOTERS */

#footer-bg {
	background:url(../images/footer-bg.png) top center no-repeat;
	height:300px;
	overflow:hidden;
}
#footer {
	margin:0 auto;
	width:1000px;
}
#footer-bg-simple {
	background:url(../images/footer-bg-simple.png) top center no-repeat;
	height:164px;
	overflow:hidden;
}
#footer-simple {
	margin:0 auto;
	width:1000px;
}

/* FOOTER: Bottom Nav Links */

#bottom-nav {
	height:135px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	width:1000px;
}
#bottom-nav .left, 
#bottom-nav .right {
	width:49%;
}
#bottom-nav a:hover {
	text-decoration:none;
}
#bottom-nav a span {
	display:block;
}
#bottom-nav a span.call-to-action {
	color:#efefef;
	display:block;
	font:bold 72px/72px Arial, Helvetica, sans-serif;
	padding-top:10px;
	text-shadow:0 0 3px #fff;
}
#bottom-nav a:hover span.call-to-action {
	text-shadow:0 0 5px #fff;
}
#bottom-nav a span.description {
	color:#008db5;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	text-shadow:0 0 2px #0b93b8;
}
#bottom-nav a:hover span.description {
	color:#13b6e4;
	text-shadow:0 0 3px #0b93b8;
}

/* FOOTER: Navigation */

#footer ul.main-nav, 
#footer-simple ul.main-nav {
	margin:30px 0;
	padding:0;
}
body#members #footer-simple ul.main-nav {
	padding:0px 0 20px 0;
}
#footer .buttons, 
#footer-simple .buttons {
	margin:20px 0;
	padding:0;
}
#footer-text {
	clear:both;
	color:#555;
	font:12px Arial, Helvetica, sans-serif;
	padding:5px 20px;
	text-align:center;
}
#footer-text a {
	color:#252525;
}