@import url("reset.css");


/**************************************************************************
***************************** = FONTS = *****************************
**************************************************************************/


@font-face {
    font-family: 'ag_book';
    src: url('../fonts/agstd-bk-webfont.eot');
    src: url('../fonts/agstd-bk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/agstd-bk-webfont.woff2') format('woff2'),
         url('../fonts/agstd-bk-webfont.woff') format('woff'),
         url('../fonts/agstd-bk-webfont.ttf') format('truetype'),
         url('../fonts/agstd-bk-webfont.svg#ag_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ag_med';
    src: url('../fonts/agstd-md-webfont.eot');
    src: url('../fonts/agstd-md-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/agstd-md-webfont.woff2') format('woff2'),
         url('../fonts/agstd-md-webfont.woff') format('woff'),
         url('../fonts/agstd-md-webfont.ttf') format('truetype'),
         url('../fonts/agstd-md-webfont.svg#ag_med') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ag_demi';
    src: url('../fonts/agstd-demi-webfont.eot');
    src: url('../fonts/agstd-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/agstd-demi-webfont.woff2') format('woff2'),
         url('../fonts/agstd-demi-webfont.woff') format('woff'),
         url('../fonts/agstd-demi-webfont.ttf') format('truetype'),
         url('../fonts/agstd-demi-webfont.svg#ag_demi') format('svg');
    font-weight: normal;
    font-style: normal;
}

span.ag_med { 
	font-family: 'ag_med', Arial, Helvetica, sans-serif; 
	color:#414242;"	
}

span.ag_demi {
	letter-spacing:.3em; 
	font-family: 'ag_demi', Arial, Helvetica, sans-serif; 
	color:#414242; 
	text-transform:uppercase;	
}


/**************************************************************************
***************************** = WORLDWIDE = *****************************
**************************************************************************/

body {
	background: #ffffff;
	
	padding:0px;
	margin:0px;
	font-family: 'ag_book', Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-size: 17px;
	color: #2f2f2f;
	min-width: 700px;
	text-align: center;
}

div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}

table {
	padding:0px;
	border:0px;
	border-spacing:0px;
}

td {
	vertical-align:top;	
}

p {
	margin:0;
	text-align:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size:18px;	
	/* text-shadow: -2px -2px #fbeeb7; */
	text-align:center;
	line-height:25px;
	font-size:14px; 
	font-family: 'ag_book', Arial, Helvetica, sans-serif; 
	color: #424242;	
	text-transform:uppercase;
}

p+p {
	padding: 15px 0px 0px 0px;
}

h1 {	
	font-family: 'ag_demi', Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: 27px;
	font-size: 27px;
	color: #424242;	 
	letter-spacing:.0em;
	text-align:left;
}

hr {
	padding: 0;
    border: none;
    border-top: medium double #b9b9b9;
    color: #b9b9b9;
    text-align: center;
	margin:25px 0px 25px 0px;
}

div.vr {
	padding: 0;
    border: none;
    border-right: 1px dotted #b9b9b9;
    color: #b9b9b9;
    text-align: center;
	height:200px;
	margin: 0px 10px 0px 10px;
}


a {
	color:#692c85;
	text-decoration:underline;
}



/**************************************************************************
***************************** = HOME = *****************************
**************************************************************************/

.body_wrap {
	width:950px;	
}


/************ HEADER ************/

.header {
	width: 100%;
	text-align:left;
}

.header > div {
	display: inline-block;
	position: relative;
	width: 900px;
	padding: 0px 18px 0px 18px;	
}

.header .top {
	width: 100%; 
	height: 107px; 
	line-height: 107px; 
	vertical-align: middle;	
}

.header .top img {
	margin: 19px 0px 19px 0px;
	position: relative;
	float: left;
	display: inline;
}

.header .top .button_lg {
	margin: 30px 0px 0px 0px;
	float: right;
	display: inline;
}

.header .mid {
	width: 100%; 
	line-height: 23px;
	vertical-align: middle; 
	border-bottom: 1px solid #ffffff; 
	background: #cccccc;
	font-size: 14px;	
	font-family: 'ag_med', Arial, Helvetica, sans-serif;
}

.header .bot {
	width: 100%; 
	line-height: 34px; 
	vertical-align: middle; 
	background: #cccccc;
}

.header .highlight {
	top: 0;
}

.header .nav {
	display: inline-block;
	position: relative;
	font-family: 'ag_demi', Arial, Helvetica, sans-serif;
	font-size: 17px;
	color:#5f5f5f;
}

.header .nav ul {
	display: inline;
	float: left;
	list-style: none;
}

.header .nav ul li {
	float: left;
	border-left: 1px solid #ffffff;
	text-decoration: none;
	padding: 0px 18px 0px 18px;
}

.header .nav ul li:last-child {
	border-right: 1px solid #ffffff;
}

.header .nav ul li:hover {
	text-decoration: none;
	cursor: pointer;
	color: #ffffff;
	background: #9469a8;
}


/************ CONTENT ************/

.category-container {
	margin-top:30px;
}

.category-container .headline {
	margin-left:30px;
	text-align:left;
}

.category-container .headline > h1 {
	display:inline;
}

.category-container .headline > a {
	font-size: 15px;
	display:inline;
	margin-left:20px;
}




/************ BUTTONS ************/

.button_lg {
	width: auto;
	height: 42px;
	line-height:42px;
	padding: 0px 25px 0px 25px;
	font-family: 'ag_book', Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:normal;
	background: #692c85;
	color: #ffffff;
    box-shadow: 5px 5px 0px #d2d2d2;
	
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	
	/* transition: box-shadow .32s ease-in-out;
   -moz-transition: -moz-box-shadow .32s ease-in-out;
   -webkit-transition: -webkit-box-shadow .32s ease-in-out;
   -o-transition: -o-box-shadow .32s ease-in-out; */
}


.button_lg:hover {
	background: #9469a8;
	cursor:pointer;	
	
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	
  /* box-shadow: none; 
	transition: box-shadow .32s ease-in-out;
   -moz-transition: -moz-box-shadow .32s ease-in-out;
   -webkit-transition: -webkit-box-shadow .32s ease-in-out;
   -o-transition: -o-box-shadow .32s ease-in-out; */
}

.button_sm {
	width: 124px;
	line-height:33px;
	font-family: 'ag_book', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	background: #692c85;
	color: #ffffff;
	
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	
}


.button_sm:hover {
	background: #582470;
	cursor:pointer;	
	
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	
}













/**************************************************************************
***************************** = FORM = *****************************
**************************************************************************/

input[type=text], input[type=password], textarea {
	max-width: 100%;
	width: 100%;
	height: 42px;
	background: #ffffff;
	border: 1px solid #dddddd;
	font-family: 'anextregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #727272;
	text-transform:uppercase;
	padding: 0px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	min-width:50px;
  
   transition: box-shadow .32s ease-in-out;
   -moz-transition: -moz-box-shadow .32s ease-in-out;
   -webkit-transition: -webkit-box-shadow .32s ease-in-out;
   -o-transition: -o-box-shadow .32s ease-in-out;
}

input[type=text]:focus, input[type=password], textarea:focus {
	color:#727272;
  -webkit-box-shadow:0 0 6px #7e4098;
  -moz-box-shadow:0 0 6px #7e4098;
  box-shadow:0 0 6px #7e4098;
  outline:0;
  
   transition: box-shadow .32s ease-in-out;
   -moz-transition: -moz-box-shadow .32s ease-in-out;
   -webkit-transition: -webkit-box-shadow .32s ease-in-out;
   -o-transition: -o-box-shadow .32s ease-in-out;
}

input[type=submit], div.button { 
	width: 100%;
	font-size: 14px;
	line-height:40px;
	background-color: #7f4099;
	color: #ffffff;
	border: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	font-family: 'anextregular', Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	margin:auto;
	text-decoration:none;
	text-transform:uppercase;
	
   transition: background-color .32s ease-in-out;
   -moz-transition: background-color .32s ease-in-out;
   -webkit-transition: background-color .32s ease-in-out;
}

input[type=submit]:hover, div.button:hover {
	background-color: #9850b6;
	cursor: pointer;	
   transition: background-color .32s ease-in-out;
   -moz-transition: background-color .32s ease-in-out;
   -webkit-transition: background-color .32s ease-in-out;
}

.form_select select {
   background: #ffffff;
   width: 100%;
   padding: 12px;
	font-family: 'anextregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
   line-height: 18px;
	border: 1px solid #dddddd;
	text-transform:uppercase;
   border-radius: 0;
   -webkit-appearance: none;
	color: #727272;
   }
   
.form_select {
   width: 100%;
   overflow: hidden;
   border: 0px;
 }

table.form_wrap {
	width:100%;	
	font-size:17px;
	margin:25px 0px 0px 0px;
}

table.form_wrap td {
	padding-bottom:10px;
}

td.form_label {
	font-family: 'anextregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#727272;
	line-height: 40px;
	text-align:center;
	vertical-align:middle;
	
}

td.form_input {
	text-align:left;
}

td.form_break {
	width:10px;
}


/**************************************************************************
***************************** = STYLES = *****************************
**************************************************************************/

div.topbar {
	background-color:#7e4098; 
	width:100%; 
	line-height:45px; 
	text-align:center; 
	font-size:14px; 
	font-family: 'anextregular', Arial, Helvetica, sans-serif; 
	color:#ffffff; 
	text-transform:uppercase;	
}

div.wrap_main {
	width:800px;
	position:relative;
	margin-top:30px;
	margin-bottom:30px;
	display: inline-block;
	text-align:center
}

div.frame_wrap {
	margin-top:20px; 
	display: table; 
	margin: 0 auto;	
}

div.frame_top {
	width:725px; 
	height:36px; 
	background:url(../../images/layout/frame_top.png) no-repeat top;	
}

div.frame_mid {
	width:725px; 
	height:auto; 
	background:url(../../images/layout/frame_mid.png) repeat-y top; 
	padding:20px 70px 10px 70px;	
}

div.frame_bot {
	width:725px; 
	height:36px;
	background:url(../../images/layout/frame_bot.png) no-repeat top;	
}

.caltable {
	width:100%;	
	 height:auto;
}

td.item {
	width:100%;	
	font-family:'anext_demi_boldregular', Arial, Helvetica, sans-serif; 
	font-size:14px; 
	text-transform:uppercase; 
	padding: 0px 0px 20px 0px;
	color: #7f4099;
	line-height:20px;
}


.calflag {
	background:url(../../images/layout/banner_blank.png) no-repeat; 
	width:182px; 
	height:33px; 
	font-family:'anext_demi_boldregular', Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#ffffff; 
	text-transform:uppercase; 
	text-align:center; 
	line-height:26px; 
	letter-spacing:.1em;
	margin-bottom:20px;
}