@charset "UTF-8";
/* CSS Document */

body, html {height:100%; width:100%;}
body {background:#000000; margin: 0 auto; padding:0; text-decoration:none;}

.header-cont {width:100%; position:fixed; top:0px; z-index:9999999999;}

.top-row {background:#000000; width:100%; height:auto; min-height:40px; padding:0; margin:0; background-position:top; overflow:hidden; vertical-align:middle; position:relative; z-index:9999999999; border:none;}

.wrapper {width:95%; max-width:1280px; margin:0 auto; padding:0;}

.pic {
  border: 2px solid #ffffff;  
  float: left;
  margin:0 auto;
  width:100%;
  height:auto;
  padding:0;
  overflow: hidden;
   
  -webkit-box-shadow: 1px 1px 3px #000000;
          box-shadow: 1px 1px 3px #000000;  
}



.coxx-events-logo {
	display:block;
	width:110px;
	height:40px;
	background:url(images/icons/coxx-events-logo.jpg) top; text-indent: -9999999px !important; color:rgba(0,0,0,0);
	}
.coxx-events-logo:hover {
	background-position: 0px -40px;text-indent:-999999999999px;
	}
.coxx-events-logo:active {
	background-position: 0px -40px;text-indent:-999999999999px;
	}

/* ================================================================== BACKGROUND and TEXTURES ================================================================================================== */

.leather {background:url(images/backgrounds/leather.jpg) repeat #ffffff; width:100%; height:auto; padding:0; margin:0;}
.cushion {background:url(images/backgrounds/cushion.gif) repeat #ffffff; width:100%; height:auto; padding:0; margin:0;}
.plaid {background:url(images/backgrounds/plaid.jpg) repeat #ffffff; width:100%; height:auto; padding:0; margin:0;}
.background-pic {background:url(images/backgrounds/patio3-dc.jpg) no-repeat center bottom #000000; padding:0; margin:0 auto; min-height:480px; text-align:center; color:#ffffff;}
.background-pic2 {background:url(images/backgrounds/patio2-dc.jpg) no-repeat center bottom #000000; padding:0; margin:0 auto; min-height:480px; text-align:center; color:#ffffff;}

.shadow {background:url(images/backgrounds/shadow.png) no-repeat center; height:30px; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.cent {width:480px; height:auto; margin:0 auto; padding:0;} 


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

h1 {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; text-align:center;
	font-size:36pt; 
	color:#a8a8a8; 
	margin:0; 
	padding:0; 
	text-shadow: 0px -2px 1px #000000; font-weight:400;}

h1 .h1white {color:#ffffff; text-shadow: 1px 1px 2px #000000;}
h1 .h1graylight {color:#bfbfbf; text-shadow: 1px 1px 5px #000000;}
h1 .h1alt {color:#333333; text-shadow: 0px 0px 5px #ffffff;}

h2 {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif;
	font-size:22pt; 
	color:#545454; 
	font-weight:700; 
	margin:0; 
	padding:0; 
	text-shadow: -1px -1px 1px #ffffff;}
	
h2 .h2alt {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; color:#474747; font-weight:400; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-shadow: -1px -1px 1px #ffffff;}
	
h2 .h2alt2 {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif;
	font-size:14pt; 
	color:#474747; 
	font-weight:400; 
	margin:0; 
	padding:0; 
	text-shadow: -1px -1px 1px #000000;}
	
	
	
h3 {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; text-align:left;
	font-size:12pt; 
	color:#ffffff; 
	font-weight:700; 
	margin:0; 
	padding:0; 
	text-shadow: 1px 1px 1px #000000;}


p {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; color:#474747; font-weight:400; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-shadow: -1px -1px 1px #ffffff;}
p .pwhite {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; color:#ffffff; font-weight:400; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-shadow: 1px 1px 1px #000000;}
p .pred {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; color:#e82222; font-weight:700; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-shadow: 1px 1px 1px #000000;}
p .pwhite2 {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; color:#ffffff; font-weight:700; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-shadow: 1px 1px 1px #000000;}


ul.presslinks {list-style:none; list-style-type:none; text-align:center; margin:0px; padding:0; line-height:2em; letter-spacing:1px;}
ul.presslinks a:link {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:24pt; color:#ffffff; font-weight:700; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-decoration:underline;}
ul.presslinks a:visited {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:24pt; color:#ffffff; font-weight:700; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-decoration:underline;}
ul.presslinks a:active {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:24pt; color:#ffffff; font-weight:700; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-decoration:underline;}
ul.presslinks a:hover {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:24pt; color:#bfbfbf; font-weight:700; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-decoration:underline;}



a:link {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:22pt; color:#ffffff; font-weight:700; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-decoration:underline;}
a:visited {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:22pt; color:#ffffff; font-weight:700; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-decoration:underline;}
a:active {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:22pt; color:#ffffff; font-weight:700; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-decoration:underline;}
a:hover {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:22pt; color:#bfbfbf; font-weight:700; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-decoration:underline;}





/* ============================================================== SOCIAL-NETWORKING   ============================================================================= */


ul#social-networking {
	width:240px; padding:0; margin:0;  float:right;
	list-style:none; border:none;
	}

ul#social-networking li a {
	display:block; height:40px; background:url(images/icons/social-media-icons.jpg) no-repeat; float:left; text-indent:-9999px; margin:0; padding:0; border:none;
	}
	
ul#social-networking li a.facebook {
	width:60px; background-position: 0px -40px;
	}
ul#social-networking li a.facebook:hover {
	width:60px; background-position: 0px 0px;
	}
	
ul#social-networking li a.twitter {
	width:60px; background-position: -60px -40px;
	}
ul#social-networking li a.twitter:hover {
	width:60px; background-position: -60px 0px;
	}

ul#social-networking li a.instagram {
	width:60px; background-position: -120px -40px;
	}
ul#social-networking li a.instagram:hover {
	width:60px; background-position: -120px 0px;
	}

ul#social-networking li a.snapchat {
	width:60px; background-position: -180px -40px;
	}
ul#social-networking li a.snapchat:hover {
	width:60px; background-position: -180px 0px;
	}




/* ================================================================== RESPONSIVE GRID COLUMNS SETUP ================================================================================================== */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2.4%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}


/* ================================================================== GRID OF TWO  ================================================================================================== */

.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 48.8%;
}

/* ================================================================== GRID OF THREE   ======================================================================================== */

.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 65.86%;
}
.span_1_of_3 {
	width: 31.73%;
}


/* ================================================================== GRID OF FOUR   ======================================================================================== */

.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.4%;
}
.span_2_of_4 {
	width: 48.8%;
}
.span_1_of_4 {
	width: 23.2%;
}


/* ================================================================== GRID OF FIVE   ======================================================================================== */

.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.52%;
}
.span_3_of_5 {
	width: 59.04%;
}
.span_2_of_5 {
	width: 38.56%;
}
.span_1_of_5 {
	width: 18.08%;
}


/* ================================================================== GRID OF SIX   ======================================================================================== */

.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 82.93%;
}

.span_4_of_6 {
  	width: 65.86%;
}

.span_3_of_6 {
  	width: 48.8%;
}

.span_2_of_6 {
  	width: 31.73%;
}

.span_1_of_6 {
  	width: 14.66%;
}



/* ================================================================== GRID OF EIGHT   ======================================================================================== */

.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
  	width: 87.2%;
}

.span_6_of_8 {
  	width: 74.4%;
}

.span_5_of_8 {
  	width: 61.6%;
}

.span_4_of_8 {
  	width: 48.8%;
}

.span_3_of_8 {
  	width: 36%;
}

.span_2_of_8 {
  	width: 23.2%;
}

.span_1_of_8 {
  	width: 10.4%;
}


/* ================================================================== MEDIA QUERIES ================================================================================================== */

/* ================================= SCREEN WIDTH 1220 PX ================================= */

@media only screen and (max-width : 1220px),
only screen and (max-device-width : 1220px){
	nav li a { font: 400 18px/1.4 'Roboto Condensed', helvetica, frutiger, verdana, sans-serif; text-shadow: 1px 1px 1px #000000; border-bottom: 1px solid rgba(0, 0, 0, 0.33);}
	
	nav small { font: 400 10px/1 'Open Sans', helvetica, frutiger, verdana, sans-serif;}
}

/* ================================= SCREEN WIDTH 930 PX ================================= */

@media only screen and (max-width : 930px),
only screen and (max-device-width : 930px){
	nav li a { width: 25%; border-bottom: 1px solid rgba(0, 0, 0, 0.33); font: 400 18px/1.4 'Roboto Condensed', helvetica, frutiger, verdana, sans-serif; text-shadow: 1px 1px 1px #000000;}
	
	nav li:last-child a, nav li:nth-child(4) a {border-right:1px solid rgba(0, 0, 0, 0.33);}
	
	nav li:nth-child(5) a, nav li:nth-child(6) a, nav li:nth-child(7) a, nav li:nth-child(8) a {border-bottom: 1px solid rgba(0, 0, 0, 0.33);}
	
	.headroom {height:156px;}
	
	
}


/* ================================= SCREEN WIDTH 580 PX ================================= */

@media only screen and (max-width : 580px),
only screen and (max-device-width : 580px){
	nav li a { width: 50%; font: 400 20px/1.4 'Roboto Condensed', helvetica, frutiger, verdana, sans-serif; padding-top: 14px; padding-bottom: 12px; text-shadow: 1px 1px 1px #000000;}
	
	nav li:nth-child(even) a { border-right: 1px solid rgba(0, 0, 0, 0.33);}
	
	nav li:nth-child(5) a, nav li:nth-child(6) a { border-bottom: 1px solid rgba(0, 0, 0, 0.33);}
	
	.headroom {height:304px;}
}

/* ================================= SCREEN WIDTH 480 PX ================================= */

@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
	.headroom { height:340px;}
	.span_8_of_8 { width: 100%;}
	.span_7_of_8 { width: 100%;}
	.span_6_of_8 { width: 100%;}
	.span_5_of_8 { width: 100%;}
	.span_4_of_8 { width: 100%;}
	.span_3_of_8 { width: 100%;}
	.span_2_of_8 { width: 100%;}
	.span_1_of_8 { width: 100%;}
	.span_2_of_2 { width: 100%;}
	.span_1_of_2 { width: 100%;}
	.span_6_of_6 { width: 100%;}
	.span_5_of_6 { width: 100%;}
	.span_4_of_6 { width: 100%;}
	.span_3_of_6 { width: 100%;}
	.span_2_of_6 { width: 100%;}
	.span_1_of_6 { width: 100%;}
	.span_5_of_5 { width: 100%;}
	.span_4_of_5 { width: 100%;}
	.span_3_of_5 { width: 100%;}
	.span_2_of_5 { width: 100%;}
	.span_1_of_5 { width: 100%;}
	.span_4_of_4 { width: 100%;}
	.span_3_of_4 { width: 100%;}
	.span_2_of_4 { width: 100%;}
	.span_1_of_4 { width: 100%;}
	.span_3_of_3 { width: 100%;}
	.span_2_of_3 { width: 100%;}
	.span_1_of_3 { width: 100%;}
}

/* ================================= SCREEN WIDTH 320 PX ================================= */

@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
	nav li a { font: 400 20px/1.4 'Roboto Condensed', helvetica, frutiger, verdana, sans-serif; text-shadow: 1px 1px 1px #000000;}
	
}


/*=========================
module Gform
==========================*/

.module-gform{
    position: relative;
    max-width: 500px;
  	margin: 0 auto;
}

.module-gform form{

    max-width: 500px;
    margin: 0;
}

.module-gform .gform_fields{
    margin: 0;
    padding: 0;
    list-style: none;
}

.module-gform .gfield{
    position: relative;
    margin-bottom: 20px;
}

.module-gform .gfield_label{
    display: none;
    margin-bottom: 10px;
    font-size: 18px;
}

.module-gform textarea,
.module-gform input[type=text]{
    display: block;
    width: 100%;
    background:rgba(0,0,0,0.80);
    border: none;
    padding: 16px;
    color: #fff;
    font-size: 18px;
    box-sizing: border-box;
}

.module-gform textarea{
    height: 200px;
}

.module-gform input[type=submit]{
    padding: 12px 20px 10px;
    border: none;
    font-size: 20px;
    color: #fff;
    background: #333333;
    width: 100%;
    font-weight: bold;
    cursor: pointer;
}

.module-gform input[type=submit]:hover{
    color: #000;
}

.module-gform .gform_footer{
	margin-bottom: 20px;
}

::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}

:-ms-input-placeholder {
   color: #fff;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.ajaxStatus{
    background: #fff;
    padding: 12px;
    border: 4px solid #ff0000;
    display: none;
}

#phone-number{
    display: none;
}