/*
* CSS FrameWork
* Copyright 2010, Inder Dhindsa
* www.AgmInfoSystems.com
* Rev. 8-Mar-2014
*/
@import url('normalise.css') screen;
@import url('framework.css') screen;
@import url('basestyle.css') screen;
@import url('navigation.css') screen;
@import url('printing.css') print;

/* #Base 1440 Grid
================================================== */
body, b, a {color:#071e52;}
h1, h2, h3, h4, h5, h6  {font-weight:bold; text-shadow: 1px 2px 2px #F78B4F; color:#E36504;}
.mc-field-group li { margin-bottom:10px; }
.asterisk { padding:0px; }

b {color:#E36504;}
p{padding:1%;}
body,.bg1  {background: url(../images/bg.jpg);}
.wrapper{ background:#fff; 	box-shadow: 2px 0px 2px #008B8B, -2px 0px 2px #008B8B;}

.labels {background:#8adad8; margin-bottom:15px; color:#fff; text-shadow: 1px 1px 1px #204080;}

.labels-1 { background:#8adad8; color:#E36504; text-shadow: 1px 1px 1px #F78B4F; display: inline-block; padding:0 11px;box-shadow: 2px 0px 2px #008B8B, -2px 0px 2px #008B8B;}

.nowrap1 { float:left; }
.color1 { min-height:300px; box-shadow: 2px 3px 4px #8A8A8A; }

div.sub { position: relative;}
.img1 { height:440px; width:100%; margin-bottom:11px; box-shadow: 7px 7px 7px #505050; }
 .p1 { position: absolute; z-index: 2; top: 0;right:0; font-size:140%; line-height:200%; font-family:Georgia, Times, serif; 	width:40%; height:388px; margin:1%; padding:11px 1% 11px 1%; background:#fff; opacity:0.70; box-shadow: 5px 5px 7px #111; }

@media only screen and (min-width: 1281px) and (max-width: 1600px)
{
.p1 { font-size:132%;}
}	

@media only screen and (min-width: 961px) and (max-width: 1280px)
{
.color1 { min-height:325px;}
.p1 { font-size:125%; opacity:1;}
}

@media only screen and (min-width: 641px) and (max-width: 960px)
{
.i1 { width:100%; height:400px; float:left; display:block; position:static;}

.p1 { font-size:100%; line-height:150%; float:left; display:block; position: relative; background:#fff; margin:0; padding:1%; width:98%; height: auto; box-shadow: 2px 3px 4px #878787;opacity:1;}

.color1 { min-height:425px;}
}

@media only screen and (min-width: 321px) and (max-width: 640px)
{
.hide-on-cell {display:none;}
.i1 { width:100%; float:left; display:block; }
.img1 { height:300px; box-shadow: 3px 3px 7px #505050; }
.p1 { font-size:100%; line-height:150%; float:left; display:block; position: relative; background:#fff; margin:0; padding:1%; width:98%; height: auto; box-shadow: 2px 3px 4px #878787;}
}

@media only screen and (max-width: 320px)
{
.i1 { width:100%; float:left; display:block; position:static;}
.img1 { height:250px; box-shadow: 3px 3px 7px #505050; }
.p1 { font-size:100%; line-height:150%; float:left; display:block; position: relative; background:#fff; margin:0; padding:1%; width:98%; height: auto; box-shadow: 2px 3px 4px #878787;}
}
td h1, td h2, td h3, td h4, td h5, td h6 { color: #444; text-shadow: 0px 1px 1px #878787; }