/*== Reset ============================== sports, portraits, landscape, abstract*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, img { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
img { border-style:none; }
a img, :link img, :visited img, a { border: 0; margin:0; outline:none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
q:before, q:after { content:''; }
img {
	border-style: none;
}

a img, :link img, :visited img {
	border: 0;
}
a {outline:none;}

/*== Global ==============================*/
html, body { background: #000000; font: 12px/1.5 Helvetica, Arial, Verdana, sans-serif; height:auto;}
hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }
ol { list-style: decimal; }
ul { list-style: none; }
h1 { font-family:"Garamond", Times, serif; font-size:1.7em; border-bottom:1px solid #dddddd; font-weight:normal; background:url(../img/images/h1.png) repeat-x; padding:0 0 0 6px; }
h1 span { font-family:"Century Gothic", Times, serif; font-weight:normal; font-size:.65em; color:#000000; font-variant:small-caps; }
h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 0 6px; color:#003366; }
h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#003366; font-size:1.2em; margin:8px 0 0 15px; text-align:left; font-weight:bold; }
h4 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#003366; font-size:1.5em; margin:15px 0 9px 0; text-align:left; font-weight:normal; border-bottom:1px dotted #ccc; }
h5 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#003366; font-size:1.5em; margin:12px 0 9px 0; text-align:left; font-weight:normal; border-bottom:1px dotted #ccc; }
a { color:#055094; text-decoration:none; }
a:hover { color:#A57A08; text-decoration:none; }

/*== Wrap ==============================*/
#wrap { width:960px; margin:0 auto; height:590px;}
#chromeFix { display: block; position: absolute; width: 100%; height: 1px; bottom: 0px; left: 0px; }
#strip { width:960px; height:70px; }
#title { width:369px; height:46px; float:right; margin:24px 0 0 0; }
.hr { width:960px; clear:both; background:url(../img/images/hr.png) no-repeat; height:5px; display:block; margin:0 auto; }
.hr2 { width:960px; clear:both; background:url(../img/images/hr2.png) no-repeat; height:5px; display:block; margin:0 auto; padding-bottom:3px;}
.hr3 { width:960px; clear:both; background:url(../img/images/hr2.png) no-repeat; height:auto; display:block; margin:0 auto; padding:8px 0; position:relative; top:550px;}
#tempfooter { height:100%; width:100%; }
#slideholder { height:41px; display:block; float:left; margin:0; width:100%; background:#000000; }
#socialmedia { margin:5px 0 0 0; width:100px; }
#content {margin:15px 0 0;}
li#email a{float:right; width:241px; height:22px; overflow:hidden; background:url(../img/images/email.png) no-repeat top right;}
li#email  a:hover{float:right; width:241px; height:22px; overflow:hidden; background:url(../img/images/email.png) no-repeat bottom right;}
li#facebook a{float:right; width:135px; height:22px; overflow:hidden; background:url(../img/images/facebook.png) no-repeat top right;}
li#facebook  a:hover{float:right; width:135px; height:22px; overflow:hidden; background:url(../img/images/facebook.png) no-repeat bottom left;}
li#sitedesign a{float:right; width:75px; height:20px; overflow:hidden; background:url(../img/images/sitedesign.png) no-repeat top left; margin-bottom:15px;}
li#sitedesign  a:hover{float:right; width:75px; height:20px; overflow:hidden; background:url(../img/images/sitedesign.png) no-repeat bottom left; margin-bottom:15px;}
li#addisonsalzmann a{float:right; width:357px; height:20px; overflow:hidden; background:url(../img/images/addison_salzmann.png) no-repeat top left;}
li#addisonsalzmann a:hover{float:right; width:357px; height:20px; overflow:hidden; background:url(../img/images/addison_salzmann.png) no-repeat bottom left;}
#sitedesignfix {width:357px; float:right; position:relative; height:20px;}
#contactfix{width:250px; float:right; padding-top:8px;}
ul#previous{width:78px; height:20px; float:left;}
.prev{float:left; width:400px; height:20px; overflow:hidden; background:url(../img/images/previous.png) no-repeat top left; cursor:pointer;}
.prev:hover, .prev-hover{float:left; width:400px; height:20px; overflow:hidden; background:url(../img/images/previous.png) no-repeat bottom left; cursor:pointer;}
ul#next{width:57px; height:20px; float:left;}
.next{float:right; width:400px; height:20px; overflow:hidden; background:url(../img/images/next.png) no-repeat top left; cursor:pointer;}
.next:hover{float:right; width:400px; height:20px; overflow:hidden; background:url(../img/images/next.png) no-repeat bottom left; cursor:pointer;}
.break{height:10px; width:960px; display:block;}
#rileypic{float:right; color:#c5c5c5;}
#rileypic p {text-align:right;}
#thanks{clear:left; color:#c5c5c5;}
/*== Navigation ==============================*/
#nav { width:193px; height: 65px; margin:5px 0 0 0; float:left; }
#nav ul { margin:0; padding:0; list-style:none; }
#nav li { float:left; margin:0; padding:0; }
#nav ul a { display:block; width:auto; height:65px; }
li a.invisible strong { display: none; } /*This makes the link text invisible*/
#nav a { border: none; }
/* Home Button */	
li#gallery a { background:url(../img/images/gallery.png) no-repeat top left; width:44px; height:65px; }
li#gallery a:hover { background:url(../img/images/gallery.png) no-repeat bottom left; width:44px; height:65px; }
li#gallery-on { background:url(../img/images/gallery.png) no-repeat bottom left; width:44px; height:65px; }
/* Aboutus Button */	
li#about a { background:url(../img/images/about.png) no-repeat top left; width:54px; height:65px; }
li#about a:hover { background:url(../img/images/about.png) no-repeat bottom left; width:54px; height:65px; }
li#about-on { background:url(../img/images/about.png) no-repeat bottom left; width:54px; height:65px; }
/* Contact Button */	
li#contact a { background:url(../img/images/contact.png) no-repeat top left; width:65px; height:65px; }
li#contact a:hover { background:url(../img/images/contact.png) no-repeat bottom left; width:65px; height:65px; }
li#contact-on { background:url(../img/images/contact.png) no-repeat bottom left; width:65px; height:65px; }
/* Link Love Button */	
li#linklove a { background:url(../img/images/linklove.png) no-repeat top left; width:70px; height:65px; }
li#linklove a:hover { background:url(../img/images/linklove.png) no-repeat bottom left; width:70px; height:65px; }
li#linklove-on { background:url(../img/images/linklove.png) no-repeat bottom left; width:70px; height:65px; }

/*== Scrollable ==============================*/
div.scrollable { position:relative; overflow:hidden; width: 960px; height:480px; clear:both; margin:0 0 10px 0; z-index:0; padding:0; top:13px;}
#thumbs { position:absolute; width:20000em; clear:both; }
#thumbs div { float:left; height:600px; background:#000000; color:#fff; cursor:pointer; overflow:hidden; width:auto; }
#thumbs div img { margin:0 6px 0 0; }

/* position and dimensions of the navigator */
div.navi {
	margin:7px 0 0 -22px;
	width:800px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:16px;
	height:16px;
	float:left;
	margin:3px 6px 3px 0;
	background:url(../img/images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -16px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -32px;     
}

ul.gall li{margin:15px 0; cursor:pointer;}
	/* BEGIN CSS */
	.fadeaction {
		position:relative;
		display:block;
		height: 140px;
		width: 960px;
		background:url(../img/images/action.png) 0 0 no-repeat;
		cursor:pointer;
	}
	
	.fadeaction * {
	  display: none;
	}
	
	.fadeaction span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 140px;
		width: 960px;
		background:url(../img/images/action.png) 0 -140px no-repeat;
		cursor:pointer;
	}

	.fadeland {
		position:relative;
		display:block;
		height: 140px;
		width: 960px;
		background:url(../img/images/landscape.png) 0 0 no-repeat;
		cursor:pointer;
	}
	
	.fadeland * {
	  display: none;
	}
	
	.fadeland span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 140px;
		width: 960px;
		background:url(../img/images/landscape.png) 0 -140px no-repeat;
		cursor:pointer;
	}

	.fadeport {
		position:relative;
		display:block;
		height: 140px;
		width: 960px;
		background:url(../img/images/portrait.png) 0 0 no-repeat;
		cursor:pointer;
	}
	
	.fadeport * {
	  display: none;
	}
	
	.fadeport span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 140px;
		width: 960px;
		background:url(../img/images/portrait.png) 0 -140px no-repeat;
		cursor:pointer;
	}
	
		.fadelife {
		position:relative;
		display:block;
		height: 140px;
		width: 960px;
		background:url(../img/images/lifestyle.png) 0 0 no-repeat;
		cursor:pointer;
	}
	
	.fadelife * {
	  display: none;
	}
	
	.fadelife span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 140px;
		width: 960px;
		background:url(../img/images/lifestyle.png) 0 -140px no-repeat;
		cursor:pointer;
	}
	
	
#aboutriley {
float:left;
width:400px;
color:#c5c5c5;
}
#aboutriley ul.about1 {
padding:0 0 15px 0;
margin:0 0 0 -6px;}
.underline{
text-decoration:underline;
}
#aboutriley ul {
font-size:13px;
margin:3px 0 12px 0;
color:#fff;
}
#aboutriley li {
margin:3px 0 3px 6px;
font-weight:normal;
font-size:12px;
color:#c5c5c5;
}
#thanks ul {
font-size:13px;
margin:3px 0 12px 0;
color:#fff;
}
#thanks li {
margin:3px 0 3px 6px;
font-weight:normal;
font-size:12px;
color:#c5c5c5;
}