@import url('reset.css');
@import url('default.css');

* { margin: 0; padding: 0 }
a:active,
a:focus,
a:visited { outline: none; border: none; }
.clear{clear:both;}
.left{float: left; margin:0 20px 20px 0;}
.right{float: right; margin:0 0 20px 20px;}

body 		{ text-align: center; padding-bottom: 50px; line-height: 1.5em;}
#wrap		{ width: 980px; margin: 0 auto; background:url(../img/contentbggrunge.jpg) no-repeat top left #fff;}
#wrap2		{ background:url(../img/contentbggrungebottom.jpg) no-repeat bottom left; }
#header		{ width: 980px; margin: 25px auto 0px auto; }

h1 { color: #333; line-height: 1; font-size: 17px; float:left;  }
h1 a { text-decoration: none; }


h2 {
	line-height: 1;
	margin: 5px 0 0 0;
	color: #888;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}


/**********************
*** Portfolio (homepage)
**********************/
#portfolio			{ margin-top: 25px; overflow: hidden; }
#welcome			{ width: 300px; margin: 0 20px; float: left; }
#gallery_list		{  }

#gallery_wrap{width:780px; padding:5px 0 25px; float:right;  display:inline;}

/* Gallery thumbnails */
.gallery_box 		{ margin: 0 20px 40px 0px; float: left; height: 95px; background-repeat: no-repeat; background-position: center center;}
.gallery_box h3		{ font-size: 11px; font-weight: 100; letter-spacing: 1px; margin-bottom: 2px; }
.gallery_box h3 a	{ text-decoration: none; }

/* Footer (contains gallery and page nav) */
.footer_nav { clear: both; }
.footer_nav a:hover { color: #333; }

/* Gallery menu */
.gallery_nav			{ clear: both; padding-top: 20px; text-align: center; font-size: 14px; font-style: italic; padding-bottom: 5px;  }
.gallery_nav a 			{ text-decoration: none; margin: 0 .85em; }
.gallery_nav a.active 	{ font-weight: bold; }

/* Page menu */
.page_nav			{ padding-top: 5px; }
.page_nav a 		{ text-decoration: none; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; margin: 0 1em; }
.page_nav a.active	{ font-weight: bold; }

/* Page menu */
#header ul#nav{float:right; margin-top:40px;}
#header ul#nav li{float:left; margin:0 5px;}
#header ul#nav li a{padding:8px 12px; display:block; font-size:1.1667em; color:#fff;}
#header ul#nav li a:hover{color:#8ac43e;}
#header ul#nav li.current{background:url(../img/nav_left.gif) top left no-repeat; text-shadow:0 -1px 0 #648d2d;}
#header ul#nav li.current a{background:url(../img/nav_right.gif) top right no-repeat;}
#header ul#nav li.current a:hover{color:#fff;}

/* Model List */
#left_column{float:left; width:184px;text-align:left; padding:15px 0 0 15px; padding:15px 0 0 15px; display:inline;}
#left_column h2{font-size:1.3333em; margin-bottom:5px;}
#left_column p{font-size:0.9167em;}

#left_column ul#model_list{font-size:0.9167em; _line-height:0.75em; margin:0; padding:0;}
#left_column ul#model_list li{_line-height:0.75em; list-style:none; margin:0; padding:0;}
#left_column ul#model_list li a{margin:0; padding:2px 0 2px 10px; _padding:3px 0 3px 10px; display:block;}
#left_column ul#model_list li a:hover{color:#333333;}
#left_column ul#model_list li.current a{background:url(../img/current_gallery.png) top left no-repeat; color:#000;}

#left_column ul#model_list li p{
	display:none;
}
#left_column ul#model_list li.current p{
	padding:5px 0 0 20px;
	margin: -5px 0 0px;
	display: block;
	font-weight: bold;
	font-size: 13px;
}

/**********************
*** Text content
**********************/
.body 			{ text-align: left; width: 700px; margin: 0 auto; padding:20px 0; min-height: 300px}
.body h2		{ font-weight:100;; }
.body 			{ font-size: 11px; line-height: 1.6; }
.body p 		{ margin: 0.7em 0 1.2em; }
.body ul,
.body ol 		{ margin-left: 4em; }
.body a			{ color: #333; font-weight: bold; text-decoration: none; }
.body a:hover	{ color: #000; text-decoration: underline; }
.body img		{ border: 3px double #ccc; }

.body.bodygalleries {text-align: left; width: 880px; margin: 0 auto; padding:20px 0;}

/**********************
*** Main gallery
**********************/
.gallery					{ margin: 20px auto; width: 700px; height: 550px; }
.gallery .caption			{ font-family: "Lucida Grande", Verdana, sans-serif; font-size: 10px; color: #000; width: 100%; text-align:center; position: absolute; margin: 0; line-height: 1.4; border-top:3px double #dbdbdb; border-bottom:3px double #dbdbdb; padding: 5px 0px; z-index: 10;}
.toggleCaption				{ text-align: left; }
.toggleCaption a			{ display: block; width: 16px; height: 16px; background: url(../img/caption.png) no-repeat 0 0; }
.toggleCaption a:hover 		{ background: url(../img/caption.png) no-repeat 0 -16px; }
.toggleCaption.visible a 		{ background: url(../img/caption.png) no-repeat 0 -32px; }
.gallery .image				{ height: 500px; width: 700px; }
.gallery .image img			{ border: 3px double #ccc; }
.scrollable img			 	{ border: 3px double white; }
.scrollable img.active		{ border-color: #999; }

.nav			{ margin-bottom: 15px; clear: both; letter-spacing: 3px; color: #bbb; text-transform: uppercase; }
.nav a			{ color: #444; text-decoration: none; }
.nav a:hover	{ color: #000; }

.counter 		{ font-size: 13px; line-height: 13px; letter-spacing: 0px; text-transform: none; padding: 0 10px; margin: 0 10px;
					border-left: 1px solid #ccc; border-right: 1px solid #ccc; color: #333; }
.counter span	{ font-style: italic; color: #555; font-weight: normal; }

/*#thumb_panel 	{ width: 800px; margin: 0 auto; padding-left: 72px; }*/



/**********************
*** Font variations
**********************/
body.lucida-georgia  { font-family: Georgia, "Times new roman", serif; }
.lucida-georgia h1 { font-weight: bold; letter-spacing: 2px; word-spacing: .25em; font-variant: small-caps; text-transform: uppercase; }
.lucida-georgia h2 { font-family: "Lucida Grande", Verdana, sans-serif; }
.lucida-georgia .gallery_box h3 { font-family: "Lucida Grande", Verdana, sans-serif; text-transform: uppercase; }
.lucida-georgia .page_nav a { font-family: "Lucida Grande", Verdana, sans-serif; }
.lucida-georgia .gallery_nav { font-family: Georgia, "Times new roman", serif; }
.lucida-georgia .body { font-family: "Lucida Grande", Verdana, sans-serif; }
.lucida-georgia .gallery .caption { font-family: "Lucida Grande", Verdana, sans-serif; }
.lucida-georgia .toggleCaption { font-family: "Lucida Grande", Verdana, sans-serif; }
.lucida-georgia .nav { font: 80% 'helvetica neue',sans-serif; }
.lucida-georgia .counter { font-family: "Georgia", serif; }

body.palatino { font-family: "Palatino", "Times new roman", "Times" serif; }
.palatino h1 { font-family: "Baskerville", "Palatino", "Times New Roman", serif; font-weight: bold; letter-spacing: 2px; word-spacing: .25em; font-variant: small-caps; text-transform: uppercase; }
.palatino h2 { font-style: italic; text-transform: none; font-size: 12px; line-height: 1.5; }
.palatino .gallery_box h3 { font-variant: small-caps; font-size: 14px; text-transform: lowercase; letter-spacing: 1px; }
.palatino .body { font-size: 13px; }
.palatino .body h2 { font-size: 15px; }
.palatino .body p.first .dropCaps { color: #fff; font-size: 18px; width: 18px; margin-top: 3px; margin-right: 8px; padding: 8px; text-align: center; float: left; font-weight: bold; background: #555; border: 3px double #aaa; font-style: normal !important; }
.palatino .body p.first:first-line { font-weight: bold; font-style: italic; }
.palatino .body a { font-style: italic; font-family: "Times"; text-decoration: underline; }
.palatino .gallery .image img			{ border: 3px double #999; border: none; }
.palatino .scrollable img			 	{ border: 3px double white; }
.palatino .scrollable img.active		{ border-color: #666; }


body.helvetica  { font-family: "Helvetica Neue", Arial, sans-serif; }
.helvetica .mdash { display: none; }
/* Helvetica looks better than Neue when big & bold */
.helvetica h1 { font-weight: bold; letter-spacing: -1px; font-size: 24px; font-family: Helvetica, Arial, sans-serif; }
.helvetica h2 { font-weight: normal; letter-spacing: 0; text-transform: none; font-size: 13px; }
.helvetica .gallery_box h3 { font-weight: bold; text-transform: none; letter-spacing: 0; }
.helvetica .page_nav a { }
.helvetica .gallery_nav {  font-style: normal; font-weight: bold; }
.helvetica .gallery_nav a { color: #999; }
.helvetica .gallery_nav a:hover { color: #555; }
.helvetica .gallery_nav a.active { color: #333; }
.helvetica .body { font-size: 12px; }
.helvetica .body h2, .helvetica .body h3, .helvetica .body h4, .helvetica .body h5, .helvetica .body h6 {font-weight:normal; }
.helvetica .body h2 { }
.helvetica .nav { font-size: 11px; font-weight: bold; letter-spacing: 0; }
.helvetica .nav a { color: #999; }
.helvetica .nav a:hover { color: #333; }



/**********************
*** Color variations
**********************/

/* Main body / title */
body.white-gray	{ background: #fff; color: #555; }
body.dark-white { background:url(../img/bodyBg.jpg) top center no-repeat #1b1619; color:#666666; }
body.dark-white	{margin: 0 auto; }
body.white-gray h1 a { color: #333; }
body.white-gray h1 a:hover { color: #000; }

body.dark-white h1 a { color: #eee; }
body.dark-white h1 a:hover { color: #fff; }

/* Borders on gallery thumbs (homepage) */
body.white-gray .gallery_box a img	{ border: 3px double #bbb; }
body.white-gray .gallery_box a:hover img { border-color: #888; }

body.dark-white .gallery_box a.aimg	{ border: 3px double #808080; display: block; vertical-align: middle; text-align: center; overflow: hidden; }
body.dark-white .gallery_box a.aimg:hover { border-color: #000;}
body.dark-white .gallery_box a.aimg img { border: none; }

/* Headings on gallery thumbs (homepage)  */
body.white-gray .gallery_box h3 a		{ color: #333; }
body.white-gray .gallery_box:hover h3 a,
body.white-gray .gallery_box h3 a:hover { color: #000; }

body.dark-white .gallery_box {width:125px; height: 170px;}
body.dark-white .gallery_box h3 { margin-bottom: -3px; width: 100px;}
body.dark-white .gallery_box h3 a		{ font-size: 14px; font-weight: 100;  color: #4d4d4d; }
body.dark-white .gallery_box:hover h3 a,
body.dark-white .gallery_box h3 a:hover { color: #000; }

/* Body text styles */
body.dark-white .body { color: #999; }
body.dark-white .body a { color: #bbb; }
body.dark-white .body a:hover { color: #fff; }

/* Page navigation */
body.white-gray .page_nav { border-top: 1px solid #ddd; }
body.white-gray .page_nav a { color: #888; }
body.white-gray .page_nav a.active,
body.white-gray .page_nav a:hover { color: #333; }

body.dark-white .page_nav { border-top: 1px solid #333; }
body.dark-white .page_nav a { color: #555; }
body.dark-white .page_nav a.active { color: #fff; }
body.dark-white .page_nav a:hover { color: #999; }

/* Gallery navigation */
body.white-gray .gallery_nav a			{ color: #555; }
body.white-gray .gallery_nav a.active,
body.white-gray .gallery_nav a:hover 	{ color: #333; }

body.dark-white .gallery_nav a			{ color: #444; }
body.dark-white .gallery_nav a.active,
body.dark-white .gallery_nav a.active:hover	{ color: #fff; }
body.dark-white .gallery_nav a:hover 	{ color: #999; }


/* Gallery parts & image treatment */
body.dark-white .items { background: #fff; }
body.dark-white .scrollable img { border:3px double #808080; }
body.dark-white .scrollable img:hover { border:3px double #000; }

body.dark-white .body img,
body.dark-white .gallery .image img { border: 3px double #808080; }
body.dark-white .gallery .image img:hover { border: 3px double #000; }
body.dark-white .counter { border-color: #333; color: #555; }
body.dark-white .nav a { color: #555; }
body.dark-white .nav a:hover { color: #999; }

/* Gallery thumb controls */
body.white-gray a.prev,
body.white-gray a.next,
body.white-gray a.prevPage,
body.white-gray a.nextPage { height: 18px; 	background:url(../img/left.png) no-repeat 0 0px; }

body.white-gray a.prev:hover,
body.white-gray a.next:hover,
body.white-gray a.prevPage:hover,
body.white-gray a.nextPage:hover {
	background-position:0px -18px;		
}

body.white-gray a.next,
body.white-gray a.nextPage { background-image:url(../img/right.png); }

h1, h2, h3, h4, h5, h6{color:#333333;}
.helvetica .body h2{font-size:2.25em; margin-bottom: 12px;}
.helvetica .body h3{font-size:2em; margin-bottom: 0;}
.helvetica .body h4{font-size:1.75em; margin-bottom:  -10px;}
.helvetica .body h5{font-size:1.5em; margin-bottom: -10px;}
.helvetica .body h6{font-size:1.25em; margin-bottom: -10px;}
.helvetica .body p{font-size:1.1335em; color: #555555;}
.helvetica .body ul{font-size:1.1335em; list-style:disc; margin:10px 20px; color: #555555;}
.helvetica .body ol{font-size:1.1335em; list-style:decimal; margin:10px 20px; color: #555555;}
.helvetica .body li{margin:3px 0;}
.helvetica .body p a{color: #8cc63f; font-weight: normal; text-decoration: underline;}
.helvetica .body p a:hover{color: #6c9931;}

/***
Home Special
***/

#home_page{
	width:800px;
	height:534px;
	margin:0;
	display:block;
	padding:0;
	margin:-275px 0 0 -400px;
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
}

#home_images {
	width:800px;
	height:534px;
	margin:0;
	display:block;
	position: relative;
}

#home_images .image {
	width:800px;
	height:534px;
	margin:0;
	display:block;
	position: relative;
}

#home_page h1{
	text-indent:-9999px;
	background:url(../img/home_logo.png) top left no-repeat;
	width:331px;
	height:171px;
	display:block;
	position:absolute;
	top:175px;
	left:50%;
	margin:-30px 0 0 -165px;
	padding:0;
	z-index:9999;
}

#home_page h1 a{
	margin:0;
	padding:0;
	width:331px;
	height:171px;
	display:block;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

#home_page p{margin-top: 10px;}

#home_page #footer{
	width:780px;
	padding:0px 10px;
	position:absolute;
	bottom:-20px;
	left:0;
	text-align:right;
}