/**
 * Mobile Stylesheet
 *
 * This stylesheet uses media queries to adjust the page layout
 * for certain size situations. For now, we're going to use the
 * following definitions:
 *
 *    - < 780px wide = iPad (portrait)
 *    - < 760px wide = mobile (landscape)
 *    - < 330px wide = mobile (portrait)
 */

/* iPad: portrait */
@media screen and (max-width: 780px) and (min-width: 641px) {

	.panelTop, .panelCenterPublic, .panelBottom
	{
		width: 95%;
	}
	
	a.homeBox .homeBoxImage
	{
		width: 164px;
		height: 47px;
		margin-bottom: 5px;
	}
	
	a.homeBox .homeBoxImageConsumer
	{
		background: url('../images/homeBoxConsumer-sm.png') no-repeat left top;
	}
	
	a.homeBox .homeBoxImageCarrier
	{
		background: url('../images/homeBoxCarrier-sm.png') no-repeat left top;
	}
	
	a.homeBox .homeBoxImageRouting
	{
		background: url('../images/homeBoxRouting-sm.png') no-repeat left top;
	}
	
	a.homeBox
	{
		height: 200px;
		width: 29%;
	}
	
	a:focus.homeBox
	{
		background: rgba(255,255,255,0.1);
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em;
	}
	
	.homeBoxRead
	{
		visibility: visible;
		bottom: 5%;
		left:30%;
	}
	
	a.homeBox .homeBoxTag
	{
		font-size: 50px;
	}
	
	.innerPage
	{
		width: 96%;
	}
	
	.innerPage  .innerPageRight
	{
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.innerPage  .innerPageLeft
	{
		float: none;
		width: 100%;
		margin-bottom: 2%;
		
	}



	.teamMember
	{
	width: 100%;
	float: none;
	margin-bottom: 3%;
	border-bottom: 1px solid #fff;
	}
	.jobList li a:hover
	{
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;	
	background: none;
	color: #fff;
	
	}
	.jobList li a:focus
	{
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;	
	background: #2c343b;
	color: #00B9E7;
	
	}
	.jobExpand
	{
	background: rgba(255,255,255,0.1);
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	padding:10px;
	text-align: left;
	margin: 6% 1% 1% 1%;
	}

	.missionStatement
	{
		display: none;
	}
	
	.productTabs a
	{
		margin: 1em 0.5em;
	}
	.innerPageRouting
	{
		background:rgba(255,255,255,0.1) url('../images/routing-bg.png') no-repeat -60px top;
	}
	
	.innerPageCarrier
	{
		background:rgba(255,255,255,0.1) url('../images/carrier-bg.png') no-repeat left top;
	}
	
	.innerPageConsumer
	{
		background:rgba(255,255,255,0.1) url('../images/consumer-bg.png') no-repeat left top;
	}
	.counterHome
	{
		display: none;
	}
}

/* mobile: all */
@media screen and (max-width: 640px) {
	body
	{
	background: #000 url('../images/bg.jpg') no-repeat 20% top;
	background-attachment:fixed;
	}
	
	.panelTop, .panelCenterPublic, .panelBottom
	{
		width: 95%;
	}
	a.homeBox .homeBoxImage
	{
		width: 164px;
		height: 47px;
		margin: 0 0 5px 0;
	}
	a.homeBox .homeBoxImageConsumer
	{
		background: url('../images/homeBoxConsumer-sm.png') no-repeat left top;
	}
	a.homeBox .homeBoxImageCarrier
	{
		background: url('../images/homeBoxCarrier-sm.png') no-repeat left top;
	}
	a.homeBox .homeBoxImageRouting
	{
		background: url('../images/homeBoxRouting-sm.png') no-repeat left top;
	}
	a:hover.homeBox
	{
		background: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	a:focus.homeBox
	{
		background: rgba(255,255,255,0.1);
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em;
	}
	a.homeBox .homeBoxTag
	{
		font-size: 50px;
	}
	
	.logo
	{
		text-align: center;
		margin: auto;
		float: none;
	}
	
	.menu
	{
		clear: both;
		float: none;
		text-align: center;
		margin-top: 5px;
	}
	
	
	.home h1
	{
		display: none;
	}
	
	.menu li
	{
		float: none;
		display: block;
	}
	
	html body .menu a
	{
		padding-bottom: 0px;
		display: block;
		margin: 0 0 10px 0;
		font-size: 1.5em;
		text-decoration: none;
		padding: 2% 0;
		border: 1px solid #384829;
		background: rgba(255,255,255,0.1);
		text-indent: 0;
		color: #fff;
		display: block;
		width: 98%;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: 0.3em;
	}
	
	.menu a:focus
	{
		background: #313638;
	}
	
	.menu li.selected a
	{
		color: #ffff00;
		zoom: 1;
		background: rgba(255,255,255,0.2);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#22ffffff, endColorstr=#22ffffff);
	}
	
	.homeBoxes
	{
		width: 96%;
		background: rgba(255,255,255,0.2);
	}
	
	a.homeBox
	{
		display: block;
		float: none;
		width: 95%;
		height: inherit;
		border-bottom: 1px solid #fff;
		padding-bottom: 16%;
		padding-top: 3%;
		text-align: left;
	}
	a.homeBox .homeBoxText, a.homeBox .homeBoxTag, a.homeBox .homeBoxThink
	{
		margin: 0;
		text-align: left;
	}
	
	a.homeBox .homeBoxText
	{
		font-size: 1.4em;
	}
	
	.panelBottom
	{
	
		font-size: 1em;
	}
	
	.homeBoxRead
	{
		bottom: 10%;
		left:5px;
	}
	
	.homeBoxRead span
	{
		font-size: 1.2em;
		padding: .2em 0.5em .3em;
	}
	
	.homeBox hr
	{
		display: none;
	}
	
	
	.innerPage
	{
		background: rgba(255,255,255,0.2);
		padding:0.3em;
	}
	
	.innerPageRouting
	{
		background:rgba(255,255,255,0.2) url('../images/routing-bg.png') no-repeat left top;
	}
	
	.innerPageCarrier
	{
		background:rgba(255,255,255,0.2) url('../images/carrier-bg.png') no-repeat center top;
	}
	
	.innerPageConsumer
	{
		background:rgba(255,255,255,0.2) url('../images/consumer-bg.png') no-repeat center top;
	}

	.innerPage  .innerPageRight
	{
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.innerPage  .innerPageLeft
	{
		float: none;
		width: 100%;
		margin-bottom: 2%;
	}
	
	.bgWhite
	{
		padding: 2%;
	}
	
	.innerPage img
	{
		max-width: 100%;
	}

	.teamMember
	{
	width: 100%;
	float: none;
	clear: both;
	border-bottom: 1px solid #fff;
	margin-bottom: 3%;
	}
	
	.jobExpand
	{
	background: rgba(255,255,255,0.1);
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	padding:10px;
	text-align: left;
	margin: 6% 1% 1% 1%;
	}
	.jobList a.jobTitle:hover, .jobList a.selected
	{
		background: #272727;
	}
	
	.innerPage p
	{
		font-size: 1.4em;
		line-height: inherit;
	}
	
	.subMenu
	{
		margin: auto;
		position: relative;
		text-align: center;
		list-style-type: none;
		text-align: center;
		overflow: hidden;
		padding-bottom: 1em;
		margin-bottom: 1em;
		color: #81878c;
		margin: 0 0.1em;
	}

	
	html body .subMenu a
	{
		color: #fff;
		background: rgba(255,255,255,0.1);
		text-decoration: none;
		font-size: 1.1em;
		text-transform: uppercase;
		margin: 0 0.1em;
		padding: 0.5em 0.5em;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em;
		text-indent: 0;
		line-height: 25px;
		white-space: nowrap;
		width: inherit;
	}
	
	.subMenu li.selected a
	{
		color: #ffff00;
		background: rgba(255,255,255,0.2);
	}

	.contactBox
	{
	margin-right: 2%;
	float: left;
	line-height: 1.7em;
	width: 100%;
	font-size: 1.3em;
	}
	.productTabs a
	{
		margin: 0;
		width: 25%;
	}
	
	.productTabs a .productImage
	{
		display: none;
	}
	
	.productTabs a .productIco
	{
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	.productTabs a
	{
		margin: 1em 0.5em;
	}
	
	.missionStatement
	{
		display: none;
	}
	
	.consumerLinks 
	{
		display: none;
	}
	.counterHome
	{
		display: none;
	}
}

/* mobile: portrait */
@media screen and (max-width: 400px) {


}