@charset "UTF-8";

html {}
body {margin: 30px 0; padding: 0; background-color:#F7F7F7; font-family: Arial, sans-serif; font-size: 100%;}


/*______________________________ SUNDRIES ______________________________*/

.clearFloat {clear:both; height:0; font-size: 1px; line-height: 0px;}


/*______________________________ TEXT & LINKS ______________________________*/

h1 { font-family: Arial, sans-serif; color: #000000; font-size: 13px; font-family: Arial, sans-serif; letter-spacing: 0px; font-weight: bold; padding: 0; margin: 0.6em 0 0 0; text-align: left;}

h2 { font-family: Arial, sans-serif; color: #666666; font-size: 13px; font-family: Arial, sans-serif; letter-spacing: 0px; font-weight: bold; padding: 0; margin: 0.4em 0 0 0; text-align: left;}

h3 { font-family: Arial, sans-serif; color: #666666; font-size: 1em; font-family: Arial, sans-serif; letter-spacing: 0px; font-weight: bold; padding: 0; margin: 0.3em 0 0 0; text-align: left;}

h4 { font-family: Arial, sans-serif; color: #888888; font-size: 1.3em; line-height: 1.3em; font-family: Arial, sans-serif; letter-spacing: 0px; font-weight: normal; padding: 0; margin: 0 20px 0.7em 20px; text-align: left;}

p { font-family: Arial, sans-serif; color: #888888; font-size: 1em; line-height: 1.3em; font-family: Arial, sans-serif; letter-spacing: 0px; font-weight: normal; padding: 0; margin: 0 0 0.3em 0; text-align: left;}

a {cursor: pointer;}

a:link, a:visited {color: #000000; text-decoration:none; outline: none;}
a:hover, a:active {color: #888888; text-decoration:none; outline: none;}

h1 a:link, h1 a:visited {color: #000000; text-decoration:none; outline: none; padding-right: 10px; background: url(../images-generic/link-arrow-off.gif) right no-repeat;}
h1 a:hover, h1 a:active {color: #666666; text-decoration:none; outline: none; background: url(../images-generic/link-arrow-on.gif) right no-repeat;}

h2 a:link, h2 a:visited {color: #000000; text-decoration:none; outline: none; padding-right: 10px; background: url(../images-generic/link-arrow-off.gif) right no-repeat;}
h2 a:hover, h2 a:active {color: #666666; text-decoration:none; outline: none; background: url(../images-generic/link-arrow-on.gif) right no-repeat;}

ul li a:link, ul li a:visited {color: #000000; font-weight: bold; text-decoration:none; outline: none; padding-right: 10px; background: url(../images-generic/link-arrow-off.gif) right no-repeat;}
ul li a:hover, ul li a:active {color: #666666; font-weight: bold; text-decoration:none; outline: none; background: url(../images-generic/link-arrow-on.gif) right no-repeat;}

img {border: none;}
img a {border: none; cursor: pointer;}

.testimonials {background: url(../images-generic/testimonials-top.gif) top no-repeat transparent; width: 415px; margin: 0; padding: 0;}
.testimonials h3 {margin: 0; padding: 12px 20px 5px 20px; display: block; text-align: left;}
.testimonials p {padding: 0 140px 0 20px; margin: 0;}

.blog {background: url(../images-generic/blog-top.gif) top no-repeat transparent; width: 415px; margin: 0; padding: 0;}
.blog h3 {margin: 0; padding: 12px 20px 5px 20px; display: block; text-align: left;}
.blog p {padding: 0 20px 0 20px; margin: 0;}

.twitter {background: url(../images-generic/twitter-top.gif) top no-repeat transparent; width: 415px; margin: 0; padding: 0;}
.twitter h3 {margin: 0; padding: 12px 20px 7px 20px; display: block; text-align: left;}
.twitter p {padding: 0 20px 0 20px; margin: 0; float: left; display: inline;}

.team {background: url(../images-generic/team-top.gif) top no-repeat transparent; width: 415px; margin: 0; padding: 0;}
.team h3 {margin: 0; padding: 12px 0 5px 20px; display: block; text-align: left;}
.team p {padding: 0 0 0 20px; margin: 0;}

.jobs {background: url(../images-generic/jobs-top.gif) top no-repeat transparent; width: 415px; margin: 0; padding: 0;}
.jobs h3 {margin: 0; padding: 12px 20px 5px 20px; display: block; text-align: left;}
.jobs p {padding: 0 20px 0 20px; margin: 0;}


/*______________________________ CONTENTS HOLDER ______________________________*/

#contents{width: 980px; padding: 0 0 30px 0; margin: 0 auto; background-color: #FFFFFF; border: 1px solid #CCC;}


/*______________________________ FLASH HOLDER ______________________________*/

#apDiv1 {width:980px; height: 680px; position: absolute; top: 31px; padding: 0; margin: 0; z-index: 1; background-color: transparent;}


/*______________________________ LEFT HAND CONTENT HOLDER ______________________________*/

#leftMainBox {width: 465px; float: left; display: inline; margin: 0; padding: 24px 0 0 25px; text-align:left; font-family: Arial, sans-serif; font-size: 75%; color: #666; z-index: 2; position: relative;}
		
		.leftHandContent {width: 415px; padding: 0 25px; margin: 0;}
				.leftHandContent h1 {font-family: Arial, sans-serif; color: #000000; font-size: 1.5em; letter-spacing: 0px; font-weight: normal; padding: 470px 0 0 0; margin: 0.3em 0; text-align: center;}
				.leftHandContent h4 {font-family: Arial, sans-serif; color: #666666; font-size: 1.0em; letter-spacing: 0px; font-weight: bold; padding: 0; margin: 0.3em 0; text-align: left; line-height: 1.4em;}
				.leftHandContent h5 {font-family: Arial, sans-serif; color: #888888; font-size: 1.0em; letter-spacing: 0px; font-weight: normal; padding: 0; margin: 0 0 0.8em 0; text-align: left; line-height: 1.4em;}
				.leftHandContent h6 {font-family: Arial, sans-serif; color: #888888; font-size: 1.0em; letter-spacing: 0px; font-weight: normal; padding: 0; margin: 23px 0 0 0; text-align: left;}
				.leftHandContent p {font-family: Arial, sans-serif; color: #888888; font-size: 1.3em; letter-spacing: 0; font-weight: normal; padding: 0; margin: 0 0 0.3em 0; text-align: center;}
		
		.portfolioContent {width: 465px; padding: 0; margin: 0;}
				.portfolioContent h1 {font-family: Arial, sans-serif; color: #000000; font-size: 1.6em; letter-spacing: 0px; font-weight: normal; padding: 470px 25px 0 25px; margin: 0.3em 0; text-align: center;}
				.portfolioContent h6 {font-family: Arial, sans-serif; color: #888888; font-size: 1.0em; letter-spacing: 0px; font-weight: normal; padding: 0 25px; margin: 23px 0 0 0; text-align: left;}
				.portfolioContent p {font-family: Arial, sans-serif; color: #888888; font-size: 1.3em; letter-spacing: 0; font-weight: normal; padding: 0 25px; margin: 0 0 0.3em 0; text-align: center;}
				
		.newsExtraContent {width: 415px; padding: 0 25px; margin: 0;}
				.newsExtraContent h1 {font-family: Arial, sans-serif; color: #000000; font-size: 1.5em; letter-spacing: 0px; font-weight: normal; padding: 470px 0 0 0; margin: 0.3em 0; text-align: center;}
				.newsExtraContent h4 {font-family: Arial, sans-serif; color: #666666; font-size: 0.9em; letter-spacing: 0px; font-weight: bold; padding: 0; margin: 0.3em 0; text-align: left;}
				.newsExtraContent h5 {font-family: Arial, sans-serif; color: #888888; font-size: 0.9em; letter-spacing: 0px; font-weight: normal; padding: 0; margin: 0 0 0.8em 0; text-align: left;}
				.newsExtraContent h6 {font-family: Arial, sans-serif; color: #888888; font-size: 1.0em; letter-spacing: 0px; font-weight: normal; padding: 0; margin: 23px 0 0 0; text-align: left;}
				.newsExtraContent p {font-family: Arial, sans-serif; color: #888888; font-size: 1.0em; letter-spacing: 0; font-weight: normal; padding: 0; margin: 0 0 0.3em 0; text-align: center;}
				
						.expandLink a:link, .expandLink a:visited {color: #000000; text-decoration:none; outline: none; padding-left: 12px; background: url(../images-generic/expand-arrows-off.gif) left no-repeat;}
						.expandLink a:hover, .expandLink a:active {color: #666666; text-decoration:none; outline: none; background: url(../images-generic/expand-arrows-on.gif) left no-repeat;}

		.lhList3Column {width: 120px; padding: 0 12px 0 0; margin: 0 12px 0 0; line-height: 1.2em; border-right: #888888 1px solid; float: left; display: inline; color: #888888;}
		
				.lhList3Column ul {list-style: none; padding: 0; margin: 0;}
						.lhList3Column ul li {padding: 0; margin: 0;}
				
		.lhList3ColumnLast {width: 120px; padding: 0; margin: 0; line-height: 1.2em; border-right: none; float: left; display: inline; color: #888888;}
				
				.lhList3ColumnLast ul {list-style: none; padding: 0; margin: 0;}
						.lhList3ColumnLast ul li {padding: 0; margin: 0;}								
								
		.lhList2Column {width: 200px; padding: 0 15px 0 0; margin: 0; line-height: 1.05em; border-right: none; float: left; display: inline; color: #888888;}
				.lhList2Column ul {list-style: none; padding: 0; margin: 0;}
						.lhList2Column ul li {padding: 0; margin: 0;}
								
		.lhList2ColumnLast {width: 200px; padding: 0; margin: 0; line-height: 1.05em; border-right: none; float: left; display: inline; color: #888888;}
				.lhList2ColumnLast ul {list-style: none; padding: 0; margin: 0;}
						.lhList2ColumnLast ul li {padding: 0; margin: 0;}
										
		
.homePortfolio {width: 415px; padding: 100px 0 20px 0; margin: 0; background: transparent; border: none;}

.aboutImages {width: 415px; height: 313px; padding: 101px 0 56px 0; margin: 0; background: transparent; border: none;}

.newsExtraImages {width: 415px; height: 313px; padding: 101px 0 56px 0; margin: 0; background: transparent; border: none;}


/*______________________________ CONTACT FORM ______________________________*/

.leftHandContent form {width: 415px; padding: 100px 0 30px 0; margin: 0;}
		.leftHandContent form div {clear: both; padding: 0; margin: 0;}
		.leftHandContent label {font-size: 90%; color: #888888; padding: 4px 0 0 0; margin: 0; cursor: pointer; float: left; display: inline;}
		.leftHandContent input.txt {color: #666666; background-color: #FFFFFF; border: 1px solid #ABABAB; width: 304px; padding: 4px 3px; margin: 0 0 9px 0; float: right; display: inline;}
		.leftHandContent input.btn {color: #888888; background-color: #FFFFFF; border: 1px solid #ABABAB; padding: 0 5px; margin: 0 0 0 10px; cursor: pointer;}
		.leftHandContent input.btn:hover {color: #FFFFFF; background-color: #888888;}
		.leftHandContent input.btn2 {color: #888888; background-color: #FFFFFF; border: 1px solid #ABABAB; padding: 0 5px; margin: 0 0 0 103px; cursor: pointer;}
		.leftHandContent input.btn2:hover {color: #FFFFFF; background-color: #888888;}
		.leftHandContent textarea.txt2 {color: #666666; background-color: #FFFFFF; border: 1px solid #ABABAB; width: 304px; height: 5em; padding: 4px 3px; margin: 0 0 9px 0; float: right; display: inline;}


/*______________________________ THANK YOU PAGE ______________________________*/
		
.thankYouPage {width: 480px; height: 200px; padding: 200px 450px 200px 50px; margin: 0; background: url(../images-generic/logo-and-strap.gif) top right no-repeat;}
.thankYouPage h1 {font-size: 150%; padding: 2em 0; margin: 0;}
.thankYouPage p {font-size: 90%; padding: 0; margin: 0;}


/*______________________________ RIGHT HAND CONTENT HOLDER ______________________________*/

#rightMainBox {float: right; display: inline; font-family: Arial, sans-serif; color:#000; width:490px; z-index: 3; position: relative;}

		.rhList3Column {width: 120px; padding: 0 10px 0 0; margin: 10px 10px 0 0; line-height: 1.2em; border-right: #888888 1px solid; float: left; display: inline; color: #888888;}
				.rhList3Column ul {list-style: none; padding: 0; margin: 0;}
						.rhList3Column ul li {padding: 0; margin: 0;}
				
		.rhList3ColumnLast {width: 120px; padding: 0; margin: 10px 0 0 0; line-height: 1.2em; border-right: none; float: left; display: inline; color: #888888;}
				.rhList3ColumnLast ul {list-style: none; padding: 0; margin: 0;}
						.rhList3ColumnLast ul li {padding: 0; margin: 0;}

#map {width: 406px; height: 280px; padding:0; margin: 10px 0 3px 0; border: #888888 1px solid;}


/*______________________________ BLOG  CONTENT HOLDER ______________________________*/

.navPrevious {width: 11px; height: 11px; text-indent: -3000px; background: transparent url(../images-generic/right-arrow-off.gif) bottom no-repeat; float: right; display: inline;}
.navNext {width: 11px; height: 11px; text-indent: -3000px; background: transparent url(../images-generic/left-arrow-off.gif) bottom no-repeat; float: right; display: inline;}
.tweetHolder {background: url(../images-generic/twitter-gs.gif) bottom right no-repeat;}


/*______________________________ CSS TABLE ______________________________*/

.tableRow  {width: 100%; border: none; padding: 0; margin: 0;}

		.tableLeftColumn {width: 48%; padding: 0; margin: 0; float: left;}
		.tableRightColumn {width: 48%; padding: 0; margin: 0; float: right;}


/*______________________________ PAGE DROP SHADOW ______________________________*/

#capper {width: 980px; height: 17px; padding: 0; margin: 0 auto; background: url(../images-generic/capper.gif) top no-repeat #f7f7f7; z-index: 4;}


/*______________________________ FOOTER HOLDER ______________________________*/

#footer	{color: #999; font-family: Arial, sans-serif; font-weight:normal; text-align: left; font-size:10px; letter-spacing: 0.9px; margin: 0 auto; padding: 0 5px; width: 970px; z-index: 5;}
		#footer a:link, div#footer a:visited {color:#999; font-weight:bold; text-decoration:none; outline: none;}
		#footer a:hover, div#footer a:active, div#footer a:hover {text-decoration:none; color:#666; outline: none;}
		
		.rangeLeft {float: left; display: inline; font-weight: bold;}
		.rangeRight {float: right; display: inline;}