/*960 Grid System ~ Core CSS.Learn more ~ http://960.gs/Licensed under GPL and MIT.*/
/*Forces backgrounds to span full width, even if there is horizontal scrolling.Increase this if your layout is wider.Note:IE6 works fine without this fix.*/
body{min-width:960px;}

/* `Containers----------------------------------------------------------------------------------------------------*/
.container_12, .container_16{margin-left:auto;margin-right:auto;width:960px;}

/* `Grid >> Global----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16{display:inline;float:left;margin-left:10px;margin-right:10px;}
.push_1,.pull_1, .push_2,.pull_2, .push_3,.pull_3, .push_4,.pull_4, .push_5,.pull_5, .push_6,.pull_6, .push_7,.pull_7, .push_8,.pull_8, .push_9,.pull_9, .push_10,.pull_10, .push_11,.pull_11, .push_12,.pull_12, .push_13,.pull_13, .push_14,.pull_14, .push_15,.pull_15{position:relative;}
.container_12 .grid_3, .container_16 .grid_4{width:220px;}
.container_12 .grid_6, .container_16 .grid_8{width:460px;}
.container_12 .grid_9, .container_16 .grid_12{width:700px;}
.container_12 .grid_12, .container_16 .grid_16{width:940px;}

/* `Grid >> Children (Alpha ~ First,Omega ~ Last)----------------------------------------------------------------------------------------------------*/
.alpha{margin-left:0;}
.omega{margin-right:0;}

/* `Grid >> 12 Columns----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1{width:60px;}
.container_12 .grid_2{width:140px;}
.container_12 .grid_4{width:300px;}
.container_12 .grid_5{width:380px;}
.container_12 .grid_7{width:540px;}
.container_12 .grid_8{width:620px;}
.container_12 .grid_10{width:780px;}
.container_12 .grid_11{width:860px;}

/* `Grid >> 16 Columns----------------------------------------------------------------------------------------------------*/
.container_16 .grid_1{width:40px;}
.container_16 .grid_2{width:100px;}
.container_16 .grid_3{width:160px;}
.container_16 .grid_5{width:280px;}
.container_16 .grid_6{width:340px;}
.container_16 .grid_7{width:400px;}
.container_16 .grid_9{width:520px;}
.container_16 .grid_10{width:580px;}
.container_16 .grid_11{width:640px;}
.container_16 .grid_13{width:760px;}
.container_16 .grid_14{width:820px;}
.container_16 .grid_15{width:880px;}

/* `Prefix Extra Space >> Global----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_3, .container_16 .prefix_4{padding-left:240px;}
.container_12 .prefix_6, .container_16 .prefix_8{padding-left:480px;}
.container_12 .prefix_9, .container_16 .prefix_12{padding-left:720px;}

/* `Prefix Extra Space >> 12 Columns----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1{padding-left:80px;}
.container_12 .prefix_2{padding-left:160px;}
.container_12 .prefix_4{padding-left:320px;}
.container_12 .prefix_5{padding-left:400px;}
.container_12 .prefix_7{padding-left:560px;}
.container_12 .prefix_8{padding-left:640px;}
.container_12 .prefix_10{padding-left:800px;}
.container_12 .prefix_11{padding-left:880px;}

/* `Prefix Extra Space >> 16 Columns----------------------------------------------------------------------------------------------------*/
.container_16 .prefix_1{padding-left:60px;}
.container_16 .prefix_2{padding-left:120px;}
.container_16 .prefix_3{padding-left:180px;}
.container_16 .prefix_5{padding-left:300px;}
.container_16 .prefix_6{padding-left:360px;}
.container_16 .prefix_7{padding-left:420px;}
.container_16 .prefix_9{padding-left:540px;}
.container_16 .prefix_10{padding-left:600px;}
.container_16 .prefix_11{padding-left:660px;}
.container_16 .prefix_13{padding-left:780px;}
.container_16 .prefix_14{padding-left:840px;}
.container_16 .prefix_15{padding-left:900px;}

/* `Suffix Extra Space >> Global----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_3, .container_16 .suffix_4{padding-right:240px;}
.container_12 .suffix_6, .container_16 .suffix_8{padding-right:480px;}
.container_12 .suffix_9, .container_16 .suffix_12{padding-right:720px;}

/* `Suffix Extra Space >> 12 Columns----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1{padding-right:80px;}
.container_12 .suffix_2{padding-right:160px;}
.container_12 .suffix_4{padding-right:320px;}
.container_12 .suffix_5{padding-right:400px;}
.container_12 .suffix_7{padding-right:560px;}
.container_12 .suffix_8{padding-right:640px;}
.container_12 .suffix_10{padding-right:800px;}
.container_12 .suffix_11{padding-right:880px;}

/* `Suffix Extra Space >> 16 Columns----------------------------------------------------------------------------------------------------*/
.container_16 .suffix_1{padding-right:60px;}
.container_16 .suffix_2{padding-right:120px;}
.container_16 .suffix_3{padding-right:180px;}
.container_16 .suffix_5{padding-right:300px;}
.container_16 .suffix_6{padding-right:360px;}
.container_16 .suffix_7{padding-right:420px;}
.container_16 .suffix_9{padding-right:540px;}
.container_16 .suffix_10{padding-right:600px;}
.container_16 .suffix_11{padding-right:660px;}
.container_16 .suffix_13{padding-right:780px;}
.container_16 .suffix_14{padding-right:840px;}
.container_16 .suffix_15{padding-right:900px;}

/* `Push Space >> Global----------------------------------------------------------------------------------------------------*/
.container_12 .push_3, .container_16 .push_4{left:240px;}
.container_12 .push_6, .container_16 .push_8{left:480px;}
.container_12 .push_9, .container_16 .push_12{left:720px;}

/* `Push Space >> 12 Columns----------------------------------------------------------------------------------------------------*/
.container_12 .push_1{left:80px;}
.container_12 .push_2{left:160px;}
.container_12 .push_4{left:320px;}
.container_12 .push_5{left:400px;}
.container_12 .push_7{left:560px;}
.container_12 .push_8{left:640px;}
.container_12 .push_10{left:800px;}
.container_12 .push_11{left:880px;}

/* `Push Space >> 16 Columns----------------------------------------------------------------------------------------------------*/
.container_16 .push_1{left:60px;}
.container_16 .push_2{left:120px;}
.container_16 .push_3{left:180px;}
.container_16 .push_5{left:300px;}
.container_16 .push_6{left:360px;}
.container_16 .push_7{left:420px;}
.container_16 .push_9{left:540px;}
.container_16 .push_10{left:600px;}
.container_16 .push_11{left:660px;}
.container_16 .push_13{left:780px;}
.container_16 .push_14{left:840px;}
.container_16 .push_15{left:900px;}

/* `Pull Space >> Global----------------------------------------------------------------------------------------------------*/
.container_12 .pull_3, .container_16 .pull_4{left:-240px;}
.container_12 .pull_6, .container_16 .pull_8{left:-480px;}
.container_12 .pull_9, .container_16 .pull_12{left:-720px;}

/* `Pull Space >> 12 Columns----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1{left:-80px;}
.container_12 .pull_2{left:-160px;}
.container_12 .pull_4{left:-320px;}
.container_12 .pull_5{left:-400px;}
.container_12 .pull_7{left:-560px;}
.container_12 .pull_8{left:-640px;}
.container_12 .pull_10{left:-800px;}
.container_12 .pull_11{left:-880px;}

/* `Pull Space >> 16 Columns----------------------------------------------------------------------------------------------------*/
.container_16 .pull_1{left:-60px;}
.container_16 .pull_2{left:-120px;}
.container_16 .pull_3{left:-180px;}
.container_16 .pull_5{left:-300px;}
.container_16 .pull_6{left:-360px;}
.container_16 .pull_7{left:-420px;}
.container_16 .pull_9{left:-540px;}
.container_16 .pull_10{left:-600px;}
.container_16 .pull_11{left:-660px;}
.container_16 .pull_13{left:-780px;}
.container_16 .pull_14{left:-840px;}
.container_16 .pull_15{left:-900px;}

/* `Clear Floated Elements----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before, .clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}

/*The following zoom:1 rule is specifically for IE6 + IE7.Move to separate stylesheet if invalid CSS is a problem.*/
.clearfix{zoom:1;}