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

* { /*RESET This provides a nice clean slate for design and ensures that all spacing is intentional, explict, and ubiquitous across browsers. There is no reason not to do this.
Some people like to include border: 0; as a part of it, but it has been found to not be effective in all situations (including the annoying borders>, so why bother...*/
margin: 0;
padding: 0;
border: 0;
}
body{ 
	background-image:url(../img/subtle-stripes-pattern-2273.png);
	font-family: 'Scada', sans-serif;
	font-size: 1.5em;
	color: #A2A2A2;
}

a { 
	text-decoration:none;
	color: #A2A2A2;
}
a:hover { 
	color:#000;
}
::-webkit-scrollbar              { /* 1 */ }
::-webkit-scrollbar-button       { /* 2 */ }
::-webkit-scrollbar-track        { /* 3 */ }
::-webkit-scrollbar-track-piece  { /* 4 */ }
::-webkit-scrollbar-thumb        { /* 5 */ }
::-webkit-scrollbar-corner       { /* 6 */ }
::-webkit-resizer                { /* 7 */ }


/*  HEADER (MULTIPLE COLORS)
=========================================================*/
#header-resume {
	width:100%;
	height:205px;
	display:block;
	background:#ccc;
}
#header-resume #headertype-resume {
	width:1024px;
	height:205px;
	background-image:url(../img/resume.png);
	background-repeat: no-repeat;
	background-position: center 20%;
	background-color:#ccc;
	margin:auto;
	display:block;
	overflow:hidden;
}
#header-print_full {
	width:100%;
	height:205px;
	display:block;
	background:#bcd6e2;
}
#header-print_full #headertype-print_full {
	width:1200px;
	height:205px;
	background-image:url(../img/print/print.png);
	background-repeat: no-repeat;
	background-position: center 20%;
	background-color:#bcd6e2;
	margin:auto;
	display:block;
	overflow:hidden;
}
#header-print {
	width:100%;
	height:205px;
	display:block;
	background:#bcd6e2;
}
#header-print #headertype-print {
	width:1024px;
	height:205px;
	background-image:url(../img/print/print.png);
	background-repeat: no-repeat;
	background-position: center 20%;
	background-color:#bcd6e2;
	margin:auto;
	display:block;
	overflow:hidden;
}
#header-design {
	width:100%;
	height:205px;
	display:block;
	background-color:#c5e1e6;
}

#header-design #headertype-design {
	width:1024px;
	height:205px;
	background-image:url(../img/design/design.png);
	background-repeat: no-repeat;
	background-position: center 20%;
	background-color:#c5e1e6;
	margin:auto;
	display:block;
	overflow:hidden;
}
#header-motion {
	width:100%;
	height:205px;
	display:block;
	background-color:#c5d5cf;
}
#header-motion #headertype-motion {
	width:1024px;
	height:205px;
	background-image:url(../img/motion/motion.png);
	background-repeat: no-repeat;
	background-position: center 20%;
	background-color:#c5d5cf;
	margin:auto;
	display:block;
	overflow:hidden;
}
#header-motion_full {
	width:100%;
	height:205px;
	display:block;
	background-color:#c5d5cf;
}
#header-motion_full #headertype-motion_full {
	width:1200px;
	height:205px;
	background-image:url(../img/motion/motion.png);
	background-repeat: no-repeat;
	background-position: center 20%;
	background-color:#c5d5cf;
	margin:auto;
	display:block;
	overflow:hidden;
}
#header-web {
	width:100%;
	height:205px;
	display:block;
	background-color:#dfe0c3;
}
#header-web #headertype-web {
	width:1024px;
	height:205px;
	background-image:url(../img/web/web.png);
	background-repeat: no-repeat;
	background-position: center 20%;
	background-color:#dfe0c3;
	margin:auto;
	display:block;
	overflow:hidden;
}
#header-web_full {
	width:100%;
	height:205px;
	display:block;
	background-color:#dfe0c3;
}
#header-web_full #headertype-web_full {
	width:1200px;
	height:205px;
	background-image:url(../img/web/web.png);
	background-repeat: no-repeat;
	background-position: center 20%;
	background-color:#dfe0c3;
	margin:auto;
	display:block;
	overflow:hidden;
}
#header-design_full {
	width:100%;
	height:205px;
	display:block;
	background-color: #c5e1e6;
}
#header-design_full #headertype-design_full {
	width:1200px;
	height:205px;
	background-image:url(../img/design/design.png);
	background-repeat: no-repeat;
	background-position: center 20%;
	background-color: #c5e1e6;
	margin:auto;
	display:block;
	overflow:hidden;
}
#header-morph {
	width:100%;
	height:205px;
	display:block;
	background-color:#e8dbd4;
}
#header-morph #headertype-morph {
	width:1024px;
	height:205px;
	background-image:url(../img/morph/morph.png);
	background-repeat: no-repeat;
	background-position: center 20%;
	background-color:#e8dbd4;
	margin:auto;
	display:block;
	overflow:hidden;
}
#header-more {
	width:100%;
	height:205px;
	display:block;
	background-color:#dadcd2;
}
#header-more #headertype-more {
	width:1024px;
	height:205px;
	background-image:url(../img/more/more.png);
	background-repeat: no-repeat;
	background-position: center 20%;
	background-color:#dadcd2;
	margin:auto;
	display:block;
	overflow:hidden;
}
#header-more_portraits {
	width:100%;
	height:205px;
	display:block;
	background-color:#dadcd2;
}
#header-more_portraits #headertype-more_portraits {
	width:1200px;
	height:205px;
	background-image:url(../img/more/more.png);
	background-repeat: no-repeat;
	background-position: center 20%;
	background-color:#dadcd2;
	margin:auto;
	display:block;
	overflow:hidden;
}
/*  THUMBNAIL STACKING FOR (MULTIPANEL PAGES)
=========================================================*/
#spiderthumb {
	position:absolute;
	margin:-31px 0 0 262px;
	width:500px;	
}
#spiderthumb li {
	margin:0 0 0 5px;
}
#spiderthumb li img.on {
	border-bottom:thick solid  #A5C8D9;
	
}
#thumbs {
	width:650px;
	height:580px;
	display:block;
	padding:0 0 0 0px;
	margin:120px auto 0 auto;
	overflow:auto;
}
#thumbs ul {
	margin:0px 0 0 0;
}
#outer li {
	display: inline-block;
	display: -moz-inline-stack;/*THESE PROPERTIES KEEP IMAGES INLINE FOR IE*/
	zoom: 1;
	*display:inline;
	vertical-align:top;
}
#thumbs ul li a p.caption {
	font-size: .8em;
	color: #A2A2A2;
	margin:7px 0 0 0;
	display:block;
	text-transform:uppercase;
}
/*  MAIN VIEW AREA
=========================================================*/
#outer-home {
	width:1024px;
	background-image:;
	background-repeat: no-repeat;
	display:block;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	background-position: center;
}
/*  OUTER WRAPS DATA BETWEEN HEADER AND FOOTER AREAS 
=========================================================*/
#outer {
	width:1024px;
	height:768px;
	background-image:;
	background-repeat: no-repeat;
	display:block;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	background-position: center;
	padding:1px;
	position:relative;
}
#outer-pong {
	width:1024px;
	height:768px;
	background-image:;
	background-repeat: no-repeat;
	display:block;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	background-position: center;
	padding:1px;
	position:relative;
	border:2px solid red;
}
#outer-portraits {
	width:1200px;
	height:	;
	background-image:;
	background-repeat: no-repeat;
	display:block;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	background-position: center;
	padding:1px;
	position:relative;
}
#outer-portraits .single_menu ul a {
	
}
#outer-portraits .single_menu ul{
	list-style:none;
	z-index:1010;
	background-color:#dadcd2;
	position:relative;
	width:135px;
	padding:0 0 0 11px;
}
#outer-portraits .single_menu li a {
	letter-spacing:2px;
	color: #7F7F7F;
	text-transform:uppercase;
	display:block;	
}
#outer-portraits .single_menu li a.nfl-on   {
	color:#A5A1FE;
	font-size: 1.401em;
	text-shadow: 1px 1px 1px #000, 3px 3px 5px ;
}
#outer-portraits .single_menu {
	width:100px;
	position:absolute;
	top:33px;
	left:980px;		
}
#outer-portraits img{
	position:absolute;	
	display:block;
	margin:auto;
	z-index:10;
}
#outer-whha {
	width:1200px;
	height:;
	background-image:;
	background-repeat: no-repeat;
	display:block;
	margin:auto;
	background-position: center;
	padding:1px;
	position:relative;
}
#outer-whha .single_menu ul a {
	list-style:none;
}
#outer-whha .single_menu ul a {
	list-style:none;
}
#outer-whha .single_menu li a {
	letter-spacing:2px;
	color: #0080FF;
	text-transform:uppercase;
}
#outer-whha .single_menu li a.nfl-on   {
	color:#92822d;
	font-size: 1.401em;
	text-shadow: 1px 1px 1px #000, 3px 3px 5px ;
}
#outer-whha .single_menu {
	width:100px;
	position:absolute;
	top:33px;
	left:980px;
	z-index:1000;
	background:#FFF;
	padding:0 38px 0 0;
	border-left:12px solid #FFF;
	margin:0 0 0-12px;		
}
#outer-nfl {
	width:1200px;
	height:;
	background-image:;
	background-repeat: no-repeat;
	display:block;
	margin:auto;
	background-position: center;
	padding:1px;
	position:relative;
}
#outer-nfl .single_menu ul a {
	list-style:none;
}
#outer-nfl .single_menu ul a {
	list-style:none;
}
#outer-nfl .single_menu li a {
	letter-spacing:2px;
	color: #0080FF;
	text-transform:uppercase;
}
#outer-nfl .single_menu li a.nfl-on   {
	color:#c5d649;
	font-size: 1.401em;
	text-shadow: 1px 1px 1px #000, 3px 3px 5px ;
}
#outer-nfl .single_menu {
	width:100px;
	position:absolute;
	top:33px;
	left:980px;
	z-index:1000;
	background:#FFF;
	padding:0 38px 0 0;
	border-left:12px solid #FFF;
	margin:0 0 0-12px;		
}
#outer-nfl img{
	position:relative;
	display:block;
	margin:auto;
}
#outer #nfl-thumbs ul li a p.caption {
	font-size: .8em;
	color: #538ba6;
	margin:7px 0 0 0;
	display:block;
	text-transform:uppercase;
}
#outer #nfl-thumbs .fa {
	color:#809c69;
}
#outer #nfl-thumbs ul li   {
	margin:0px 0 22px 0;
}
#nfl-thumbs {
	width:650px;
	height:580px;
	display:block;
	padding:0 0 0 0px;
	margin:120px auto 0 auto;
	overflow:auto;
}
#nfl-thumbs ul {
	margin:0px 0 0 0;
}
#outer .small-I {
	padding:150px 0 0 0;
	width:500px;
	height:350px;
	display:block;
	margin:auto;
}
.whha-center {
	margin:auto;
	display:block;
	margin:0 0 0 75px;
}
/*  IFRAME FOR "ACTIVE WEBSITE PAGES"
=========================================================*/
#outer-full {
	width:1200px;
	height:768px;
	background-image:;
	background-repeat: no-repeat;
	display:block;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	background-position: center;
	padding:1px;
	position:relative;
	overflow : auto;
	 -webkit-overflow-scrolling : touch;	
}
/*  BEFORE AFTER CONTAINER
=========================================================*/
#container {
	margin:85px auto 0 auto;
	height:500px;		
}
#container + div.balinks {
	width:500px;
	height:50px;	
	margin: 0px auto;
	font-size:.7em;
	text-transform:uppercase;
}
/*  IFRAME FOR "PROMO-CLING VERSIONS"
=========================================================*/
#frame {
	display:block;
	margin:135px auto -135px auto;
	position:relative;
	width:518px;
	height:500px;
	overflow : auto;
	 -webkit-overflow-scrolling : touch;
}
/*  SINGLE ITEM PAGE LAYOUTS
=========================================================*/
 img#book {
	display:block;
	margin:135px auto 0 auto;
	position:relative;
}
 #book-pong {
	display:block;
	margin:135px auto -135px auto;
	position:relative;
	width:518px;
	height:500px;
	overflow : auto;
	 -webkit-overflow-scrolling : touch;
}
  p.notes {
	position:relative;
	top:;
	left:787px;	
	display:block;
	font-size:14px;
	line-height:1.4;
	text-transform:uppercase;
	margin:-280px 0px 20px 0px;
	text-align:left;
	width:225px;
	height:100px;
	overflow:auto;
}
#outer  p.apps {
	position:relative;
	top:;
	left:787px;	
	display:block;
	font-size:14px;
	text-transform:uppercase;
	margin:0px 0px 20px 0px;
	text-align:left;
	width:116px;
}
#outer  p.inside a {
	position:relative;
	left:787px;	
	font-size:14px;
	line-height:1.4;
	text-transform:uppercase;
	margin:0px 0px 0px 0px;
	text-align:left;
	width:116px;
	text-decoration:underline;
}
#outer  p.inside-book a {
	position:relative;
	left:787px;	
	font-size:14px;
	text-transform:uppercase;
	margin:0px 0px 0px 0px;
	text-align:left;
	width:116px;
	text-decoration:underline;
	visibility:hidden;
}

#inside_sample {
	display:block;
	text-transform:uppercase;
	margin:0px auto 0 auto;
	text-align:center;
	font-size: 18px;
	color: #A2A2A2;
}
#inside_sample:hover {
	color:#666666;	
}
#outer p.title {
	display:block;
	text-transform:uppercase;
	margin:60px auto 0 auto;
	text-align:center;
	z-index:1000;
}
 p.title a {
	display:block;
	text-transform:uppercase;
	margin:11px auto 0 auto;
	text-align:center;
	width:255px;
}
#outer p.title-more {
	display:block;
	text-transform:uppercase;
	margin:60px auto 0 auto;
	text-align:center;
	z-index:1000;
}
 p.title-more a {
	display:block;
	text-transform:uppercase;
	margin:11px auto 0 auto;
	text-align:center;
	width:255px;
}
#outer p.title-more .fa {
	color:#A5A1FE;
}
p.title-fullweb a {
	display: block;
	text-transform:uppercase;	
	padding:0;
	text-align:center;
	width:100%;
	position:absolute;
	border:1px solid black;
	z-index:1000;
	bottom:0px;	
}
.buttons {
	text-align:center;
	width:500px;
	left:262px;
	bottom:110px;
	z-index:100;
	position:absolute;
	border:1px solid red;
}
.breadcrumb {
	position:relative;
	left:787px;	
	display:block;
	font-size:12px;
	text-transform:uppercase;
	margin:30px 0px 0px 0px;
	text-align:left;
	width:225px;
	color: #A2A2A2;
}
.breadcrumb a{
	color: #A2A2A2;
}
.breadcrumb a:hover{
	color:#666;
}
/*  FONT AWSOME RESUME BULLETS
=========================================================*/
.fa-square {
	font-size:.5em;
	margin:10px 0 0 -18px;
	display:block;
	
	position:absolute;
}

/*  RESUME
=========================================================*/
#outer-resume .single_menu { 
	width:100px;
	position:absolute;
	top:33px;
	left:837px;	
}
#outer-resume .single_menu { 
	width:100px;
	position:absolute;
	top:33px;
	left:837px;	
}
#outer-resume .single_menu li a {
	letter-spacing:2px;
	color: #A2A2A2;
	text-transform:uppercase;
}
#outer-resume .single_menu li a.resume-on   {
	color:#DCDCDC;
	font-size: ;
	text-shadow: 1px 1px 1px #ccc, 3px 3px 5px ;
}
#outer-resume .single_menu li a:hover.resume-on   {
	color:#7F7F7F;
}
#outer-resume {
	width:1024px;
	height:;
	background-image:;
	background-repeat: no-repeat;
	display:block;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	background-position: center;
	padding:1px;
	position:relative;	
}
.resume {
	width:670px;
	display:block;
	padding:0 160px 0 0px;
	margin:20px auto 25px auto;	
}
.resume-copy {
	font-size:1.0em;
	line-height:1.0em;	
}
.resume-copy p{
	font-size:1.0em;
	line-height:1.2em;
	margin:0 0 21px 0;	
}
.name-date {
	padding:6px;
	height:52px;
}
.name {
	float:left;
	margin:3px 0 0 0px;
	color:#FFF;
	background:#B3B3B3;#B3B3B3
	padding:2px 7px;
	 /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 6px;
	 /* Firefox 1-3.6 */ -moz-border-radius: 6px;
	 /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ 	  border-radius: 6px;
	 clear:both;
}
.date {
	float:right;
	margin:3px 0;
	color:#FFF;
	background:#B3B3B3;
	padding:2px 7px;
	 /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 6px;
	 /* Firefox 1-3.6 */ -moz-border-radius: 6px;
	 /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ 	  border-radius: 6px;
}
.address {
	display:block;
	font-size:.9em;
	margin:-16px 0 26px 0;
	text-align:left;
	text-transform:uppercase;
	line-height:1.5em;
	padding:0 0 0 5px;
}
.resume .fa {
	color:;	
}

.footer-resume {
	width:100%;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#ccc;
	padding:0;
	margin:0 auto;
}
#footer-resume {
	width:1024px;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#ccc;
	padding:0;
	margin:0 auto;
}
/*  SINGLE (STACKED) PAGE "MENU"
=========================================================*/
#outer .single_menu { 
	width:100px;
	position:absolute;
	top:33px;
	left:837px;	
}
#outer .single_menu ul {
	list-style:none;
}
#outer .single_menu li a {
	letter-spacing:2px;
	color: #A2A2A2;
	text-transform:uppercase;
}
#outer .single_menu li a.print-on   {
	color:#bcd6e2;
	font-size: 1.401em;
	text-shadow: 1px 1px 1px #000, 3px 3px 5px ;
}
#outer .single_menu li a.design-on   {
	color: #c5e1e6;
	font-size: 1.401em;
	text-shadow: 1px 1px 1px #000, 3px 3px 5px ;
}
#outer .single_menu li a.motion-on   {
	color: #c5d5cf;
	font-size: 1.401em;
	text-shadow: 1px 1px 1px #000, 3px 3px 5px ;
}
#outer .single_menu li a.web-on   {
	color: #dfe0c3;
	font-size: 1.401em;
	text-shadow: 1px 1px 1px #000, 3px 3px 5px ;
}
#outer .single_menu li a.morph-on   {
	color: #e8dbd4;
	font-size: 1.401em;
	text-shadow: 1px 1px 1px #000, 3px 3px 5px ;
}
#outer .single_menu li a.more-on   {
	color: #dadcd2;
	font-size: 1.401em;
	text-shadow: 1px 1px 1px #000, 3px 3px 5px ;
}
#outer li a {
	display:block;
	margin:0 0px 11px 11px;
}
#outer li a:hover { 
	zoom: 1;
	filter: alpha(opacity=50);/*PROPERTIES FOR CROSS BROWSER OPACITY TO 50%*/
	opacity: 0.5;
}
#outer li a:active { 
	zoom: 1;
	filter: alpha(opacity=50);/*PROPERTIES FOR CROSS BROWSER OPACITY TO 50%*/
	opacity: 0.5;
}
#outer li a p {
	margin:6px 0 0 0;
	display:block;
	text-align:center;
	color: #A2A2A2;
}
/*  FOOTER
=========================================================*/
#footer {
	height:400px;
	width:100%;
	padding:0px 0 25px 0;
}
.footer-home {
	width:100%;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#bcd6e2;
	padding:0;
	margin:0 auto;
}
#footer-home {
	width:1024px;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#bcd6e2;
	padding:0;
	margin:0 auto;
}
.footer-print {
	width:100%;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#bcd6e2;
	margin:0 auto;
}
#footer-print {
	width:1024px;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#bcd6e2;
	margin:0 auto;
}
.footer-print_full {
	width:1200px;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#bcd6e2;
	margin:0 auto;
}
#footer-print_full {
	width:1200px;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#bcd6e2;
	margin:0 auto;
	padding:0px 0 25px 0;
}
.footer-design {
	width:100%;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#c5e1e6;
}
#footer-design {
	width:1024px;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#c5e1e6;
	margin:0 auto;
}
.footer-design_full {
	width:100%;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#c5e1e6;
}
#footer-design_full {
	width:1200px;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#c5e1e6;
	margin:0 auto;
}
.footer-motion {
	width:100%;
	height:400px;
	display:block;
	bottom: 0px;
	background-color:#c5d5cf;
}
#footer-motion {
	width:1024px;
	height:400px;
	display:block;
	bottom: 0px;
	background-color:#c5d5cf;
	margin:0 auto;
}
.footer-motion_full {
	width:100%;
	height:400px;
	display:block;
	bottom: 0px;
	background-color:#c5d5cf;
}
#footer-motion_full {
	width:1200px;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#c5d5cf;
	margin:0 auto;
	clear:both;
}
.footer-web {
	width:100%;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#dfe0c3;
}
#footer-web {
	width:1024px;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#dfe0c3;
	margin:0 auto;
}
.footer-web_full {
	width:100%;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#dfe0c3;
	margin:0 auto;
}
#footer-web_full {
	width:1200px;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#dfe0c3;
	margin:0 auto;	
}
.footer-morph {
	width:100%;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#e8dbd4;
}
#footer-morph {
	width:1024px;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#e8dbd4;
	margin:0 auto;
}
.footer-more {
	width:100%;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#dadcd2;
}
#footer-more {
	width:1024px;
	height:400px;
	display: block;
	bottom: 0px;
	background-color:#dadcd2;
	margin:0 auto;
}
#footype {
	color:#FFF;
	margin:0 auto;
	padding:10px 0 0 0;
	text-transform:uppercase;
	width:900px;
	text-shadow: 1px 1px 1px #000, 3px 3px 5px ;
}
p.footypelinkedin a { 
	display:block;
	float:left;
	color:#FFF;
}
#footype p.return a{ 
	display:block;
	color: #A2A2A2;
	margin:0 auto;
	text-align:center;
	height:52px;
}
p.footypelinkedin a:hover {
	color:#CCC;
}
p.footyperesume a{
	display:block;
	float:right;
	color:#FFF;
}
p.footyperesume a:hover {
	color:#CCC;
}
/*  FLASH PGA
=========================================================*/
#outer-motion-full {
	width:1200px;
	height:798px;
	background-image:;
	background-repeat: no-repeat;
	display:block;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	background-position: center;
	padding:1px;
	position:relative;
	overflow : auto;
	 -webkit-overflow-scrolling : touch;
}
#pga-frame {
	width:1080px;
	 height:788px; 
	 margin:0px 0 0 0;
	 margin:auto;
 }
 /*  MEDIA QUERIES
 =========================================================*/
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) { 
	 
	 #footer-home {
 		background:#7F007F;
 		height:100px;
 	 }
	 #footer.footer-home {
		height:80px;
	 }
	 #outer-full {
	 	width:1024px;
	 	height:768px;
	 	background-image:;
	 	background-repeat: no-repeat;
	 	display:block;
	 	margin-right: auto;
	 	margin-left: auto;
	 	margin-top:0px;
	 	background-position: center;
	 	padding:1px;	
	 }
	 #container-full {
	 	display:block;
	 	margin:-142px 0 0 0;
	 	width:1024px;
	 	position:relative;
	 }
	 #outer-full .fullweb-frame {
	 	width:1024px;
	 	height:768px;
	 	display:block;
	 	margin:141px auto 0 auto;
	 }
 } 
 @media(max-width:480px) {
	 #outer-full {
	 	width:1024px;
	 	height:768px;
	 	background-image:;
	 	background-repeat: no-repeat;
	 	display:block;
	 	margin-right: auto;
	 	margin-left: auto;
	 	margin-top:0px;
	 	background-position: center;
	 	padding:1px;	
	 }
	 #container-full {
	 	display:block;
	 	margin:-142px 0 0 0;
	 	width:1024px;
	 	position:relative;
	 }
	 #outer-full .fullweb-frame {
	 	width:1024px;
	 	height:768px;
	 	display:block;
	 	margin:141px auto 0 auto;
	 }
	
 }

@media(max-width:1024px) {

	#footer {
		width:1024px;
		padding:0px 0 25px 0;
	}
	#footer-web_full {
		width:1200px;
		padding:0px 0 25px 0;
		background:#dfe0c3;
		display:block;
		margin:auto;
	}
	#footer-motion_full {
		width:1200px;
		padding:0px 0 25px 0;
		background:#c5d5cf;
		display:block;
		margin:auto;
	}
 
	
}