@charset "utf-8";

/****************************************************************************
   GridderBird HTML5 CSS3 Framework - version 2.0
   
   Edition : 12 Column - 960px - Fixed Width
   
   Developed by Designova Webtech.
   http://www.designova.net/gridderbird/
   Copyright (C) 2011-12 Designova Webtech. All rights reserved.
 ****************************************************************************/

/*********BASIC FRAME SETUP*********/

.master{ /*outer wrapper*/
	width:100% auto;
	height:100% auto;
	margin:0px;
	padding:0px;
}

.bleeder{ /*padding for inner wrapper*/
	width:980px;
	margin:0 auto;
}

.wrapper{ /*inner wrapper*/
	width:960px;
	margin:0 auto;
}

.page-section{
	min-height: 860px;
}

/********GRID SYSTEM********/

/*Girdder Visual Guides*/
.grid-base{ /*use this only on container divs*/
	background:url(../images/grid/gridder.png) repeat-y !important;
}
.grid-on{ /*use this on any inner components*/
	background:url(../images/grid/gridder-full.png) repeat-y !important;
}

/*12 Column Layout*/



.wrapper .c01{
	width:60px;
	margin-left:10px;
	margin-right:10px;
}
.wrapper .c02{
	width:140px;
	margin-left:10px;
	margin-right:10px;
}
.wrapper .c03{
	width:220px;
	margin-left:10px;
	margin-right:10px;
}
.wrapper .c04{
	width:300px;
	margin-left:10px;
	margin-right:10px;
}
.wrapper .c05{
	width:380px;
	margin-left:10px;
	margin-right:10px;
}
.wrapper .c06{
	width:460px;
	margin-left:10px;
	margin-right:10px;
}
.wrapper .c07{
	width:540px;
	margin-left:10px;
	margin-right:10px;
}
.wrapper .c08{
	width:620px;
	margin-left:10px;
	margin-right:10px;
}
.wrapper .c09{
	width:700px;
	margin-left:10px;
	margin-right:10px;
}
.wrapper .c10{
	width:780px;
	margin-left:10px;
	margin-right:10px;
}
.wrapper .c11{
	width:860px;
	margin-left:10px;
	margin-right:10px;
}
.wrapper .c12{
	width:940px;
	margin-left:10px;
	margin-right:10px;
}
.wrapper .cfull{
	width:960px;
	margin-left:0px;
	margin-right:0px;
}

/*prefix classes*/
.prefix-one_fourth{
	padding-left:20px;
}
.prefix-one_half{
	padding-left:40px;
}
.prefix-one_third{
	padding-left:53.34px;
}

/*suffix classes*/
.suffix-one_fourth{
	padding-right:20px;
}
.suffix-one_half{
	padding-right:40px;
}
.suffix-one_third{
	padding-right:53.34px;
}


/*drag classes for full grids*/
.drag{
	position:relative;
}
.front-01{
	left:80px;
}
.front-02{
	left:160px;
}
.front-03{
	left:240px;
}
.front-04{
	left:320px;
}
.front-05{
	left:400px;
}
.front-06{
	left:480px;
}
.front-07{
	left:560px;
}
.front-08{
	left:640px;
}
.front-09{
	left:720px;
}
.front-10{
	left:800px;
}
.front-11{
	left:880px;
}

.rear-01{
	left:-80px;
}
.rear-02{
	left:-160px;
}
.rear-03{
	left:-240px;
}
.rear-04{
	left:-320px;
}
.rear-05{
	left:-400px;
}
.rear-06{
	left:-480px;
}
.rear-07{
	left:-560px;
}
.rear-08{
	left:-640px;
}
.rear-09{
	left:-720px;
}
.rear-10{
	left:-800px;
}
.rear-11{
	left:-880px;
}


/*Drag Classes for Half Grids*/
.front-00_tenpx{ 
	left:10px; /*simplest displacement from left by 10px*/
}
.front-00_quarter{
	left:15px; /*simplest displacement from left by Quarter Grid*/
}
.front-00_onehalf{
	left:35px; /*simplest displacement from left by Half Grid*/
}
.front-00_onethird{
	left:55px; /*simplest displacement from left by One-Third Grid*/
}
.front-01_half{
	left:115px;
}
.front-02_half{
	left:195px;
}
.front-03_half{
	left:275px;
}
.front-04_half{
	left:355px;
}
.front-05_half{
	left:435px;
}
.front-06_half{
	left:515px;
}
.front-07_half{
	left:595px;
}
.front-08_half{
	left:675px;
}
.front-09_half{
	left:755px;
}
.front-10_half{
	left:835px;
}
.front-11_half{
	left:915px;
}

.rear-00_tenpx{ 
	left:-10px; /*simplest displacement from right by 10px*/
}
.rear-00_onefourth{
	left:-25px; /*simplest displacement from right by Quarter Grid*/
}
.rear-00_onehalf{
	left:-45px; /*simplest displacement from right by Half Grid*/
}
.rear-00_onethird{
	left:-65px; /*simplest displacement from right by One-Third Grid*/
}
.rear-01_half{
	left:-125px;
}
.rear-02_half{
	left:-205px;
}
.rear-03_half{
	left:-285px;
}
.rear-04_half{
	left:-365px;
}
.rear-05_half{
	left:-445px;
}
.rear-06_half{
	left:-525px;
}
.rear-07_half{
	left:-605px;
}
.rear-08_half{
	left:-685px;
}
.rear-09_half{
	left:-765px;
}
.rear-10_half{
	left:-845px;
}
.rear-11_half{
	left:-905px;
} 

/********LIST BOX MODEL (NOTE : IE7 needs some Hacks)********/

.hor-group{ /*LIST (UL) outer wrapper*/
	list-style-type:none !important;
	margin:0px !important;
	padding:0px !important;
	/*important specification is given for over-riding eric meyer's reset*/
}
.hor-block{ /*LIST (LI) inner wrapper*/
	display:inline-block;
	margin:0px;
	padding:0px;
}

/********FLOAT BOX MODEL********/
.left{
	float:left;
	display:inline;
	position:relative;
}
.right{
	float:right !important;
	display:inline;
	position:relative;
}
.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: '.';
  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;
}

/****************General Resets****************/
.reset{
	margin:0px;
	padding:0px;
	font-size:10px;
}

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	margin-left: 20px;
	line-height: 26px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/****************General initialization****************/

html{
	font-family:Arial, sans-serif;
}
body{
	margin:0px;
	background:#cccccc;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:active{
	outline: none;
}
a:focus{
	-moz-outline-style: none !important;
	outline: none !important;
}

/****************CSS3 Visualizations****************/
.box-shadow{
	box-shadow: 0px 0px 1px 1px #ccc;
}
.box-shadow-deep{
	box-shadow:0 0 8px rgba(0, 0, 0, 0.9);
}
.txt-shadow{
	text-shadow:1px 1px #000;
}

.rounded{
	border-radius: 3px;
}
.rounded-top{
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
}
.rounded-bottom{
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
}