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

body.global {
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	line-height: 1.3em;
	background: url(../images/headerBG.jpg) repeat-x #eee;
}

body.global #headerwrap {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 950px;
	height: 189px;
	background: url(../images/headerGraphic.jpg) no-repeat top;
}

body.global #navigationwrap {
	clear: both;
	display: block;
	margin: 0 auto;
	width: 950px;
	height: 62px;
	background: url(../images/navGraphic.jpg) no-repeat top;
	position: relative;
}

body.global #contentwrap {
	clear: both;
	display: block;
	margin: 0 auto;
	width: 950px;
	min-height: 500px;
	overflow: hidden;
	padding-bottom: 20px;
}

body.global #footerwrap {
	clear: both;
	display: block;
	width: 100%;
	min-height: 500px;
	background: url(../images/footerBG.jpg) repeat-x top #3a4108;
	text-align: center;
}

/*//////////////////////////////////////////HEADER JANKS////////////////////////////////////////////*/

body.global img.headerLogo {
	position: absolute;
	left: -65px;
}

body.global p.contactinfo {
	color: #fff !important;
	position: absolute;
	top: 105px;
}

body.global span.phoneNumber {
	color: #fcc90c !important;
	font-weight: bold !important;
	font-size: 1.2em;
}

body.global .socialmedia {
	position: absolute;
	right: 0;
	top: -4px;
	z-index: 5;
	text-decoration: none;
}

/*//////////////////////////////////////////NAVIGATION JANKS////////////////////////////////////////////*/

body.global ul.navigation {
	padding-top: 10px;
}

body.global ul.navigation li {
	display: inline;
	margin-right: 30px;
	font-size: 1.3em;
}

ul.navigation a, ul.navigation a:visited {
	color: #333;
	text-decoration: none;
}

ul.navigation a:hover {
	color: #360;
	text-decoration: none;
}

/*//////////////////////////////////////////CONTENT JANKS////////////////////////////////////////////*/

body.global #column01 {
	clear: both;
	display: block;
	float: left;
	width: 610px;
	min-height: 100px;
	padding: 10px 40px 10px 0;
	margin-top: 20px;
}

body.global #column02 {
	display: block;
	float: left;
	width: 260px;
	min-height: 400px;
	padding: 10px 20px 30px 10px;
	margin-top: 20px;
	background: #e5eeab url(../images/rightColumnBG.jpg) top no-repeat;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

/*//////////////////////////////////////////CONTENT ELEMENT JANKS////////////////////////////////////////////*/

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
}

p {
	margin: 20px 0;
	text-align: justify;
}

body.global h1 {
	font-size: 1.7em;
	border-bottom: 1px dotted #28467f;
	color: #28467f !important;
}

body.global h2 {
	font-size: 1.2em;
	border-bottom: 1px dotted #28467f;
	color: #28467f !important;
	margin-bottom: 20px
}

a, a:visited {
	color: #333;
}

a:hover {
	color: #360;
}

body.global h2.rightColumnHeader {
	color: #fcc90c !important;
	font-size: 1.7em;
	font-weight: bold;
	text-shadow: #000 1px 1px;
	border: none
}

body.global h3.rightColumnSubHeader {
	color: #333 !important;
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: dotted 1px #333
}

body.global span.subh1 {
	font-size: .8em;
}

body.global ul.smallestList {
	display: block;
	float: left;
	width: 190px;
}

body.global ul.smallestList li {
	margin-bottom: 15px;
	color: #360;
}



body.global ul.footerNav {
	padding-top: 30px;
}

body.global ul.footerNav li {
	display: inline;
	margin-right: 30px;
}

ul.footerNav a, ul.footerNav a:visited {
	color: #fff;
}

ul.footerNav a:hover {
	color: #fcc90c;
}

/*//////////////////////////////////////////////////////SERVICES STYLES/////////////////////////////////////////////////////*/

body.services #column01 {
	clear: both;
	display: block;
	float: left;
	width: 950px;
	min-height: 100px;
	padding: 10px 0 10px 0;
	margin-top: 20px;
}

body.services #listing {
	width: 280px;
	min-height: 400px;
	float: left;
	padding: 20px 10px;
	background: #e5eeab url(../images/listingsBG.jpg) no-repeat;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

.right-margin {
	margin-right: 25px;
}

ul.limargin li {
	margin: 10px 0;
}



.awardimg {
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	border-right: dotted 1px #333
}

.awardwidth {
	width: 550px;
}

body.awards #awardwrapper {
	width: 950px;
	clear: both;
	padding:20px 10px 10px 0;
	margin-bottom: 10px;
	width: 610px;
}

body.awards #column01 {
	clear: both;
	display: block;
	float: left;
	width: 610px;
	min-height: 100px;
	padding: 10px 40px 10px 0;
	margin-top: 20px;
}



/*/////////////////////////////////////////////////////PIKACHOOSE////////////////////////////////////////////////////////////*/

.pikachoose{width:600px;margin:10px auto 50px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:600px;height:400px;margin:10px auto;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#360;margin:10px 10px 10px 14px;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:606px;height:400px;display:block;position:relative;color: #360;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:relative;}
.pika_subdiv{position:relative;border:1px solid #555;background:#360;padding:2px;}
.pika_animationDivs{top:2px;left:2px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('images/black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('images/play.png') top center no-repeat;}
.pika_play a.pika_stop_button{background:url('images/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;display:none !important}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('images/rewind.png') top left no-repeat;display:none !important}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('images/fastf.png') top right no-repeat;display:none !important}