body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;}


megaman {
	font-size: 50px;
	}
body {
	padding: 0;
	margin: 0;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


.clear {
	clear: both;
	height: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
#content {
	width: 950px;
	margin: 0 auto;
	height: auto ;
	background-color:#f2f1f1;
}
#header_content{
	width: 950px;
	margin: 0 auto;
	height: auto ;
	background-color:#f2f1f1;
}
#footer_content {
	width: 950px;
	margin: 0 auto;
	height: auto ;
	background-color:#f2f1f1;
}
h1 {
	margin: 0;
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 36px;
}
h2{
	margin: 0;
	padding: 5px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 18px;
}
h3{	
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;

}
ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
	}
p {
	padding: 0 0 5px 0;
	}
#logo{
	background:url(images/jga_logo.png) no-repeat;
	width: 100px;
	height:180px;
	float:left;
	z-index:2;
	}
#header1{
	/*float:left;*/
	background-color:#666;
	position: relative;
	width:950px;
	height: 397px;
}
	#header1 img {
		display: block;
		position: absolute;
		top: 0;
		z-index: 0;
	}
	#header1 h2 {
		color: #fff;
		position: absolute;
		bottom: 80px;
		right: 10px;
	}
/* Begin Wrappers */
.wrapper {
	width: 100%;
	margin: 0 auto;
	height: auto;
	}
#header_wrapper {
	padding: 150px 0 0 0;
	background:#1b2d3b url(images/home_background.jpg) center top no-repeat;
	}
#promo_header_wrapper {
	padding: 150px 0 0 0;
	background:#68360a url(images/promo_background.jpg) center top no-repeat;
}
#aboutus_header_wrapper {
	padding: 150px 0 0 0;
	background:#feff9e url(images/aboutus_background.jpg) center top no-repeat;
}
#contact_header_wrapper {
	padding: 150px 0 0 0;
	background:#feff9e url(images/contact_background.jpg) center top no-repeat;
}
#portfolio_header_wrapper {
	padding: 150px 0 0 0;
	background:#000 url(images/portfolio_background.jpg) center top no-repeat;
}
#services_header_wrapper {
	padding: 150px 0 0 0;
	background:#000 url(images/services_background.jpg) center top no-repeat;
}
#content_wrapper {
	background: url(images/content_background.png) bottom repeat-x;
	}
#aboutus_content_wrapper {
	background: url(images/aboutus_footer.png) bottom no-repeat;
}
#contact_content_wrapper {
	background: url(images/contact_footer.png) bottom repeat-x;
}
#portfolio_content_wrapper {
	background: url(images/portfolio_footer.png) bottom repeat-x;
}
#services_content_wrapper {
	background: url(images/portfolio_footer.png) bottom repeat-x;
}
#promo_content_wrapper {
	background: url(images/promo_footerbg.png) bottom repeat-x;
}
#footer_wrapper {
	padding: 0 0 30px 0;
	background:#1b2d3b;
	}
#promo_footer_wrapper {
	padding: 0 0 30px 0;
	background:#68360a;
}
#aboutus_footer_wrapper {
	padding: 0 0 30px 0;
	background:#feff9e;
}
#contact_footer_wrapper {
	padding: 0 0 30px 0;
	background:#ff9100;
}
#portfolio_footer_wrapper{
	padding: 0 0 30px 0;
	background:#000;
}
#services_footer_wrapper {
	padding: 0 0 30px 0;
	background:#000;
}
/*End Wrappers*/
#back_wave {
	background: url(images/back_wave.png) repeat-x;
	height: 7px;
	width: 100%;
	margin-top: -7px;
	z-index: -1;
	}
#promobar{
	/*float:left;*/
	width:950px;
	height:auto;
	background-color:#5A5750;
	
}
.color_bar{
	clear: both;
	background-color:#5A5750;
	height: 5px;
	width: 950px;
	}
#promo ul{
	float: right;
	width:100%;

}
#promo li{
	float: left;
	display:inline;
}
#promo li a{
	text-decoration:none;
	display:block;
	float: left;
}

#promo{
	float: right;
	width:250px;
	height:200px;
}
/*Begin content*/

#main_content {
	padding: 10px 20px 20px 20px;
	width: 910px;
	background-color: #f6663f;
	background: url(images/vest_tex2.jpg) no-repeat;
	color: #1b2d3b;
	}
#main_content_promo {
	padding: 10px 20px 0 20px;
	width: 910px;
	height: 347px;
	background-color: #f6663f;
	background: url(images/promo_banner2.jpg) no-repeat;
	color: #1b2d3b;
}
#main_content_aboutus {
	padding: 10px 20px 20px 20px;
	width: 910px;
	height: 320px;
	background-color: #f6663f;
	background: url(images/aboutus_banner2.jpg) no-repeat;
	color: #1b2d3b;
}
#main_content_contact {
	padding: 10px 20px 20px 20px;
	width: 910px;
	height: 320px;
	background-color: #f6663f;
	background: url(images/contact_banner2.jpg) no-repeat;
	color: #1b2d3b;
}
#main_content_portfolio {
	padding: 10px 20px 20px 20px;
	width: 910px;
	height: 320px;
	background-color: #f6663f;
	background: url(images/portfolio_banner2.jpg) no-repeat;
	color: #1b2d3b;
}
#main_content_services {
	padding: 10px 20px 20px 20px;
	width: 910px;
	height: 320px;
	background-color: #f6663f;
	background: url(images/services_banner2.jpg) no-repeat;
	color: #1b2d3b;
}
#main_content_left {
	float: left;
	width: 300px;
	height: 140px;
	padding: 200px 0 0 20px;
	margin: 0 0 0 50px
	}
#main_content_right {
	float: right;
	width: 330px;
	height: 285px;
	padding: 5px 20px 0 0;
	}
#service_call {
	padding: 175px 0 0 0;
	color: white;
}
#vest_shadow {
	width: auto;
	height: 8px;
	margin-bottom: -8px;
	background: url(images/vest_shadow.png) repeat-x;
}
/*End Content*/
#pic1{
	width:100px;
	float:left;
}
#sidebar1{
	background:url(images/panel1.png) no-repeat;
	float:left;
	width:250px;
	height:1000px;
}
#sidebar2{
	background:url(images/panel2.png) no-repeat;
	float:right;
	width:250px;
	height:1000px;
	position:absolute;
	}
#heading1{
	float:left;
	margin-bottom:10px;
}
/*Begin columns*/
/*#column{
	width: 950px;
}*/
#left_container {
	float: left;
	width: 600px;
	height: 525px;
	margin: 40px 0 40px 40px;
	}
#right_container{
	float:right;
	width:225px;
	margin-right:40px;
	margin-top: 40px;
	margin-bottom: 40px;
}
#services_main {
	float: left;
	width: 200px;
	height: 530px;
	background: #d0d0d0;
	border: 1px solid white;
}
#services_left {
	float: left;
	width: auto;
	height: auto;
	padding-left: 10px;
}
#services_left ul li h2 {
	padding: 0 0 40px 20px;
}
#services_left ul li h1 {
	padding-bottom: 0px;
}
#services_main ul li h2{
	padding: 0 10px 0 10px;
	font-weight: bold;
}
#services_main ul li p {
	padding: 20px 10px 0 10px;
	text-shadow: #d0d0d0 20px 20px 20px;
}
#marketing_main {
}
#client_scroller {
	position: absolute;
	top: 250px;
	right: 30px;
	height: 300px;
	width: 300px;
	z-index: 999;
}
#about_container {
	width: 930px;
	height: 760px;
	padding: 20px 20px 20px 0;
	background: url(images/USmap.jpg) no-repeat center bottom;
}
#about_container p {
	padding: 0 0 0 10px;
}
#about_1 {
	float: left;
	width: 600px;
	height: 240px;
	margin-left: 225px;
}
	#about_1 p {
		font-size: 14px;
	}
.service_div {
	height: 130px;
	width: 325px;
	padding: 0 0 0 10px;
	background: url(images/service_divider.png) bottom center no-repeat;
}
.service_div h4{
	position: absolute top left;
	font-size: 18px;
	padding:6px 0 5px 0;	
}
.service_div p {
	position: absolute top right;
	font-size: 12px;
}
.service {
	width: 316px;
	height: 400px;
	float: left;
	background: url(images/service_back.jpg) no-repeat;
	}
.service h1 {
	padding: 0 0 15px 0;
}
.service ul {
	padding: 20px 10px 0 10px;
	text-align: center;
	}
.service ul li h5{
	padding: 50px 10px 0 10px;
	text-align: left;
}
.products {
	background: #999999;
	width: 500px;
	height: 200px; 
	margin: 40px auto;
	}
#contact1 {
	float: left;
	width: 425px;
	height: 370px;
	}
#contact2 {
	float: left;
	width: 525px;
	height: 350px;
	}
#contact2 ul {
	padding: 25px 0 0 75px;
	}
#contact2 ul li em{
	padding: 5px 0 0 0;
	font-size: 18px;
	font-weight: bold;
}
#contact_form {
	float: left;
}
.port1 {
	width: 860px;
	height: 150px;
	padding: 20px 20px 20px 70px;
	}
.port1 ul {
	padding: 15px 0 0 400px;
	}
.port1 a {
	padding: 20px 0 20px 0;
	float: left;
	position: absolute middle;
	}
#port2 {
	background: #BFBFBF;
}
/* End Columns */

/* Navigation */
#nav {
		margin:0;
		padding:0;
		width:950px;
		height: 40px;
		background-image: url(images/nav_back.png);
		background-repeat: repeat-x;
	}
	#nav ul li {
		display:inline;
		padding:0;
		margin:0;
	}
	#nav a:link,
	#nav a:visited {
		color:#000;
		padding:20px 10px 8px 10px;
		float:left;
		width:auto;
		text-decoration:none;
		font:bold 1em/1em Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		background-image: url(images/nav_seperater.png);
		background-repeat: no-repeat;
		background-position: right top;
	}
	#nav a:hover {
		color:#666;
		background:#faf9f9;
	}
	#home #nav-home a,
	#about #nav-about a,
	#services #nav-services a,
	#ourwork #nav-ourwork a,
	#products #nav-products a,
	#contact #nav-contact a {
		background:#e35a00;
		color:#fff;
		text-shadow:none;
	}
	#home #nav-home a:hover,
	#about #nav-about a:hover,
	#services #nav-services a:hover,
	#ourwork #nav-ourwork a:hover,
	#products #nav-products a:hover,
	#contact #nav-contact a:hover {
		background:#e35a00;
	}
	#nav a:active {
		background:#e35a00;
		color:#fff;
	}




/* Photo Gallery */
#albumlist {
	list-style-type: none;
	width: 380px;
	position:relative;
}

#albumlist li {
	float: left;
    width: 100px;
	margin-right: 10px;
	margin-bottom: 1px;

}

#albumlist img {
display: block;
border: 1px solid #ffffff;
}

/*portfolio*/
#portfolio {
	background:url(images/bg-portfolio.png) left top repeat-x;
	overflow:hidden;
	padding-bottom:20px;
	height: 150px;
}
	#portfolio img {
		padding: 5px 0 0 0;
		}
	#portfolio li {
		float:left;
		width:235px;
		text-align:center;
		background-image:url(images/bg-portfolio_separator.gif);
		background-position: right top;
		background-repeat: no-repeat;
	}
	#portfolio a:hover{
		border-top: #333333 solid 3px;
		}
	#portfolio h3 {
		font-size:1.6em;
		margin-top:15px;
	}
	#portfolio p {
		margin:0 35px;
		line-height:16px;
	}
	#portfolio img {
		margin:5px auto 15px;
		display:block;
	}
	a.btn-web_portfolio {
		background:url(../images/btn-web_portfolio.gif) left top no-repeat;
		text-indent:-9999em;
		display:block;
		height:27px;
		width:130px;
		margin:0 auto;
	}
		a.btn-web_portfolio:hover {
			background:url(../images/btn-web_portfolio.gif) left bottom no-repeat;
		}
	a.btn-print_portfolio {
		background:url(../images/btn-print_portfolio.gif) left top no-repeat;
		text-indent:-9999em;
		display:block;
		height:27px;
		width:139px;
		margin:0 auto;
	}
		a.btn-print_portfolio:hover {
			background:url(../images/btn-print_portfolio.gif) left bottom no-repeat;
		}
	a.btn-view_portfolio {
		background:url(../images/btn-view_portfolio.gif) left top no-repeat;
		text-indent:-9999em;
		display:block;
		height:27px;
		width:139px;
		margin:0 auto;
	}
		a.btn-view_portfolio:hover {
			background:url(../images/btn-view_portfolio.gif) left bottom no-repeat;
		}
	a.btn-logo_portfolio {
		background:url(../images/btn-logo_portfolio.gif) left top no-repeat;
		text-indent:-9999em;
		display:block;
		height:27px;
		width:138px;
		margin:0 auto;
	}
		a.btn-logo_portfolio:hover {
			background:url(../images/btn-logo_portfolio.gif) left bottom no-repeat;
		}
			
/*Footer*/
#footer {
	background: #161616;
	width:950px;
	min-height: 260px;
	height: auto !important;
	position:relative;
}
	
#footer_nav{
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; color:#FFF;
		float:left;
		/*margin:20px;*/
	 	padding: 5px 0 0 5px;
		float: left;
		width: 100%;
}
#footer_nav ul li {
	display: inline !important;
}
#footer_nav li a {
	display: inline !important;
	color: #fff;
	padding: 5px 20px 0 5px !important;
	text-decoration:none;
	}
#footer_nav li a:link, #footer_nav li a:visited {
	color: #fff;
	display: block;
	padding: 5px 0 0 5px;
	}
	
#footer_nav li a:hover {
	color: #000;
	padding: 5px 0 0 5px;
	}
	
#footer_nav li a:active {
	color: #fff;
	padding: 5px 0 0 5px;
	}

#legal{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; color:#FFF;
	float:right;
	margin:0px 20px 0 0;
	padding: 10px 0 0 20px;
	line-height: 9px;
	width: 100%;
	float: left;
}       
#number {
	padding: 40px 0 0 20px;
	color: white;
	font-size: 18px;
	float: left;
}
#number h1 {
	font-weight: bold;
	font-size: 26px;
	color: white;
}
#number h2 {
	font-weight: bold;
	font-size: 20px;
}
#image_holder {
	background: url(images/frmbc.png) no-repeat;
	width: 544px;
	height: 100px;
	position: absolute;
	right: 20px;
	bottom: 30px;
}

#nmsdcphrase {
	color: #fff;
	font-size: 14px;
	position: absolute;
	right: 20px;
	bottom: 130px;
	font-weight: bold;
}




#contact_form form fieldset {
  margin-bottom: 10px;
}
#contact_form form legend {
  padding: 0 2px;
  font-weight: bold;
}
#contact_form form label {
  display: inline-block;
  line-height: 1;
  vertical-align: top;
}
#contact_form form fieldset ol {
  margin: 0;
  padding: 0;
}
#contact_form form fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
#contact_form form fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
#contact_form form fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
#contact_form form fieldset fieldset label {
  display: block;
  width: auto;
}
#contact_form form em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
#contact_form form label {
  width: 120px; /* Width of labels */
}
#contact_form form fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}




/*NEW SECTION*/

/*BANNER AREA STYLING*/
.BanLarge {
	width: 100%;
	min-height: 500px;
	height: auto !important;
	position: relative;
}

#homeBan {
	background: url(images/homeBan.jpg) no-repeat;
}

#portBan {
	background: url(images/portBan.jpg) no-repeat;
	position: relative;
	height: auto !important;
}

/*2 COL BANNER*/

.BanTwoCol {
	width: 435px;
	height: 227px;
	margin: 375px 0 0 0;
	padding: 0 20px 0 20px;
	float: left;
}

.BanSingleCol {
	width: 550px;
	height: 200px;
	margin: 270px 0 0 200px;
	float: left;
}
	.BanSingleCol p {
		font-size: 1.4em !important;
		font-weight: ;
		color: #000 !important;
	}

#homeConWrap {
	width: 100%;
	height: auto !important;
	min-height: 600px;
	background: #F2F1F1 url(images/conWrapBg.png) repeat-x top;
}

.homeColumn {
	width: 256px;
	height: 200px;
	float: left;
	background: url(images/homeColumn.png) top right no-repeat;
	padding: 0 30px 0 30px;
}

.homeColumn ul {
	text-align: center;
}

.homeColumn p {
	font-family: Lucida, Verdana, sans-serif;
	font-size: 12px;
	color: #333333;
}

.homeColumn h1 {
	font-family: Lucida, Verdana, sans-serif;
	font-size: 36px;
	padding: 20px 0 10px 0;
}

.homeColumn h2 {
	font-family: Lucida, Verdana, sans-serif;
	font-size: 18px;
	padding: 0 0 5px 0;
}

#catBox {
	width: 256px;
	height: 130px;
	padding: 21px 0 0 0;
}

#catBox h3 {
	font-family: Lucida, sans-serif;
	font-size: 2.4em;
	font-weight: bold;
	color: #333333;
}

#catBox p {
	padding: 12px 0 0 90px;
	font-size: 1.0em;
	font-family: Lucida, sans-serif;
}

#homeContent {
	position: relative;
	width: 100%;
	min-height: 400px;
	height: auto !important;
	border-top: 1px solid #CFCFCF;
}

#homeConLeft {
	float: left;
	width: 472px;
	min-height: 370px;
	height: auto !important;
	padding: 20px 20px 10px 35px;
}

#homeConLeft h1 {
	padding: 0 0 20px 0;
}

#homeConLeft p {
	font-family: Lucida, sans-serif;
	font-size: 1.2em;
	padding:0 0 15px 0;
}

#homeConLeft h2 {
	font-size: 1.8em;
}

#homeConRight {
	position: relative;
	margin: 125px 0 0 20px;
	float: right;
	width: 400px;
	min-height: 340px;
	background: url(images/cans.jpg) no-repeat;
}

#jgalogo {
	position: absolute;
	top: 30px;
	right: 35px;
}
.homeBottom {
	float: left;
	width: 316px;
	height: 100px;
	background: url(images/homeBottom.gif) no-repeat right;
}

.bottomHolder {
	width: 100%;
	clear: both;
	height: 100px;
	background: #626262 url(images/bottomHolderBg.png) repeat-x;
}

.homeBottom h3 {
	font-size: 1.6em;
	font-weight: bold;
	font-family: Lucida, sans-serif;
	color: #fff;
}

.homeBottom p {
	font-size: 1.2em;
	font-weight: normal;
	font-family: Lucida, sans-serif;
	color: #fff;
}

#newsHolder {
	width: 200px;
	margin: 30px 0 0 100px;
}

#promoDiv {
	cursor: pointer;
}

#promoDiv p {
	font-size: 25px;
	margin: 30px 0 0 25px;
}

.checkboxList {
	text-align: left !important;
	padding: 20px 0 0 60px;
}

.checkboxList li {
	background: url(images/bg_checkbox.png) left top no-repeat;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	padding: 0 0 5px 20px;
}

/*FORM STYLING*/

.newsletter {
	margin: 25px 0 0 40px;
	font-size: 11px	
}

.newsletter p {

}

.label {
	font-size: 16px !important;
}

.email input {
	color: gray !important;
}

.submit input {
	color: #000 !important;
}

/*NEW PORTFOLIO STYLING*/

ul#portTabs { /* general settings */
text-align: center; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 16px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #3F3F3F; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 6px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#portTabs li { /* do not change */
display: inline;
}

body#vertising li.vertising, body#collateral li.collateral, body#directmail li.directmail, body#web li.web, body#blogo li.blogo { /* settings for selected tab */
border-bottom: 1px solid #F2F1F1; /* set border color to page background color */
background-color: #F2F1F1; /* set background color to match above border color */
}

body#vertising li.vertising a, body#collateral li.collateral a, body#directmail li.directmail a, body#web li.web a, body#blogo li.blogo a { /* settings for selected tab link */
background-color: #F2F1F1; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative; 
top: 1px;
padding-top: 7px; /* must change with respect to padding (X) above and below */
}

ul#portTabs li a { /* settings for all tab links */
padding: 6px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #3F3F3F; /* set border COLOR as desired; usually matches border color specified in #portTabs */
background-color: #7F7F7F; /* set unselected tab background color as desired */
color: #3F3B3B; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}

ul#portTabs a:hover { /* settings for hover effect */
background: #AFAFAF; /* set desired hover color */
}


#portWrap {
	width: 100%;
	min-height: 600px;
	padding: 30px 0 0 0;
}

.portGallery {
	list-style: none;
	width: 750px;
	margin: 0 auto;
}

.portGallery li {
	float: left;
	width: 250px;
	text-align: center;
	margin: 0 0 20px 0;
}

.portGallery img {
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	border: 1px solid #CFCFCF;
}