/* halnesbitt.com CSS - slapped together by Hal Nesbitt */

/*Initial Body, Tags, and Links Stuff*/

	
* {
 margin: 0px;
 padding: 0px;
}




body {
 text-align: left;
 font-family: Arial, Tahoma, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 18px;
 color: #bab9b9;
 margin: 0px 0 10px 0;
 background: #000000;
}


div {text-align: left;}

img {
border: 0;
}


h1, h2, h3, h4, h5 {
 font-weight: normal;
 color: #2b5275;
 line-height: 18px;
 margin-bottom: 14px; 
}

h1 {display: none;}


/*Page Title Stuff*/
h2 {
 height: 43px; 
 text-indent: -4000px;
 text-transform: capitalize;
}

body.home h2 {background: transparent url('../images/title-home.gif') no-repeat 0 0;}
body.home h2 {background: transparent url('../images/title-payments.gif') no-repeat 0 0;}

h3 {
 font-size: 17px;
 padding-bottom: 10px;
 border-bottom: 1px solid #e7eff5;
 color: #ffffff;
}

.blockhead {
	background-color:#666666;
	color: #ffffff;
	border-width:1px;
	border-style:solid;
	border-bottom-color:#aaa;
	border-right-color:#aaa;
	border-top-color:#ddd;
	border-left-color:#ddd;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding: 8px;
	width: 895px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.blockheadlight {
	background-color:#e7eff5;
	border-width:1px;
	border-style:solid;
	border-bottom-color:#aaa;
	border-right-color:#aaa;
	border-top-color:#ddd;
	border-left-color:#ddd;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding: 8px;
}

.blockheadclear {
	background: transparent url('../images/transparent.png');
	color: #ffffff;
	border-width:1px;
	border-style:solid;
	border-bottom-color:#aaa;
	border-right-color:#aaa;
	border-top-color:#ddd;
	border-left-color:#ddd;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding: 8px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 700px;
}

/* Note: this is the CSS solution, but it fucks up the child elements; no way to remove opacity as of now */
.blockheadclear2 {
	background-color:#000000;
	color: #ffffff;
	border-width:1px;
	border-style:solid;
	border-bottom-color:#aaa;
	border-right-color:#aaa;
	border-top-color:#ddd;
	border-left-color:#ddd;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding: 8px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	opacity: 0.65;
	-khtml-opacity: 0.65;
	-moz-opacity: 0.65; /* older Gecko-based browsers */
	filter:alpha(opacity=65); /* For IE6&7 */
	width: 700px;
}


.blockhead a {
color: #699bc9;
}

.blockheadclear a {
color: #699bc9;
}

.blockheadclear2 a {
color: #699bc9;
}


h4 {
 font-size: 13px;
 font-weight: bold;
 color: #699bc9;
 font-weight: bold;
}


h6 {
 font-size: 12px;
 font-weight: bold;
 color: #699bc9;
 padding-bottom: 2px;
 margin-bottom: 5px;
 border-bottom: 1px solid #e7eff5;
}


p, ul, ol {margin-bottom: 18px;}

ul.indent {
margin-bottom: 5px;
}

ol { 
 diplay: inline;
 list-style: upper-alpha;
}


ul {
 list-style: none;
 color: #666;
}


ul li {
 padding-left: 12px;
 margin-left: 10px;
 background: transparent url('../images/bullet.gif') no-repeat 0 50%;
}



a { 
 color: #699bc9;
 text-decoration: none;	 
 padding-bottom: 1px;
 	
}

a:hover {
 color: #699bc9;
 text-decoration: underline;
}


.hide {
 display: none;
}

.fin {clear: both;}

.printtext {display: none;}

/* The Flash Divs */

#halnesbitt {
width: 890px;
margin-left: auto;
margin-right: auto;
margin-top: 80px;
}

#footer {
width: 890px;
margin-left: auto;
margin-right: auto;
text-align: right;
}

#footer p, a {
color: #ffffff;
}

#footer-mobile {
display: none;
}

#footer-ie6 {
display: none;
}


/* The form stuff */
.formfield {
background: #666;
padding: 2px;
width: 150px;
color: #ffffff;
border: 1px solid #7d7d7d;
}

.formfieldlight {
background: #f0f0f0;
padding: 2px;
width: 150px;
color: #666666;
border: 1px solid #9f9e9e;
}

.formtextarea {
background: #666;
padding: 2px;
width: 200px;
height: 50px;
color: #ffffff;
border: 1px solid #7d7d7d;
}

/* Button Styles */



button, input.awesome, button.awesome {border:0 none; margin:0; text-align:left; }
input.awesome, button.awesome {overflow:visible;}

.awesome, .awesome:visited {
	background: #222 url(../images/button-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
 
	.awesome:hover	{ background-color: #111; color: #fff; }
	.awesome:active	{ top: 1px; }
	.small.awesome, .small.awesome:visited { font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited{ background-color: #91bd09; }
	.green.awesome:hover{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited { background-color: #2daebf; }
	.blue.awesome:hover { background-color: #007d9a; }
	.red.awesome, .red.awesome:visited { background-color: #e33100; }
	.red.awesome:hover { background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
	.magenta.awesome:hover { background-color: #630030; }
	.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
	.orange.awesome:hover { background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
	.yellow.awesome:hover { background-color: #fc9200; }




.formbutton {
background-color: #666666;
border-color: #d8dfea #7d7d7d #7d7d7d #d8dfea;
border-style: solid;
border-width: 1px;
color: #fff;
font-family: arial, tahoma, verdana, sans-serif;
font-size: 100%;
margin: 0 2px;
padding: 4px 18px;
font-weight: bold;
width:auto;
overflow:visible;
}

.formbuttontight {
background-color: #666666;
border-color: #d8dfea #7d7d7d #7d7d7d #d8dfea;
border-style: solid;
border-width: 1px;
color: #fff;
font-family: arial, tahoma, verdana, sans-serif;
font-size: 100%;
margin: 0 2px;
padding: 2px 16px;
font-weight: bold;
width:auto;
overflow:visible;
}


.paymentfield {
background: #666666;
padding: 2px;
width: 150px;
color: #ffffff;
border: 1px solid #7d7d7d;
}

.formfieldmap {
padding: 2px;
background: #000000;
border: 1px solid #ccc;
color: #ccc;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 170px;
}



#tooltip { behavior: url(/css/iepngfix.htc); }



/* Payments Stuff */
#static {
width: 893px;
margin-left: auto;
margin-right: auto;
margin-top: 80px;
} 


#theform {
width: 600px;
background: #000000;
opacity: 0.65;
-khtml-opacity: 0.65;
-moz-opacity: 0.65; /* older Gecko-based browsers */
filter:alpha(opacity=65); /* For IE6&7 */
padding: 20px;
}


#paid, #cancel, #message {
width: 400px;
background: #000000;
opacity: 0.65;
-khtml-opacity: 0.65;
-moz-opacity: 0.65; /* older Gecko-based browsers */
filter:alpha(opacity=65); /* For IE6&7 */
padding: 20px;
}


/*This is the alternate content for the main Flash */
#halnesbitt {
background: #000000 url('../images/bg-static.jpg') no-repeat 0 0;
}

#noflashabout, #noflashwebsites, #noflashother {
	position: relative;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	-khtml-opacity: 1;

}

#wp-content {
position: relative;
top: 100px;
}

#noflash a {
color: #699bc9;
}

#noflashabout a {
color: #699bc9;
}

#noflashwebsites a {
color: #699bc9;
}

#noflashother a {
color: #699bc9;
}



