/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Standard HTML
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body,html {
	height:100%;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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;
	background:transparent;
}

body {
	font-size:16px;
	line-height:26px;
	font-family: 'Merriweather', serif;
	font-weight:300;
	color:#004170;
	margin:0;
	width:100%;
	height:100%;
	background: url('images/bg.png');
}
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Standard HTML
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
a:link, a:visited, a:active {
	text-decoration: none;
	color: #000;
}
a:hover, a:focus {
}
h1 {
	text-indent:-9000px;
	height:1px;
	overflow:hidden;
	white-space:nowrap;
	margin:0;
}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Layout Blocks
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    
    #edit {
	width:25px;
	top:25px;
	left:25px;
	position:absolute;
	z-index:100;
}

#edit img {
}

.anchor {
	margin:3px auto;
}
#wrapper {
	width:1160px;
	min-height:100%;
	position:relative;
	max-width:100%;
	margin:0 auto;
}

header {
	position:relative;
	margin:0 auto;
	width:1160px;
	max-width:100%;
}

#title {
	width:439px;
	max-width:100%;
	padding-top:3%
}

#title h1 {
	text-indent:-9000px;
	height:1px;
	overflow:hidden;
	white-space:nowrap;
}

#title .logo {
	width:439px;
	max-width:100%;
	height:auto;
	margin:0;
}

#home{
	margin:0 auto;
	/*	position: fixed; */
	position:relative;
	height:80%!important;
	width: 90%;
}

#hgimg { 
	height: 90% !important;
	width: auto !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.col-width:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.col-width {
/*	max-width: 980px; not working in ie7*/
	margin: 0 auto;
	padding:0;
}


/* =Responsive Structure
----------------------------------------------- */



/* Big Tablet (landscape) ----------- */
@media (min-width: 981px) and (orientation: landscape) {
	#hgimg { 
		height: 100% !important;
		width: auto !important;
	}
}

/* Big Tablet (portrait) ----------- */
@media (max-width : 980px) and (orientation: portrait) {	
	#hgimg { 
		width: 90% !important;
		height: auto !important;
	}
}


/* Small Tablet (landscape) ----------- */
@media (min-width: 681px) and (orientation: landscape) {
	#hgimg { 
		height: 90% !important;
		width: auto !important;
	}

}
/* Small Tablet (portrait) ----------- */
@media (max-width : 680px) and (orientation: portrait) {	

/*	#home	{
		margin:0 auto;
		position: fixed;
		height:90%!important;
		width: 90%;
	}
*/
	#hgimg { 
		width: 90% !important;
		height: auto !important;
	}
	
}


/* Smartphones (landscape) ----------- */
@media (min-width : 321px) and (orientation: landscape) {
	#hgimg { 
		width: 70% !important;
		height: auto !important;
	}
	

}

/* Smartphones (portrait) ----------- */
@media (max-width : 320px) and (orientation: portrait) {

	#hgimg { 
		width: 100% !important;
		height: auto !important;
	}
}