/*------------------------
Bridge X Scape

designed by Victoria Saunders
2014
vsaunders at icloud

	background-image: url(images/Connector_Daytime_bw.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	
	background: linear-gradient(rgba(67,80,90,0.75), rgba(140,159,169,0.05), rgba(67,80,90,1));
	background-repeat: no-repeat;
	background-size: cover;
	
	<img src="images/Connector_Daytime_bw.jpg" width="1008px" height="504px" onMouseOver="src='images/Connector_Daytime_color.jpg'" onMouseOut="src='images/Connector_Daytime_bw.jpg'" >
------------------------*/

/* General */

img{
	border: 0px;
	margin: 0px;
}

body{
	margin: 0px;
	padding: 0px;
	background-color: #8c9fa9;
	background-image: url(images/background-logo.png);
	text-align: center;
}

ul{
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

@font face{
	font-family: "montserrat";
	src: url(http://atlantabridgescapecompetition.com/montserrat/Montserrat-Regular.otf);
}


/* Title and Menu */
	
	
#topgrad{
	width: 100%;
	height: 180px;
	padding: 36px 0px 0px 0px;
	margin: auto;
	text-align: center;
	background: linear-gradient(rgba(67,80,90,0.85), rgba(140,159,169,0));
}

#title{
	width: 864px;
	margin: auto;
	padding: 0px;
	text-align: center;
}
	
	
#menu{
	width: 864px;
	height: 48px;
	margin: auto;
	padding: 0px;
	text-align: center;
	position: aboslute;
	font-family: "montserrat", arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 48px;
	color: #FFF;
	transition: all 0.4s ease-in-out;
}
#menu a:link{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	}
#menu a:visited{
	color: #43505a;
	}
#menu a:hover{
	color: #eac900;
	}
	

#menubox {
    width: 216px;
    height: 48px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
    transition: all 0.4s ease-in-out;
    position: margin-top: -100px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
	
	
#menulogo{
	height: 48px;
	width: 48px;
	margin: 0px;
	padding: 0px;
	float: left;
    transition: all 0.4s ease-in-out;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#menubox:hover > #menulogo{
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* Main Content */


#maincontent{
	width: 100%;
	padding: 0px;
	margin: 36px auto 0px auto;
	box-shadow: 0px 0px 20px #43505a;
	background-color: #43505a;
}
#maincontent img{
	opacity: .75;
}
	
#homeimage{
	width: 100%;
	height: 520px;
	padding: 0px;
	margin: 24px 0px 1px 0px;
	box-shadow: 0px 0px 20px #43505a;
	opacity: .5;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(images/Connector_Daytime_bw.jpg);
	-webkit-transition: background-image 2s, opacity 2s;
    transition: background-image 2s, opacity 2s;
}
#homeimage:hover{
	background-image: url(images/Connector_Daytime_color.jpg);
	opacity: 1;
}


#aboutpage{
	width: 864px;
	height: 504px;
	padding: 36px;
	margin: 36px auto 0px auto;
	text-align: left;
	font-family: "montserrat", arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #FFF;
}
#aboutpage a:link{
	color: #FFF;
	font-style: italic;
	text-decoration: none;
	}
#aboutpage a:visited{
	color: #8c9fa9;
	}
#aboutpage a:hover{
	color: #7fb439;
	}


#registerpage{
	width: 864px;
	height: 864px;
	padding: 36px;
	margin: 36px auto 0px auto;
	text-align: center;
	font-family: "montserrat", arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #8c9fa9;
}
#registerpage a:link{
	color: #8c9fa9;
	font-style: bold;
	text-decoration: none;
	}
#registerpage a:visited{
	color: #8c9fa9;
	}
#registerpage a:hover{
	color: #7fb439;
	}
	
#faq {
	text-align: left;
	font-family: "montserrat", arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
}
#faq ul{
	margin: 0px 0px 0px 36px;
	padding: 0px
}


#contactpage{
	width: 864px;
	height: 360px;
	padding: 36px;
	margin: 36px auto 0px auto;
	text-align: center;
	font-family: "montserrat", arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #8c9fa9;
}
#contactpage a:link{
	color: #8c9fa9;
	font-style: bold;
	text-decoration: none;
	}
#contactpage a:visited{
	color: #8c9fa9;
	}
#contactpage a:hover{
	color: #7fb439;
	}


/* Footer */

#footgrad{
	width: 100%;
	height: 72px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: linear-gradient(rgba(140,159,169,0), rgba(67,80,90,0.75));
}

#footband{
	width: 100%;
	height: 72px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #43505a;
	opacity: .75;
}
	
	
#footer{
	width: 864px;
	height: 100%;
	margin: auto;
	padding: 0px;
	text-align: center;
}
#footer img{
	padding: 6px;
}	


.footlinks{
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: "montserrat", arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #FFF;
	text-align: center;
	font-style: bold;
	}
.footlinks a:link{
	color: #FFF;
	font-style: italic;
	text-decoration: none;
	}
.footlinks a:visited{
	color: #8c9fa9;
	}
.footlinks a:hover{
	color: #7fb439;
	}




/* Heading */

.heading{
	font-family: "montserrat", arial, helvetica, sans-serif;
	font-size: 24px;
	color: #FFF;
	font-weight: 300;
	font-style: italic;
	}


/* Body */

.body{
	font-family: "montserrat", arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #FFF;
	}
.body a:link{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	}
.body a:visited{
	color: #FFF;
	}
.body a:hover{
	color: #7fb439;
	}


/* Small Body */

.smallbody{
	font-family: "montserrat", arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #FFF;
	font-style: italic;
	}


/* Sub */

.sub{
	font-family: "montserrat", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #FFF;
	}