/*
	Theme Name: American Samoa Power Authority
	Description: Samoa Utility
	Author: Andre
	Author URI: 
	Version: 1.0
*/

body { font-family: arial; font-size: 14px; }

.flag {
	height: 74px;
	width: 12px;
	float: left;
	margin-top: 16px;
	background-image: none;
	background-repeat: no-repeat;
}

.menu ul.navi-list li a.active, .menu ul.navi-list li a:hover { background: url(../img/colored/button_hover.png); }
.menu .social_media .social_media_left { background: url(../img/colored/social_media_left.png); }
.menu .social_media .social_media_right { background: url(../img/colored/social_media_right.png); }
.menu .social_media .social_media_center { width: 95px; background: #511d00; }

#welcome p span {
	color: #000000;
	font-weight: bold;
}

.flag_center { background: url(../img/colored/headline_flag_center.png); width: 70px; height: 37px; position: relative; top: 35px; text-align: right; }
.flag_right {
	background: url(../img/colored/headline_flag_right.png);
	width: 15px;
	height: 37px;
	position: relative;
	top: -2px;
	left: 14px;
}

#teaser .flag_right {
	width: 948px;
	height: 52px;
	position: absolute;
	top: 368px;
	z-index: 1;
	background-image: none;
}
#teaser .flag_center {
	width: 207px;
	height: 52px;
	position: absolute;
	top: -46px;
	text-align: right;
	left: 764px;
	background-image: none;
}
#teaser #twitter #twitter_button { background: url(../img/colored/twitter_button.png); width: 80px; height: 20px; position: absolute; top: 200px; left: 250px; z-index: 5; }

.submit { width: 146px; height: 43px; color: #fff; font-size: 13px; font-weight: bold; text-align: center; border: 0; cursor: pointer; background: url(../img/forms/bg-submit.jpg) no-repeat bottom left; }
.submit:hover { width: 146px; height: 43px; color: #fff; font-size: 13px; font-weight: bold; text-align: center; border: 0; cursor: pointer; background: url(../img/forms/bg-submit-hover.jpg) no-repeat bottom left; }

.content_bottom { background: url(../img/colored/content_bottom.png); height: 63px; margin-left: 12px; }
.content .service_box_left h1, .content .service_box_right h1 { color: #cc6213; font-size: 35px; padding-bottom: 10px; font-weight: normal; }
.content .contact { color: #cc6213; }
.content .content_right h1 { color: #cc6213; }
.content ul.reference_links li a { text-decoration: none; color: #c25a24; }
.content .plus { position: relative; left: 360px; width: 32px; height: 31px; padding-bottom: 30px; background: url(../img/colored/plus.png) no-repeat; }
.content ul.reference-links li a { text-decoration: none; color: #c25a24; }
.content ul.reference-images .port-images div h3 { position: absolute; bottom: 25px; left: 12px; font-size: 13px; color: #c15924; z-index: 6;}

.button .button_left { background: url(../img/colored/button_left.png); float: left; width: 19px; height: 39px; }
.button .button_left_hover { background: url(../img/colored/button_left_hover.png); float: left; width: 19px; height: 39px; }
.button .button_center { background: url(../img/colored/button_center.png); float: left; height: 29px; padding-left: 20px; padding-top: 10px; padding-right: 20px; position: relative;}
.button .button_center_hover { background: url(../img/colored/button_center_hover.png); float: left; height: 29px; padding-left: 20px; padding-top: 10px; padding-right: 20px; }
.button .button_center a { color: white; text-decoration: none; }
.button .button_center_hover a { color: white; text-decoration: none; }
.button .button_right { background: url(../img/colored/button_right.png); float: left; width: 19px; height: 39px; }
.button .button_right_hover { background: url(../img/colored/button_right_hover.png); float: left; width: 19px; height: 39px; }
.button input { background: url(../img/colored/button_center.png); float: left; height: 29px; padding-left: 20px; padding-top: 10px; padding-right: 20px; width: 100px; margin: 0; }