@charset "utf-8";
/* CSS Document */


body, html, div, blockquote, img, label, p, h1, h2, h2, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, th, td
{
margin: 0; padding: 0; border:0; outline: none;
}
body {
	background-color:#000;
	background-image: url(images/bg_html.png);
}
p {
	font: 13px Verdana, Arial, "Sans Serif";
}
#navigation {
	height: 25px;
	background-color:#000000;	
	text-align: center;
}
#container {
	width: 960px;
	margin: auto;
	padding-top: 5px;
}
#portrait {
	width: 300px;
	float: left;
	padding-top: 20px;
	color: #FFF;
}
#portrait p {
	padding-top: 60px;
	padding-left: 20px;
	font:italic 24px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
	color: #01a36a;
	text-align: center;
	
}
#pageContainer {
  margin:0 auto;
  width:560px;
  float: right;
  padding-right: 95px;
  
  
}
#pageContainer h1 {
  display:block;
  width:960px;
  height:114px;
  background:transparent url(images/bg_pagecontainer_h1.jpg) no-repeat top left;
  text-indent: -10000px;
}
#slideshow {
	margin:0 auto;
	width:640px;
	height:275px;
	background:transparent url(images/bg_slideshowx.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:275px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:275px;
}
.control {
  display:block;
  width:39px;
  height:350px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(images/control_left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(images/control_right.png) no-repeat 0 0;
}
.slide p {
  margin: 0px 15px 15px 15px;
  color: #FFF;
}
.slide h2 {
  margin: 25px 15px 0px 0px;
  color: #FFF;
  font:italic 22px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}
#container .none a:link {
	border-bottom: none;
	text-decoration: none;
}
#container .none a:visited{
	border-bottom: none;
	text-decoration: none;
}
#container .none a:hover {
	border-bottom: none;
	text-decoration: none;
}
#container .none a:active{
	border-bottom: none;
	text-decoration: none;
}

#subheader {
	height: 150px;
	padding: 60px 0 15px 0;
	color:#FFF;
	clear: both;
	background-image: url(images/divider_bottom.png);
	background-repeat: no-repeat;
	background-position: top center;
}
#subheader p {
	font-size: 12px;
}
#content1 {
	display: block;
	float: left;
	width: 238px;
	background-image: url(images/spade.png);
	background-repeat: no-repeat;
}
#content2 {
	display: block;
	float: left;
	width: 238px;
	background-image: url(images/diamond.png);
	background-repeat: no-repeat;

}
#content3 {
	display: block;
	float: left;
	width: 238px;
	background-image: url(images/heart.png);
	background-repeat: no-repeat;
}
#content4 {
	display: block;
	float: left;
	width: 238px;
	background-image: url(images/clover.png);
	background-repeat: no-repeat;
}
#media {
	clear: right;
	background-image: url(images/divider_top.png);
	background-repeat: no-repeat;
	background-position: top center;
}
#contact {
	height: 320px;
	width: 300px;
	float: left;
	padding-bottom: 50px;
	padding-right: 10px;
}

/*----contactform styles----*/

#contact_form {
margin-left: 10px;
margin-top: 85px;
width: 600px;
height: 320px;
float: left;
position: relative;
}

label {padding-left: 5px; font-size:90%; display:block; float:left; width:10em; text-align:right;
												margin:.2em .2em 0 0; color:#ffd; font-weight:bold;padding:8px 0px; }

label.error {font-weight:normal;color:red;text-align:left;width:140px; padding-left:25px;
                        background: transparent url(http://www.iangallardo.com/demo/jquery-ajax/images/cancel.png) no-repeat scroll left;
}

input.text-input			{ margin:4px;padding:2px 0;color:#333; }

label#name_label      { position:absolute; top:0; left:0; text-align: left; font-weight: normal; font: 13px Verdana, Arial, "Sans Serif"; padding-left: 5px;}
input#name            { position:absolute; top:25px; left:0px; width: 150px;}
label#name_error      { position:absolute; top:0px; left:80px; }

label#email_label     { position:absolute; top:45px; left:0px; text-align: left; font-weight: normal;font: 13px Verdana, Arial, "Sans Serif"; padding-left: 5px;}
input#email           { position:absolute; top:70px; left:0px; width: 150px;}
label#email_error      { position:absolute; top:45px; left:80px; }

label#phone_label     { position:absolute; top:90px; left:0px; text-align: left; font-weight: normal;font: 13px Verdana, Arial, "Sans Serif"; padding-left: 5px;}
input#phone           { position:absolute; top:115px; left:0px; width: 150px;}
label#phone_error      { position:absolute; top:90px; left:80px; }

label#subject_label     { position:absolute; top:135px; left:0px; text-align: left; font-weight: normal;font: 13px Verdana, Arial, "Sans Serif"; padding-left: 5px;}
input#subject           { position:absolute; top:160px; left:0px; width: 150px; }
label#subject_error      { position:absolute; top:135px; left:80px; }

label#message_label     { position:absolute; top:0px; left: 170px; text-align: left; font-weight: normal; font: 13px Verdana, Arial, "Sans Serif";padding-left: 5px;}
textarea#message			{ position:absolute; top:8px; left:75px; width: 400px; height: 155px; }
label#message_error      { position:absolute; top:0px; left:500px; }

input.button					{ position:absolute; top:190px; left:520px; 
                        border:2px solid #fff; margin:20px 0px 0px 0px; color:#3D7169; 
												font: 13px Verdana, Arial, "Sans Serif";
												}

input.button:hover		{ background:#01a36a none repeat scroll 0% 0%; color:white; }
#message							{ width:480px;margin:20px 0 0 100px; }
#message h2						{ font-size:150%;color:white; }
#message p						{ color:white;font-weight:bold;margin:6px 0px; position: relative; top:-28px; left:32px; }
#checkmark						{ position:relative;top:-90px;left:-40px; }

/*----end contactform styles----*/

#contactform p {
	padding-top: 2px;
}
#contact_form p {
	padding-top: 2px;
}

#footer {
	clear: both;
	background-image: url(images/bg_html3.jpg);
	height: 350px;
	border-top: 1px solid #01a36a;
}
#footercontainer {
	margin: auto;
	width: 960px;
}
#footercontainer p {
	color: #000;
}
#footerblock1 {
	float: left;
	width: 320px;
}
#footerblock1 p{
	padding-left: 20px;
	color: #ffffff;
}
#footerblock2 {
	float: left;
	width: 320px;
}
#footerblock2 p {
	padding: 0px 20px;
}
#footerblock3 {
	float: left;
	width: 320px;
}
#footerblock3 img {
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#footerblock3 p {
	text-align: center;
	padding-left: 10px;
	padding-right:10px;
    color: #ffffff;
}

#footerblock3 a:link {
	text-decoration: none;
	color: #000;
	border-bottom: 2px dotted #01a36a;
	padding-left: 1px;
	padding-right: 2px;

}
#footerblock3 a:visited {
	text-decoration: none;
	color: #000;
	border-bottom: 2px dotted #01a36a;
	padding-left: 1px;
	padding-right: 2px;
}
#footerblock3 a:hover {
	text-decoration: none;
	color: #01a36a;
	border-bottom: 2px dotted #FFF;
	padding-left: 1px;
	padding-right: 2px;
}

.topnav ul{
	list-style: none;
	text-align: center;
}
ul.topnav li {
	display: inline;
	padding-right: 35px;
}
ul.topnav a {
	color:#FFF;
	padding: 5px 14px;
	font: 11px Verdana, Arial, "Sans Serif";
	text-decoration: none;
} 
.services {
	font: 11px Verdana, Arial, "Sans Serif";
	padding-right: 25px;

}
.maintitle {
	font-family: Georgia, "Times New Roman", serif;
	color: #FFF;
	padding: 25px 0px 5px 15px;
	font-size: 52px;
	font-style: italic;
	line-height: 45px;
	letter-spacing: -1px;
}
.submaintitle {
	color: #01a36a;
	font: 14px/1.5 Verdana, Arial, "Sans Serif";
	padding: 0 175px 20px 15px;
	text-align: right;
}
h1 {
}
h2 {
	font:italic 17px Georgia, "Times New Roman", Times, serif;
    color:#ccc;
	padding: 0 0 20px 20px;
	letter-spacing: -1px;

}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: white;
	font-size: 36px;
	letter-spacing: -2px;
	font-style: italic;
}
h4 {
	color: white;
	width: 380px;
	padding-bottom: 25px;
}
.minortitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #01a36a;
	font-size: 18px;
	letter-spacing: -1px;
	font-style: italic;
	text-align: center;
	padding-top: 5px;
}
.majortitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: white;
	font-size: 36px;
	letter-spacing: -2px;
	font-style: italic;
	padding-top: 45px;
}
.movietext {
	width: 470px;
	font: 13px Verdana, Arial, "Sans Serif";
	color: white;
	float: left;
	padding-right: 10px;
}
.movietext2 {
	width: 470px;
	font: 13px Verdana, Arial, "Sans Serif";
	color: white;
	float: right;
	padding-right: 10px;
}
.contact {
	width: 300px;
	color: #FFF;
	padding-bottom: 20px;
}
.contactform {
	padding-top: 35px;
	padding-left: 15px;
	color: #FFF;
	font: 11px Verdana, Arial, "Sans Serif";
}
.contactform p {
	margin-bottom: -4px;
	margin-top: 2px;
	font-size: 11px;
}
.textarea {
	width: 460px;
	height: 165px;
}
.note {
	color: #01a36a;
}
.alignright {
	float: right;
}
.message {
	padding-left:20px;
	padding-top:60px;
}
#container a:link {
	text-decoration: none;
	color: #FFF;
	border-bottom: 2px dotted #01a36a;
	padding-left: 1px;
	padding-right: 2px;
}      
#container a:visited {
	text-decoration: none;
	border-bottom: 2px dotted #01a36a;
	color: #FFF;
	padding-left: 1px;
	padding-right: 2px;
}
 
#container a:hover {
	color: #01a36a;
	border-bottom: 2px dotted #FFF;
	
}  
#container a:active {color: #FF0;}  

.pullquote {
  text-indent: 15px;
  padding-left: 15px;
  padding-bottom: 15px;
  font: italic 20px Georgia, "Times New Roman", Times, serif;
  color: #000000;
  letter-spacing:-1px;
}


/*------ beginning of feed styles -------*/

   
.rss_box { 
	font: 13px Verdana, Arial, "Sans Serif";
	color: #ffffff;
 } 
.rss_title, rss_title a {
 }
.rss_items {
   list-style:none;
   padding: 0px 10px;
}
.rss_item a:link, .rss_item a:visited, .rss_item a:active {
  text-decoration: none;
  border-bottom: 1px dotted #01a36a;
  color: #01a36a;
  font-size: 15px;
}
.rss_item a:hover { 
   color: #01a36a;
   border-bottom: 1px dotted #FFF;
}
	
.rss_date {
	font: 11px Verdana, Arial, "Sans Serif";
	color: #b1b1b1;
	font-style: italic;
}
ul.rss_items li{
	padding-bottom: 10px;
}

/*----- end of feed styles ---- */

#twitter_update_list li {  
list-style-type: none;  

}  
#twitter_update_list span a  
{  
display: inline;    
}  
#twitter_update_list span a:link  {  text-decoration: none;  color: #01a36a;  border-bottom: 1px dotted #FFF;  } 
#twitter_update_list span a:hover  {  text-decoration: none;  color: #FFF; border-bottom: 1px dotted #01a36a;}  

#twitter_update_list span  
{  
color: #FFF;  
font: 13px Verdana, Arial, "Sans Serif";

}  
.floatleft {
	float: left;
	padding-right: 10px;
	margin-top: -15px;
}