/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #4a987a; color: #fff; text-shadow: none;}
::selection {background: #4a987a; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

.wrapper {
	float: left;
	width: 100%;
	background: url(../img/2560x1440_background.jpg) no-repeat top center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.container {
	width: 480px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 3.4482758620689653%;
  *margin-left: 3.390804597701149%;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 3.4482758620689653%;
}
.row-fluid .span12 {
  width: 100%;
  *width: 99.94252873563218%;
}
.row-fluid .span8 {
  width: 65.51724137931035%;
  *width: 65.45977011494253%;
}
.row-fluid .offset2 {
  margin-left: 20.689655172413794%;
  *margin-left: 20.574712643678158%;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 30px;
	line-height: 38px;
	color: #fff;
	float: right;
	width: 100%;
	text-align: right;
}
h1.mg_one {
    margin-bottom: 35px;
}
h1.mg_two {
    border-bottom: 2px solid #138586;
    margin-bottom: 60px;
    padding-bottom: 60px;
}
#logo {
	float: right;
	display: block;
	width: 100%;
	max-width: 312px;	
}
@media only screen 
and (max-width : 1600px) {
.wrapper {
	float: left;
	width: 100%;
	background: url(../img/1024x768_background.jpg) no-repeat top center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.container {
	margin: -120px 0 0 -70px;
}
}

@media only screen 
and (max-width : 767px) {
.wrapper {
	float: left;
	width: 100%;
	background: url(../img/640x1095_background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.container {
width: 80%;
max-width: 80%;
position: relative;
top: auto;
    float: left;
left: auto;
margin: 100px 5% 25px 15%;
}
    h1 {
        font-size: 20px;
        line-height: 30px;
    }
    h1.mg_one {
margin-bottom: 15px;
}
    h1.mg_two {
border-bottom: 2px solid #138586;
margin-bottom: 30px;
padding-bottom: 30px;
}
}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	

.container {
width:70%;
max-width: 70%;
position: relative;
top: auto;
left: auto;
margin: 400px 5% 0 25%;
}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.container {
width: 50%;
max-width:50%;
position: relative;
top: auto;
left: auto;
margin: 200px 5% 0 45%;
}
}