/**
 * ryan.tagdmedia.net - base styles used throughout the site
 * 
 * See also:
 *     site.css      = references all css used throughout the site
 * 
 */


/* --------------------------------------------------------------------- */
/* Browser resets
/* --------------------------------------------------------------------- */ 

body, h1, h2, h3, h4, h5, h6, p, hr, pre, code, blockquote, form, fieldset,
legend, ul, ol, li, table, caption, th, tr, td, thead, tbody, tfoot, div {
   margin: 0;
   padding: 0;
   line-height: 1.5;
} 



/* --------------------------------------------------------------------- */
/* Main elements
/* --------------------------------------------------------------------- */




html, body
{
height: 100%;
}


body {
	font-size: 16px;
	margin: 0px;
	background: url(../img/bg/bg.gif) top repeat-x #272727;
	color: #c9c9c9;	
	border-top: 3px solid #e80048;	
	height: 100%;	
}

body, input.text, input.password, textarea, select {
	font-family: Arial, sans-serif;
}

#container {
position: relative;
min-height: 100%;
height: 100%;
height: auto;
			}

html>body #container {
height: auto;
}




/* --------------------------------------------------------------------- */
/* Headers
/* --------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	margin-bottom: .5em;	
	font-family: Arial, sans-serif;
	font-weight: normal;
	line-height: 100%;
	color: #999;
	margin-top: 1.6em;  
	float: none;    
}

h2.first,
h3.first,
h4.first,
h5.first,
h6.first {
	margin-top: 0;
	float: none;
}

h1 {
	font-size: 2.2em;
	color: #e80048;
	letter-spacing: -.03em;
	margin-bottom: .6em;
	margin-top: 0;
}

h1.title {
font-size: 3.5em;
margin-bottom: 0px;
margin-top: 30px;
}
	
	h1 a         { color: #e80048; font-weight: normal; }
	h1 a:link    { color: #e80048; }
	h1 a:visited { color: #e80048; }
	h1 a:active  { color: #e80048; }
	h1 a:hover   { color: #e80048; text-decoration: none; }

h2 {
	font-size: 1.7em;
	color: #c2a56e;
	letter-spacing: -.03em;
}

h2.subtitle {
	margin-top: 7px;
	font-family: arial;
}


	h2 a         { color: #c2a56e; font-weight: normal; }
	h2 a:link    { color: #c2a56e; }
	h2 a:visited { color: #c2a56e; }
	h2 a:active  { color: #c2a56e; }
	h2 a:hover   { color: #c2a56e; text-decoration: none; }

h3 {
	font-size: 1.5em;
	color: #999;
	letter-spacing: -.03em;
}

	h3 a         { color: #999; font-weight: normal; }
	h3 a:visited { color: #999; }
	h3 a:active  { color: #999; }
	h3 a:hover   { color: #999; text-decoration: none; }
	
h4 {
	font-size: 1.4em;
	color: #eeeeee;
}

.home_services {
font-size: 1.0em;
font-weight: bold;
color: #5FA4FF;
margin-left: 15px;
margin-bottom: 0px;
margin-top: 8px;
}

.home_services_table {
padding: 0px;
width: 100%;
border: none;
border-top: 0px;
border-collapse: collapse;
}

.home_services_table td, th {
padding: 0em;
width: 350px;
vertical-align: top;
border-top: none;
}
	
.mild {
color: #696969;
}

.home_callout {
margin-left: auto; 
margin-right: auto; 
text-align: center; 
width: 650px; 
margin-top: 30px; 
padding: 10px; 
font: italic normal 18px/25px Georgia, "Times New Roman", Times, serif;
letter-spacing: -.01em;
}

.home_callout .highlight{
	background-color:#1F1F1F;
	padding: 0 5px;
	color: #777;
}


.about_table {
padding: 0px;
width: 100%;
border: none;
border-top: 0px;
border-collapse: collapse;
}

.about_table td, th {
padding: 0em;
width: 350px;
vertical-align: top;
border-top: none;
}


h5 {
	font-size: 1.3em;   
}

h6 {
	font-size: 1.2em;      
}



/* --------------------------------------------------------------------- */
/* Content holders
/* --------------------------------------------------------------------- */

div {

}

iframe {
	margin-top: 1em;
}

p, pre, blockquote {
	margin: 1.0em 0;  
}

p.first,
pre.first,
blockquote.first {
	margin-top: 0;
}

pre, code, tt {
	background-color: #505050;
	font-size: 0.9em;
	font-family: "Courier New", Courier, monospace;
	white-space: pre;
}    

pre {
	overflow: auto;
	padding: 1em;
	border: 1px solid #333;
	display: block;
}

code, tt {
	padding: 0.2em;
}   


blockquote {
display: block;
padding: 0 60px;
width: 650px;
margin-left: auto;
margin-right: auto;
}

blockquote:before, blockquote:after {
color: #1F1F1F;
display: block;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 600%;
width: 50px;
}

blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.25em;
}

blockquote:after {
content: close-quote;
height: 50px;
margin-top: -60px;
margin-left: 600px;
}

big     {
	font-size: 1.25em;
}

small {
	font-size: .94em;
}

acronym {
	cursor: help;
}

strong {
	color: #d9d9d9;
}



/* --------------------------------------------------------------------- */
/* Links and hr
/* --------------------------------------------------------------------- */

a, a strong {
	text-decoration: none;
	color: #5FA4FF;
}
a:link,
a:visited,
a:active  {
	color: #5FA4FF;
} 
a:hover {
	text-decoration: underline;
	color: #3F92FF;
}

hr {
	height: 1px;
	border: none;
	margin-top: 1em;
	color: #555;
	background-color: #555;
}



/* --------------------------------------------------------------------- */
/* Images
/* --------------------------------------------------------------------- */

img {
	border: none;
}

.thumb {
			border: 3px solid #1E1E1E;
			padding: 0px;	
			margin: 5px;
		}


.thumb_bl {
			border: 3px solid #373737;
			padding: 0px;	
			margin: 5px;
		}

/* --------------------------------------------------------------------- */
/* Lists
/* --------------------------------------------------------------------- */

ul, ol {
	margin-top: .5em;
}

ul.first,
ol.first {
	margin-top: 0;
}

ul li {
	margin-left: 2em;
}

ol li {
	margin-left: 2.6em;
}



/* --------------------------------------------------------------------- */
/* Form elements
/* --------------------------------------------------------------------- */

form {
	margin-top: 1em;
}

form.first {
	margin-top: 0;
}


label.first {
	margin-top: 0;
}

input.text,
input.password {  
	width: 97.5%;
	display: block;
	font-size: 1.0em;
	border: 1px solid #999;
	padding: 0.1em 0.2em;
	color: #fff;
	background-color: #ddd;      
}

.contact_text {
width: 450px;
display: inline;
font-size: 1.5em;
padding: 5px;
padding-left: 15px;
border: 1px solid #000000;
background-color: #161616;
color: #CECECE;
}

.contact_textarea {
width: 450px;
height: 200px;
display: inline;
font-size: 1.5em;
padding: 5px;
padding-left: 15px;
border: 1px solid #000000;
background-color: #161616;
color: #CECECE;
}

.contact_table {
text-align: center;
margin-left: auto; 
margin-right: auto;
width: 500px;
border: none;
border-top: none;
border-bottom: none;
}

.submit_button {
font-size: 1.5em;
padding: 5px;
border: 1px solid #000000;
background-color: #161616;
color: #CECECE;
margin-right: 15px;
}

.contact_label {
font-size: 1.5em;
color: #ccc;
font-style: normal;
}

.contact_form {
margin-left: auto; 
margin-right: auto; 
width: 800px; 
text-align: center;
}

input.checkbox,
input.radio {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

label.checkbox,
label.radio {
	display: inline;
	text-transform: none;    
	font-style: normal; 
}

input.submit {
	margin-top: 2.0em;
	display: block;
}

textarea {              
	width: 97.5%;
	display: block;
	height: 15em;
	font-size: 1.0em;
	border: 1px solid #999;
	overflow: auto;
	padding: 0.2em;
	color: #333;
	background-color: #ccc;
}



/* --------------------------------------------------------------------- */
/* Grouping elements
/* --------------------------------------------------------------------- */

fieldset {
	border: none;
	padding: 0;
	margin: 0 0 1em 0;  
}

legend {
	padding: 0 0;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #c9c9c9;
}



/* --------------------------------------------------------------------- */
/* Tables
/* --------------------------------------------------------------------- */

table {
	width: 100%;
}                     

table td { padding:5px; }



	caption {
		background-color: #505050;
		font-size: 1.2em;
		text-transform: uppercase;  
		margin-top: 1.0em;   
	}
	
	td, th {
		padding: 0.1em 0.2em;
	}
	
	th {
		text-align: left;  
		border-top: none;  
		background-color: #505050;
	}



/* --------------------------------------------------------------------- */
/* global message boxes
/* --------------------------------------------------------------------- */
.exception, .error, .success, .info, .warning, .note {
	border-top: 0.3em solid #999;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	padding: 1em;
	margin: 1em 0 0 0;
	clear: left;
}
.error_summary {
	border-top: 0.3em solid #999;
	background-color: #375067;
	border-color: #163f64;
	padding: 10px;
	width: 500px;
}
.exception, .error {
	border-color: #651c1c;
	background-color: #733838;
}
.success {
	border-color: #406416;
	background-color: #556f37;
}
.not_found_exception, .no_results_exception, .info {
	border-color: #163f64;
	background-color: #375067;
}
.warning {
	border-color: #CC6;
	background-color: #FFC;
}
.note {
	border: none;
	background-color: #505050;
	padding-left: 1em;
	color: #c9c9c9;    
}

.form_error_input_label {
color: #ccc;
}

.form_error_input_box {
width: 450px;
display: inline;
font-size: 1.5em;
padding: 5px;
padding-left: 15px;
border: 1px solid #401311;
background-color: #161616;
color: #CECECE;
}


.form_error_input_textarea {
width: 450px;
height: 200px;
display: inline;
font-size: 1.5em;
padding: 5px;
padding-left: 15px;
border: 1px solid #401311;
background-color: #161616;
color: #CECECE;
}


/* --------------------------------------------------------------------- */
/* Container Elements
/* --------------------------------------------------------------------- */

.header {

text-align: center;
}

.torso { 
padding-bottom: 48px;
}

.footer {
color: #c2a56e;
font-size: .9em;
font-weight: bold;
text-align: center;
position: absolute;
bottom: 0;
text-align: center;
width: 	100%;
border-bottom: 1px solid #e80048; 
border-top: 1px solid #242424;
background-color: #1B1B1B;
}

.footer_text {
vertical-align: -2px;
display:inline;
font-weight: bold;
}


.nav {
margin: 10px;
font-size: 20px;
text-align: center;
padding: 10px;
margin: 0px;
background-color: #1B1B1B;
background-image:url(../img/bg/bg_stripe.jpg); 
background-position: top left; 
background-attachment: fixed; 
background-repeat:repeat;
border-bottom: 1px solid #242424;
}

.nav_arrows {
position: absolute;
margin-left: auto; 
margin-right: auto; 
text-align: center; 
width: 100%;
}

.logo {
text-align: center;
display:block;
margin-left: auto; 
margin-right: auto;
}

.tagline {
margin: 5px;
text-align: center;
padding: 5px;
margin: 0px;
font-family: georgia;
}

.text_box {
border-top: 1px solid #373737;
border-bottom: 1px solid #373737;
background-color: #1F1F1F;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 700px;
opacity:.75;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
text-align: left;
padding: 5px;
}

.text_box_portfolio {
border-top: 1px solid #373737;
border-bottom: 1px solid #373737;
background-color: #1F1F1F;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 650px;
opacity:.75;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
text-align: left;
padding: 5px;
}

.text_box_about {
border-top: 1px solid #373737;
border-bottom: 1px solid #373737;
background-color: #1F1F1F;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 750px;
opacity:.75;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
text-align: left;
padding: 5px;
}

.about_photo_box {
margin-left: auto; 
margin-right: auto; 
text-align: center; 
padding: 10px;"
}


.portfolio_photo_box {
width: 850px;
margin-left: auto; 
margin-right: auto; 
text-align: center; 
padding: 10px;"
}


a.nav_link          { color: #5FA4FF; text-decoration: none; }
a.nav_link:visited  { color: #0070c0; text-decoration: none; }
a.nav_link:hover    { color: #0070c0; text-decoration: none; }

.blue_footer { 
color: #5FA4FF;
font-weight: bold;
}

.portfolio_container {

width: 1000px;
margin-left: auto; 
margin-right: auto;
text-align: left;
list-style:none;
margin-bottom: 20px;

}

ul.portfolio_list{
list-style:none;
}

ul.portfolio_list li {
display:inline;
}

ul.portfolio_list li img {
margin: 3px;
padding: 0px;
}