/* LAYOUT 
*	
*	Some global styles for easier builds,
*	as well as some Wordpress default classes.
*	This is also where those responsive layout global classes live
*
*/

/* classes generated by WordPress, let's slap some styles on those bad boys  */
.aligncenter { position: relative; display:block; margin-left:auto; margin-right:auto; }
.alignleft { position: relative; float:left; }
.alignright { position: relative; float:right; }
.wp-caption { margin:10px; padding:10px; color: #CCCCCC; background:#FFFFFF; text-align:center; }

/* setup some nice globals */
.clear{ display:block; clear:both; margin:-1px 0 0 0; height:1px; } /*  global class to clear floated columns */
/* infamous clearfix */
.clearfix { *zoom: 1; }								
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }



.showphone { display: none; }
.showtablet { display: none; }
.showdesktop { display: block; }

.hidephone { display: block; }
.hidetablet { display: block; }
.hidedesktop { display: none; }

/* -------------------- for fluid layouts, responsiveness, etc -----------------------*/

.fluid { width: 100%; }

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
	float: left;
	margin-left: 2.127659574468085%;
	min-height: 1px;
}
.fluid [class*="col"]:first-child, [class*="col"].first { margin-left: 0; }


.onecol { width: 6%; *width: 6%; }
.twocol { width: 14%; *width: 14%; }
.threecol { width: 23%; *width: 23%; }
.fourcol { width: 31%; *width: 31%; }
.fivecol { width: 40%; *width: 40%; }
.sixcol { width: 48%; *width: 48%; }
.sevencol { width: 57%; *width: 57%; }
.eightcol { width: 65%; *width: 65%; }
.ninecol { width: 74%; *width: 74%; }
.tencol { width: 82%; *width: 82%; }
.elevencol { width: 91%; *width: 91%; }
.twelvecol { float: left; width: 100%; *width: 99%; }


.offsetone {   margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; }
.offsetone:first-child {   margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; }

.offsettwo {   margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; }
.offsettwo:first-child {   margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; }

.offsetthree {   margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; }
.offsetthree:first-child {   margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; }

.offsetfour {   margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; }
.offsetfour:first-child {   margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; }

.offsetfive {   margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; }
.offsetfive:first-child {   margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; }

.offsetsix {   margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; }
.offsetsix:first-child {   margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; }

.offsetseven {   margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; }
.offsetseven:first-child {   margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; }

.offseteight {   margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; }
.offseteight:first-child {   margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; }

.offsetnine {   margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; }
.offsetnine:first-child {   margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; }

.offsetten { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; }
.offsetten:first-child {   margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; }

.offseteleven { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; }
.offsetelev:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; }

.offsettwelve { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; }
.offsettwelve:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; }






@media handheld, only screen and (max-width: 950px) { 		/* Small Screens, Tablets */

	.fluid { padding: 0 10px; }
	
	
	.showphone { display: none; }
	.showtablet { display: block; }
	.showdesktop { display: none; }
	
	.hidephone { display: block; }
	.hidetablet { display: none; }
	.hidedesktop { display: block; }
	
}

@media handheld, only screen and (max-width: 500px), only screen and (max-width: 700px) and  (-webkit-min-device-pixel-ratio: 2) {  /* phones */

	.onecol, .twocol, .threecol, .fourcol, .fivecol, sixcol,
	.sevencol, .eightcol, .ninecol, tencol, elevencol, twelvecol,
	.offsetone, .offsettwo, .offsetthree, .offsetfour, .offsetfive, .offsetsix,
	.offsetseven, .offseteight, .offsetnine, .offsetten, .offseteleven, .offsettwelve
	{ margin-left: 0; width: 100%; }
	
	
	.showphone { display: block; }
	.showtablet { display: none; }
	.showdesktop { display: none; }
	
	.hidephone { display: none; }
	.hidetablet { display: block; }
	.hidedesktop { display: block; }
	
	img { max-width: 100%; height: auto; }
}