/* Table of Contents
==================================================
    #Desktop 960 Grid
    #Tablet (768)
	#iphone 4 640 portrait
    #iphone 3/2 320 portrait
    #Mobile 480px Landscape
    #Clearing */

/* #Desktop 1000px Grid
================================================== */
#content, #content #masthead, #content #masthead #nav {
	width: 1000px;
}
#fwrap {
	width: 100%;
}
#fwrap #footer {
	width: 1000px;
}
#fwrap #footer .fbox {
	width: 300px;
}
#fwrap #footer .fwide {
	width: 600px;
}

/* ipad 3/4/5 retina and ipad 1/2
================================================== */
@media
only screen and (min-width: 768px) and (max-width: 959px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 768px) and (max-width: 959px) and (min-device-pixel-ratio : 2.0),
only screen and (min-width: 768px) and (max-width: 959px) {
#content, #content #masthead, #content #masthead #nav {
	width: 768px;
	margin: 0;
}
#content #panel #right {
	margin-right: 8px;
}
#fwrap #footer {
	width: 100%;
	margin: 0;
}
#fwrap #footer .fbox {
	width: 280px;
}
#fwrap #footer #fwide {
	width: 400px;
}
}

/*  #Mobile iphone 4/5 retina portrait and iphone 2/3
================================================== */
@media
only screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio : 2.0),
only screen and (max-device-width: 320px) and (min-device-pixel-ratio : 2.0),
only screen and (max-device-width: 320px), only screen and (max-width: 320px){
#content, #content #masthead, #content #masthead #nav, #fwrap {
	width: 320px;
	margin: 0;
}
#content #masthead h1 {
	width: 220px;
	min-width: 0px;
	font-size: 22px;
}
#content #masthead #nav ul li {
	border: none;
}
#content #panel {
	margin: 0;
}
#content #panel #left, #content #panel #right {
	width: 300px;
	margin: 10px 0px 10px 10px;
	float: left;
	clear: both;
}
#content #panel #left .pane #solutions {
	display: none;
}
#fwrap #footer {
	width: 100%;
	margin: 0;
}
#fwrap #footer .fbox {
	width: 240px;
}
#fwrap #footer #fwide {
	width: 300px;
	margin: 0px 0px 10px 10px;
}
}

/* #Mobile (Note: Design for a target width of 640px mobile landscape)
================================================== */
@media only screen and (min-width: 481px) and (max-width: 767px) {
#content, #content #masthead, #content #masthead #nav {
	width: 640px;
	margin: 0;
}
#content #masthead #nav ul li {
	border: none;
}
#content #panel #left .pane #solutions {
	margin: 10px 0px 10px 0px;
}
#content #panel #right {
	margin-right: 6px;
}
#content #panel #right p a, #content #panel #right p a.flink {
	float: left;
	clear: both;
	display: block;
}
#fwrap #footer {
	width: 100%;
	margin: 0;
}
#fwrap #footer .fbox {
	width: 240px;
}
#fwrap #footer #fwide {
	width: 360px;
}
}

/*  #Mobile (Note: Design for a width of 480px portrait)
================================================== */
@media only screen and (min-width: 321px) and (max-width: 480px){
#content, #content #masthead, #content #masthead #nav, #fwrap {
	width: 480px;
	margin: 0;
}
#content #masthead h1 {
	width: 360px;
}
#content #masthead #nav ul li {
	border: none;
}
#content #panel #left .pane #solutions {
	margin: 10px 0px 10px 0px;
}
#content #panel #right {
	margin-right: 6px;
}
#content #panel #right p a, #content #panel #right p a.flink {
	float: left;
	clear: both;
	display: block;
}
#fwrap #footer {
	width: 100%;
	margin: 0;
}
#fwrap #footer .fbox {
	width: 240px;
}
#fwrap #footer #fwide {
	width: 300px;
	margin: 0px 0px 10px 10px;
}
}