/**
 *	StudioSamples.net
 *
 *
**/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* End Reset*/


body{font: normal normal normal 1em/1.5em Arial, sans-serif;color:#736357;}
strong{font-weight:bold}
a{color:#4070FF;}
a:visited{color:#B08CFF;}
/*h2{font-size:1.5em;}
h3{display:block;clear:both}*/
h2{font-size: 1.6em;margin-bottom:10px;}
h3{font-size: 1.3em;margin-bottom:5px;}


.container{width:960px;margin:0 auto;}
.container_nonav{width:720px;margin:0 auto;}
.clear{clear:both;}
.goLeft{float:left;}
.goRight{float:right;}
.one_third{width:210px;margin: 0 5px;}
.two_thirds{width:450px;margin: 0 5px;}
.full{width:660px;margin: 0 5px 10px;display:block;}
.half{width:320px;margin: 0 5px 10px;}
.content-left{float:left;width:320px;margin: 0 5px 10px;}
.content-right{float:right;width:320px;margin: 0 5px 10px;}
.content-full{clear:both;width:680px;margin: 0 5px 10px;display:block;}

/**
 *  Header
**/

#header {margin-top:10px;background: #f3f3cc url('../images/header_bg.jpg') repeat-x top left;}
#header .container{height:90px;}
#header img{float:left;}

#header #url_wrapper{margin-top:10px;float:right;background-color: #c4df9b;margin-right:20px;}
#header #url{float:left;padding:0.25em 0px 2px 30px;font: .8em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;background: #c4df9b url('../images/url_left.jpg') no-repeat top left;}
#header #url_about{float:left;}

/**
 *  Navigation
**/
#nav_wrapper{background-color: #f3f3cc;float:right;margin-right:40px;width:210px;}
#nav{margin:0px 10px;font-size: .80em;background-color: #c4df9b;}
#nav_content{width:170px;padding:0 10px;}
#nav ul{}
#nav ul li{display:inline;}
#nav ul li.nav_header{font-weight: bold;font-size: 1.1em;color:#584c43;}
#nav ul li a{text-decoration: none;display:block;padding: 0 10px;color:#736357;}
#nav ul li a:hover{background-color:#e0fcb7;}

/**
 *  Rounded corners for navigation
**/
#nav_wrapper .wrapper_corner_holder{background-color: #f3f3cc;float:left;width:210px;}
#nav_wrapper .bl {background:url(../images/corners.jpg);float:left;background-position: 20px 10px;}
#nav_wrapper .br {background:url(../images/corners.jpg);float:right;background-position: 30px 10px;}
#nav .corner_holder{background-color: #c4df9b;float:left;width:190px;}
#nav .nav_tl {background:url(../images/corners.jpg);float:left;background-position: 0px 0px;}
#nav .nav_tr {background:url(../images/corners.jpg);float:right;background-position: 10px 0px;}
#nav .nav_bl {background:url(../images/corners.jpg);float:left;background-position: 0px 20px;}
#nav .nav_br {background:url(../images/corners.jpg);float:right;background-position: 10px 20px;}

#nav_wrapper .bl, #nav_wrapper .br, #nav .nav_tr, #nav .nav_tl, #nav .nav_br, #nav .nav_bl {
	height: 10px;
	width: 10px;
	overflow: hidden;
	padding: 0;
}

#content{float:left;width:700px;font-size: .86em;}
#content h2{font-size: 1.6em;margin-bottom:10px;}
#content h3{font-size: 1.3em;margin-bottom:5px;}
#content ul{list-style-type:disc;list-style-position:outside;padding-left:13px;padding-bottom:10px;}
#content ul li{}
#content ul li ul{list-style-type:circle;list-style-position:inside;padding-left:10px;}
#content ul li ul li{}


/**
 *  Tables
**/

table{border:1px solid #736357}
table tr{}
table tr.odd{background-color:#F7F3CE;}
table tr.even{background-color:#fff;}
table td{padding: 0 5px;}
table th{padding: 0 5px;background-color:#E7FFB5;}

#footer{clear:both;background: #f3f3cc url('../images/footer_bg.jpg') repeat-x top left}
#footer #content_left{float:left;padding-top:70px;height:40px;width:600px}
#footer #content_right{float:right;background: transparent url('../images/leaf.jpg') no-repeat top left;height:80px;width:60px;margin-right:20px;}


.fac_thumbs{float:left;padding:4px;width:150px;height:150px;display:inline;text-align:center;overflow:hidden;}
.fac_thumbs_v{float:left;padding:4px;margin:4px;width:150px;height:260px;display:inline;text-align:center;overflow:hidden;}

.width100{width:100px;height:120px;float:left;padding:8px;text-align:center;}
.width100 img{display:block;}
.width150{width:150px;height:180px;float:left;padding:4px;text-align:center;}
.width150 img{display:block;}
.width200{width:200px;height:120px;float:left;padding:4px;text-align:center;}
.width200 img{display:block;}
.width210{width:210px;height:230px;float:left;padding:4px;text-align:center;}
.width210 img{display:block;}


.matimage li{float:left;margin:0;padding:0;list-style:none;display:inline;}
.matimage li.bottom{clear:left;}
.matimage a{width:226px;height:181px;display:block;}
.matimage img{margin:0;padding:0;}


/*.fac_thumbs{border:1px solid #ddd;float:left;padding:4px;margin:4px;display:inline;text-align:center;}*/


html, body {
	height: 100%;
}
#content_wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -120px; /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
	height: 120px; /* .push must be the same height as .footer */
}




	a.card_thumb, a.card_thumb {float:left; padding: 2px; margin:0 2px 4px 6px; border:1px solid #404040; text-align:center;text-decoration:none; font-weight:600; color:#404040;}
	a.card_thumb:hover, a.card_thumb:hover {text-decoration:none;}	



