@charset "utf-8";
/* CSS Document */
body{
	background-repeat: no-repeat;
	background-position:top center;
	background-color:#33D7C2;
	background-image: url(../images/tcgbackground.jpg);
}
#mainimage {
	width:60%;
	height:auto;
	margin:2% auto auto auto;
	clear:both;
}
#mainimage img{
	margin:auto;
	width: 100%;
}
#headerimage {
	width:60%;
	height:auto;
	margin:2% auto auto auto;
	clear:both;
}
#headerimage img{
	margin:auto;
	width: 100%;
}
#think{
	width:50%;
	clear:both;
	margin:1% auto 2% auto;
}
#think img{
	width:100%;
}

#shareButtons{
	width:40%;
	float:right;
	clear:both;
	
}
#bullets{
	width:50%;
	text-align:center;
	background-image:url(../images/backgoundtint.png);
	color:#336;
	font-size:1em;
	padding:1%;
	margin:auto;
}
#bullets h3{
	font-size:1.3em;
}
	

#termsStatement{
	width:60%;
	background-color:#FFF;
	color:#666;
	overflow:scroll;
	margin:auto;
	padding:2%;
}
#termsHeader{
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	width:60%;
	background-color:#FFF;
	color:#666;
	overflow:scroll;
	margin:auto;
	padding:4%;
	text-align:center;
}
#contact{
	float:left; 
	width:35%; 
	margin:3% auto 2% 15%;
	text-align:center; 
	padding:2%; 
	color:#5F5E82;
	font-weight:bold;
	clear:both;
	font-size:1.5em;
	background-image:url(../images/backgoundtint.png);
}
#map {
	float:right;
	clear:right;
	margin:3% 15% auto .5%;
	width:30%;
	border:5px #3F0 groove;
}
#careersP{
	clear:both;
	width:40%; 
	margin:auto; 
	padding:2%; 
	color:#FFF;
	text-align:center;
}
#careersP a{
	color:#9F0;
}

#footer{
	 width:90%;
	 clear:both;
	 height:auto; 
	 margin:auto;
	 background-image:url(../images/footerback.png);
	 padding:2%;
	 
}

#footer2{
	 display:inline; 
	 width:50%;
	 float:left; 
	 color:#FFF;
	 margin:1% auto auto 8%;
	 
}
#copyright{
	color:#FFF; 
	width:55%;
	display:inline; 
	font-size:1em;
	text-align:left;
}
#aboutP{
	background-image:url(../images/backgoundtint1.png);
	width:60%; 
	margin:auto; 
	color:#336;
	font-size:1.2em;
	padding:2%; 
}

#mainimage2{
	width:90%; 
	height:auto; 
	margin:2% auto;
}
#mainimage3{
	width:90%; 
	height:auto; 
	margin:2% auto;
	
}
#mainimage5{
	width:70%; 
	height:auto; 
	margin:1% auto 2% auto;
	padding-bottom:2%;
	
	
}
#servicesP { 
	background-image:url(../images/backgoundtint1.png);
	width:60%; 
	margin:auto; 
	color:#336;
	font-size:1.2em;
	padding:2%; 
}
#footerserv{
	color:#FFF;  
	margin-left:10%; 
	float:left; 
	width:40%; 
	margin-top:2%;
}
#Samples{ 
	width:100%;
	height:auto;
	margin:auto;  
	color:#336;
}
#Samples h1{
	text-align:center;
	color:#F00;
	font-size:2.4em;
	width:50%;
	margin:auto;
	border:groove 1px #00FF00;
}
#Samples2{
	background-image:url(images/backgoundtint1.png); 
	width:50%; 
	margin:auto; 
	color:#336; 
	clear:both;
}
#footersamp{
	color:#FFF;  
	margin-left:10%; 
	float:left; 
	width:40%; 
	margin-top:2%;
}
#footercont{
	color:#FFF;  
	margin-left:15%; 
	float:left;
	clear:left; 
	width:40%; 
	margin-top:2%;
}
#shareButtonscontact{
	margin-right:15%; 
	margin-top:1%; 
	float:right;
	 clear:right;
}
iframe{
	 width:100%;
	 height:31em;
}
#footerabout{
	color:#FFF;  
	margin-left:20%; 
	float:left;
	clear:none; 
	width:30%; 
	margin-top:2%;
}

#lbrsample{
	float:right;
}
#hfsample{
	float:left;
	margin-top:3%;
}
#portersample{
	float:right;
	clear:both;
}
#princesssample{
	float:left;
}
@media only screen and (min-width: 150px) and (max-width: 480px){
body{
	background-image:url(../images/phonebackground.jpg);
}
#mainimage {
	width:100%;
	margin:6% auto;
	font-size:1.5em;
	clear:both;
	padding-top:8%;
}
#mainimage img{
	width:100%;
}
#headerimage {
	width:100%;
	margin:4% auto;
	font-size:1.5em;
	clear:both;
	padding-top:8%;
}
#headerimage img{
	width:100%;
}
#bullets{
	width:90%;
	text-align:center;
	font-size:1.2em;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	margin:auto;
	color:#636;
	font-weight:bolder;
}

#shareButtons{
	float:none;
	clear:both;
	margin:auto;
	width:100%;
	
}
#footer{
	width:100%;
	color:#FFF;
	font-size:.8em;
}
#copyright{
	margin:auto 5%;
	width:60%;
	font-size:.7em;
}
#aboutP {
	width:100%;   
	color:#336;
}
#aboutP p{
	font-size:1em; 
	width:100%;
	
	padding:2%;
}
#footer2{
	width:100%;
	font-size:.8em;
}
#servicesP p{
	width:100%;
	font-size:1em;
	padding:2%;
}
#servicesP {
	width:100%;   
	color:#336;
}
#footerserv{ 
	margin-left:auto; 
	float:none;
	width:90%; 
	margin-top:2%;
}
#footersamp{
	color:#FFF;  
	margin-left:0; 
	float:none; 
	width:90%; 
    font-size:.8em;
}
#Samples{
	width:80%;
}
#Samples2{
	width:90%;
}
#Samples h1{
	width:75%;
	font-size:1.5em;
	border:groove 1px #00FF00;
}
#portersample {
	float:none;
	width:80%;
}
#princesssample{
	float:none;
	width:80%;
}
#princesssample img{
	width:100%;
}
#portersample img{
	width:100%;
}
#mainimage5{
	width:100%;
	clear:both;
}
#footercont{  
	margin-left:0; 
	float:none; 
	width:100%; 
	clear:both;
	font-size:.8em;
}
#footerabout{  
	margin-left:0; 
	float:none; 
	width:100%; 
	clear:both;
	font-size:.8em;
}
#shareButtonscontact{
	margin-right:auto; 
	margin-top:1%; 
	float:none;
	clear:both;
	width:100%;
}
#contact{
	float:none; 
	width:80%; 
	margin:3% auto;
	overflow:hidden;
	
}
#map {
	float:none;
	clear:both;
	margin:auto;
	width:80%;
}
#careersP{
	width:80%; 
	margin:10% auto; 
	padding:1%; 
	font-size:1em;
}
#think{
	width:100%;
	margin-bottom:5%;
}
#think img{
	width:100%;
}
#shareButtons{
	width:100%;
	float:none;
	clear:both;
	margin:auto;
	
}
}