/* Begin Ryno Studios V9.1 Formatting */
	/*
		Author: Ryan Thaut
		Email: rthaut@gmail.com
		Web: http://www.rynostudios.com/
		
		Copyright (c) Ryan Thaut 2007-2008. All Rights Reserved.
		No Modification or Distribution Without Written Consent.
	*/

/* Contact.css */

#Contact {
display: block;
padding: 0px;
}

fieldset {
border: 0px;
margin: 0px;
padding: 0px;
width: 470px;
}

fieldset input[type=text], fieldset textarea {
background: #F9F5E5;
border: 1px solid #E7D597;
color: #9B7D24;
display: block;
font-family: Verdana, Tahoma;
font-size: 10pt;
margin: 0px 0px 10px 0px;
padding: 5px;
overflow: auto;
width: 350px;
}

fieldset textarea {
height: 200px;
width: 450px;
}

input[type=text]:Focus, textarea:Focus, input[type=text].Focus, textarea.Focus  {
border: 1px solid #2980D6;
color: #15406A;
}

label{
color: #15406A;
display: block;
float: left;
font-family: Arial;
font-size: 12pt;
font-weight: bold;
height: 28px;
line-height: 28px;
text-indent: 10px;
width: 100px;
}

#Submit {
color: #000000;
display: block;
font-weight: bold;
height: auto;
margin: 0px 0px 0px 350px;
padding: 5px 0px 5px 0px;
width: 100px;
}

/* Categories.css */

#Categories {
background: url(Images/CategoriesBG.gif) no-repeat top center;
display: block;
height: 100px;
margin: 0px auto;
padding: 0px 100px 0px 100px;
width: 760px;
}

	#Categories a {
	background: url(Images/CategoriesLinks.gif) no-repeat 0px 0px;
	color: #15406A;
	cursor: pointer;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	height: 100px;
	line-height: 45px;
	text-align: center;
	width: 190px;
	}
	
	#Categories a span {
	color: #9B7D24;
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
	}

	#Categories a:Hover {
	background: url(Images/CategoriesLinks.gif) no-repeat 0px -100px;
	text-decoration: none;
	}
	
	#Categories a.Active {
	background: url(Images/CategoriesLinks.gif) no-repeat 0px -200px;
	}

/* Portfolio.css */

.ItemContainer {
background: #F6EFD8;
display: block;
margin: 0px auto;
margin-bottom: 10px;
padding: 0px;
position: relative;
width: 722px;
}

.ItemTop {
background: url(Images/Portfolio/ItemTop.gif) no-repeat top center;
display: block;
height: 2px;
width: 722px;
}

.ItemBottom {
background: url(Images/Portfolio/ItemBottom.gif) no-repeat bottom center;
display: block;
height: 2px;
width: 722px;
}

.Item {
background: url(Images/Portfolio/ItemBG.gif) repeat-y center;
display: block;
margin: 0px;
padding: 15px 20px 10px 20px;
width: 682px;
}

.Item a.Top {
background: url(Images/Portfolio/Top.gif) no-repeat 0px 0px;
cursor: pointer;
display: block;
position: absolute;
right: 10px;
top: 10px;
height: 30px;
width: 30px;
}

.Item a.Top:Hover {
background: url(Images/Portfolio/Top.gif) no-repeat 0px -30px;
}

.Item .Preview {
background: url(Images/Portfolio/PreviewBG.gif) no-repeat center;
display: block;
height: 190px;
padding: 5px;
width: 670px;
}

	.Item .Preview a {
	background: url(Images/Portfolio/ImageLoader.gif) no-repeat center;
	display: block;
	height: 190px;
	text-decoration: none;
	width: 670px;
	}

.Item div.InfoBar {
background: #FBF7EC;
border: 1px solid #EDDFB1;
clear: both;
color: #9B7D24;
display: block;
font-size: 18px;
font-weight: bold;
height: 30px;
line-height: 30px;
margin: 5px 0px 10px 0px;
}

	.Item div.InfoBar a {
	color: #15406A;
	}

	.Item div.InfoBar b {
	color: #15406A;
	}
	
	.Item div.InfoBar div.Left {
	float: left;
	margin-left: 10px;
	text-align: left;
	}
	
	.Item div.InfoBar div.Right {
	float: right;
	margin-right: 10px;
	text-align: right;
	}

	.Item div.InfoBar a.Download {
	background: url(Images/Portfolio/Download.gif) no-repeat center left;
	display: block;
	text-indent: 30px;
	}

	.Item div.InfoBar a.Live {
	background: url(Images/Portfolio/Live.gif) no-repeat center left;
	display: block;
	text-indent: 40px;
	}
			
	.Item div.InfoBar a.Zoom {
	background: url(Images/Portfolio/Zoom.gif) no-repeat center left;
	display: block;
	text-indent: 35px;
	}

#WebContainer, #WallsContainer, #SkinsContainer, #LogonsContainer {
display: none;
margin: 0px auto;
padding: 0px;
width: 1000px;
}

#Loading {
color: #9B7D24;
display: block;
font-weight: bold;
font-size: 21px;
height: 16px;
line-height: 16px;
padding: 0px;
margin: 0px auto;
margin-bottom: 20px;
text-align: center;
width: 1000px;
}

#Loading img {
height: 16px;
margin: 0px 4px 0px 0px;
width: 16px;
}

/* Download.css */

div.Column {
float: left;
padding: 10px;
width: 310px;
}

#DownloadPreview {
background: url(Images/DownloadBG.gif) no-repeat center;
display: block;
height: 300px;
margin: 0px auto;
padding: 5px;
width: 900px;
}

	#DownloadPreview img {
	background: url(Images/Portfolio/ImageLoader.gif) no-repeat center;
	height: 300px;
	margin: 0px auto;
	width: 900px;
	}

span.strike {
text-decoration: line-through;
}

/* Home.css */

#Main {
float: left;
}

#Sidebar {
background: #F9F5E5;
border: 1px solid #E7D597;
display: block;
float: right;
margin: 0px 10px 0px 0px;
padding: 10px 10px 0px 10px;
position: relative;
width: 270px;
}

	#Sidebar p {
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

.ThumbContainer {
background: #F6EFD8;
border: 1px solid #E7D597;
clear: both;
display: block;
margin: 10px;
padding: 5px;
width: 660px;
}

.PortfolioThumb {
background: url(Images/Portfolio/ThumbBG.gif) no-repeat center;
display: block;
float: left;
height: 90px;
margin: 5px;
padding: 5px;
width: 90px;
}

.PortfolioThumb img {
background: url(Images/Portfolio/ImageLoader.gif) no-repeat center;
height: 90px;
margin: 0px auto;
width: 90px;
}

/* Style.css */

a, a:Hover, a:Active {
outline: none;
}

a {
color: #15406A;
text-decoration: none;
}

a:Hover {
text-decoration: underline;
}

blockquote.Code {
background: #F9F5E5;
border: 1px solid #E7D597;
font-family: Courier New;
margin: 10px;
padding: 10px 10px 0px 10px;
}

	blockquote.Code i {
	color: #72AAE2;
	font-size: 12px;
	}

	blockquote.Code pre {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

body {
background: #0B2035;
border: 0px;
color: #9B7D24;
cursor: default;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: normal;
margin: 0px;
padding: 0px;
text-decoration: none;
}

html {
overflow: auto;
min-height: 100%;
}

h1 {
color: #15406A;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 28px;
font-variant: small-caps;
margin: 0px 0px 10px 0px;
padding: 0px;
}

h2 {
border-bottom: 1px solid #15406A;
clear: both;
display: block;
color: #15406A;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
height: 30px;
line-height: 30px;
margin: 0px 0px 2px 0px;
padding: 0px;
text-indent: 25px;
}

h3 {
border-bottom: 1px solid #9B7D24;
color: #9B7D24;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
margin: 10px 0px 0px 0px;
padding: 0px;
text-align: left;
}

h4 {
margin: 0px;
padding: 10px 0px 0px 10px;
}

h5 {
clear: both;
display: block;
margin: 5px;
padding: 5px;
text-align: center;
}

h6 {
clear: both;
display: block;
font-weight: bold;
font-size: 14px;
height: 20px;
line-height: 20px;
margin: 5px;
padding: 0px;
text-align: right;
}

hr.Hidden {
background: #F3EACB;
border: 0px;
color: #F3EACB;
border: 0px;
clear: both;
height: 0px;
margin: 0px;
padding: 0px;
}

hr.Blue {
background: #15406A;
border: 0px;
color: #15406A;
border: 0px;
clear: both;
height: 1px;
margin: 5px;
padding: 0px;
}

img {
border: 0px;
}

p {
font-size: 14px;
line-height: 150%;
margin: 0px;
padding: 0px 5px 10px 5px;
}

table, tr, td {
border: 0px;
border-collapse: collapse;
margin: 0px;
padding: 0px;
}

table {
width: 100%;
}

.Container {
display: block;
margin: 0px auto;
width: 1000px;
}

#Top {
background: #0B2035 url(Images/TopBG.gif) repeat-x center;
display: block;
height: 80px;
width: 100%;
}

#Logo {
display: block;
float: left;
height: 80px;
margin: 0px;
width: 780px;
}

	#Logo a{
	background: url(Images/Logo.png) no-repeat top center;
	display: block;
	height: 80px;
	width: 780px;
	}

#Firefox {
float: right;
height: 80px;
margin: 0px 20px 0px 10px;
width: 160px;
}

	#Firefox a {
	background: url(Images/Firefox.png) no-repeat 0px 0px;
	display: block;
	height: 80px;
	margin: 0px auto;
	width: 160px;
	}
	
	#Firefox a:Hover {
	background: url(Images/Firefox.png) no-repeat 0px -80px;
	}

#Navigation {
background: #0E2B47 url(Images/HeaderBG.gif) repeat-x top center;
display: block;
height: 80px;
margin: 0px auto;
width: 100%;
}

	#Navigation ul {
	background: url(Images/NavigationBG.gif) no-repeat center;
	display: block;
	height: 80px;
	margin: 0px auto;
	padding: 0px 20px;
	width: 960px;
	}
	
		#Navigation ul li {
		display: block;
		float: left;
		list-style-type: none;
		}
		
			#Navigation ul li a {
			background: url(Images/Link.gif) no-repeat 0px 0px;
			color: #609FDF;
			display: block;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 18px;
			height: 80px;
			line-height: 80px;
			text-align: center;
			width: 160px;
			}
		
			#Navigation ul li a:Hover {
			background: url(Images/Link.gif) no-repeat 0px 0px;
			color: #B8D5F1;
			text-decoration: none;
			}
		
			#Navigation ul li a.Active {
			background: url(Images/Link.gif) no-repeat 0px -80px;
			color: #B8D5F1;
			text-decoration: none;
			}

#Featured {
background: #071523;
border: 1px solid #15406A;
display: block;
float: left;
height: 270px;
margin: 19px 9px 9px 0px;
width: 710px;
}
			
	#Featured  #Banner {
	display: block;
	height: 125px;
	margin: 0px;
	position: absolute;
	width: 340px;
	z-index: 10;
	}

	#Featured #FeaturedContainer {
	height: 270px;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	}

		#Featured #FeaturedContainer li.FeaturedItem {
		display: block;
		height: 270px;
		list-style-type:none;
		}

			#Featured #FeaturedContainer li.FeaturedItem img.Preview {
			background: #071523 url(Images/Featured/ImageLoader.gif) no-repeat center;
			border: 5px solid #15406A;
			display: block;
			height: 190px;
			margin: 15px;
			padding: 0px;
			width: 670px;
			}
			
			#Featured #FeaturedContainer li.FeaturedItem p {
			display: block;
			font-size: 13pt;
			margin: 0px;
			padding: 0px 20px 0px 20px;
			}
				
				#Featured #FeaturedContainer li.FeaturedItem p a {
				color: #95BFEA;
				display: block;
				float: right;
				font-weight: bold;
				height: 20px;
				line-height: 15px;
				margin: 0px;
				padding: 0px;
				}
					
				#Featured #FeaturedContainer li.FeaturedItem p a.Download {
				background: url(Images/Featured/Download.gif) no-repeat center left;
				text-indent: 30px;
				}
					
				#Featured #FeaturedContainer li.FeaturedItem p a.Live {
				background: url(Images/Featured/Live.gif) no-repeat center left;
				text-indent: 40px;
				}
					
				#Featured #FeaturedContainer li.FeaturedItem p a.Zoom {
				background: url(Images/Featured/Zoom.gif) no-repeat center left;
				text-indent: 35px;
				}
			
				#Featured #FeaturedContainer li.FeaturedItem p span {
				color: #20609F;
				float: left;
				font-weight: bold;
				height: 20px;
				line-height: 15px;
				}
				
					#Featured #FeaturedContainer li.FeaturedItem p span b {
					color: #95BFEA;
					}

#Testimonials {
display: block;
float: right;
margin: 20px 0px 10px 0px;
width: 270px;
}

	#Testimonials blockquote {
	background: url(Images/Quote-Close.gif) no-repeat right bottom;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}

	#Testimonials h2 {
	border-bottom: solid 1px #B8D5F1;
	color: #B8D5F1;
	text-indent: 0px;
	}

	#Testimonials blockquote p {
	background: url(Images/Quote-Open.gif) no-repeat left top;
	font-size: 13px;
	font-style: italic;
	padding: 0px 0px 0px 18px;
	}

	#Testimonials p.Credit {
	color: #B8D5F1;
	text-align: right;
	}

		#Testimonials p.Credit a {
		color: #609FDF;
		}

#Content {
background: #F3EACB url(Images/ContentBG.gif) repeat-x;
display: block;
margin: 0px auto;
padding: 0px 0px 1px 0px;
width: 100%;
}

#ContentContainer {
color: #9B7D24;
display: block;
margin: 0px auto;
padding: 20px 0px 0px 0px;
width: 1000px;
}

#Footer {
background: #0E2B47 url(Images/FooterBG.gif) repeat-x top center;
color: #72AAE2;
clear: both;
display: block;
height: 300px;
padding: 10px 0px 0px 0px;
width: 100%;
}
		
#Bottom {
background: #0B2035 url(Images/BottomBG.gif) repeat-x top center;
clear: both;
color: #72AAE2;
display: block;
font-size: 12px;
height: 50px;
line-height: 50px;
padding: 10px 0px 0px 0px;
text-align: center;
width: 100%;
}

	#Bottom  a {
	color: #B8D5F1;
	margin: 0px;
	text-align: center;
	text-decoration: none;
	}
	
	#Bottom  a:Hover {
	text-decoration: underline;
	}
	
	#Bottom a.Valid {
	background: url(Images/Valid.gif) no-repeat center left;
	padding: 0px 0px 0px 16px;
	}
	
	#Bottom b {
	color: #B8D5F1;
	font-weight: normal;
	}

div.Special {
background: #F9F5E5;
border: 1px solid #E7D597;
margin: 10px;
padding: 0px;
}

p.center {
clear: both;
text-align: center;
}

/* Downloads.css */

#DownloadsContainer {
display: block;
margin: 0px auto;
width: 930px;
}

.DownloadThumb {
background: url(Images/ThumbBG.gif) no-repeat center;
display: block;
float: left;
height: 150px;
margin: 0px auto;
padding: 5px;
width: 300px;
}

.DownloadThumb img {
background: url(Images/Portfolio/ImageLoader.gif) no-repeat center;
height: 150px;
margin: 0px auto;
width: 300px;
}