/*RESET CSS*/
/**{padding:0; margin:0;}*/ /*Elimiates Browser padding and margins*/
/*img {border:none;}*/	/*Elimiates border around images*/

/*a {text-decoration:none;}*/	/*Elimiates line under links*/
/*h1, h2, h3, h4, h5, h6, th {font-weight:normal;}*/ /*Elimiates bold applied to headers*/

/*div {background-color: orange; border: 1px solid black;}*/

/* NEW COLORS  |  ORIGINAL COLORS

Blue
#1F598A;   rgba(31,89,138,0)			#428bca;    
#428BCA;   rgba(66,139,202,.65)			#73c9e3;      
#61A7E4;   rgba(97,167,228,.65)      

Green
#2B6B2B;	rgba(43,107,43,0)			#5cb85c;
#4A944A;	rgba(74,148,74,.77)			#74c374;
#68AE68;	rgba(104,174,104,.65)

Yellow
#C97020;	rgba(201,112,32,0)			#f0ad4e;
#E38A3B;	rgba(227,138,59,.78)		#f2b968;
#FDA75B;	rgba(253,167,91,0)

Red
#8F2A1E;	rgba(143,42,30,0)			#d9534f;
#AD4235;	rgba(173,66,53,.78)			#df6d69;
#C75E51;	rgba(199,94,81,.78)

*/

body {
	margin-bottom: 40px;
}

a {
	border: 0;
}


/*use for images that take up whole area, amounts not set yet*/
img {
	width: 94%;
	margin: 0px 2.5% 10px 2.5%;
	border-radius: 5px;
}

img:hover {
	opacity: .9;
	background-color: white;
}

.col1 {
	float: left;
	width: 49.5%;
}

.col1 img {
	width: 95%;
	margin: 0px 4% 10px 0px;
}

.col2 {
	float: left;
	width: 49.5%;
}

.col2 img {
	width: 95%;
	margin: 0px 0px 10px 4%;
	float: right;
}

/*.middle{ border: width: 100%; clear: both; height: 100%;}*/

.clear{clear:both;}



#navigation ul {
	padding-bottom: 0px;
	padding-top: 0px;
}

.galleria{}

.blueSides {
	border-left: solid 2px #428BCA;
	border-right: solid 2px #428BCA;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.blueBottom{
	border-left: solid 2px #428BCA;
	border-right: solid 2px #428BCA;
	border-bottom: solid 2px #428BCA;
	padding: 0px;
	margin: 0px;
}

.greenSides {
	border-left: solid 2px #4A944A;
	border-right: solid 2px #4A944A;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.greenBottom{
	border-left: solid 2px #4A944A;
	border-right: solid 2px #4A944A;
	border-bottom: solid 2px #4A944A;
	padding: 0px;
	margin: 0px;
		clear: both;
}



.redSides {
	border-left: solid 2px #AD4235;
	border-right: solid 2px #AD4235;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.redBottom{
	border-left: solid 2px #AD4235;
	border-right: solid 2px #AD4235;
	border-bottom: solid 2px #AD4235;
	padding: 0px;
	margin: 0px;
}

body { padding-top: 70px; 
	background-image: url(../images/patterns/small-crackle-bright.png);
	background-repeat:repeat;
	}

a, a:hover, a:visited {text-decoration: none;}

h1 { 
	color: #fff;
	font-weight: bold;
	font-size: 4em;
	padding: 10px;
	text-align: center;
	border-radius: 10px;
}

h2 {
	text-align: center;
	font-weight: bold;
	border-radius: 10px;
	padding: 10px;
}

h3 {
	text-align: center;
	background-color: #ccc;
	border-radius: 10px;
	padding: 10px;
	font-weight: bold;
}

h4 {
	text-align: center;
	font-weight: bold;
	border-radius: 10px;
	padding: 10px;
}

ul {
	padding-bottom: 10px;
}

/*.container { border: 1px solid grey;}*/



/*offset downwards away from the navbar when linked to*/
#galleryVideos, #gallerySweetcars, #gallerySweetwater, #galleryUniversity, #galleryPhotography, #galleryWordplay, #gallerySelections, 
#galleryCars, #galleryDesign, #galleryTwoD, #galleryWeb, #galleryThreeD, #galleryInteractive, #galleryCityjump, #galleryContact  {
	padding-top: 40px;
    margin-top: -40px;
	margin-bottom:40px;
}



#galleryTop h1 {
	color: #262626;
	font-weight: bold;
	font-size: 5em;
	border-bottom: 3px solid #262626;
	padding-bottom: 5px;
	border-radius: 0px;
	text-align: center;
}



#galleryVideos h1 {
	background-color: #1F598A;
	border: 2px solid #428BCA;
}

#gallerySweetcars h3, #gallerySweetwater h3, #galleryUniversity h3 {
	background-color: #428BCA;
	color: white;
	margin-bottom: 0px;
	
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px; 
	border: solid 2px #428BCA;
}

/*#gallerySweetcars div, #gallerySweetwater div, #galleryUniversity div {
	background-color: #428BCA;
	margin-top: 0px;
	margin-bottom: 0px;
	
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px; 
}*/


/*edit each thing and change the padding to simulate centering*/
#gallerySweetcars > div, #gallerySweetwater > div, #galleryUniversity > div {
	background-color: rgba(97,167,228,.65);  
	z-index:0 !important; 
	padding:20px 20px 0px;
}

#galleryWordplay> div, #gallerySelections > div, #galleryCars > div {
	background-color: rgba(104,174,104,.65);  
	z-index:0 !important; 
	padding:20px 20px 0px;
}

#galleryWeb> div, #galleryTwoD > div, #galleryThreeD > div {
	background-color: rgba(199,94,81,.78);  
	z-index:0 !important; 
	padding:20px 20px 0px;
}



.videoThumb {
	background-color: #428BCA;
	
}

.videoRoundBottom {
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px; 
	height: 10px;
	padding: 0px;
	margin: 0px;
	
}



#galleryPhotography h1 {
	background-color: #2B6B2B;
	border: 2px solid #4A944A;
}

#galleryWordplay h3, #gallerySelections h3, #galleryCars h3 {
	text-align: center;
	background-color: #4A944A;
	font-weight: bold;
	color: white;
	margin-bottom: 0px;
	
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px; 
}


#galleryDesign h1 {
	background-color: #8F2A1E;
	border: 2px solid #AD4235;
}

#galleryTwoD h3, #galleryWeb h3, #galleryThreeD h3 {
	background-color: #AD4235;
	color: white;
	margin-bottom: 0px;
	
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px; 
}


#galleryInteractive h1 {
	background-color: #C97020;
	border: 2px solid #E38A3B;
}

#galleryCityjump h3 {
	background-color: #E38A3B;
	color: white;
	margin-bottom: 0px;
	
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px; 
}

#galleryCityjumpDetails {
	background-color: #E38A3B;
	color: white;
	margin-top: 0px;
	border-top: 1px solid #E38A3B;
	
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px; 
}


#galleryContact h1 {
	background-color: #2B6B2B;
	border: solid 2px #4A944A;
}

#galleryEmail h3, #galleryPhone h3, #galleryLinkedin h3 {
	text-align: center;
	background-color: #4A944A;
	font-weight: bold;
	color: white;
	border: solid 2px #2B6B2B;
}

#galleryLinkedin h3:hover {
	background-color: #2B6B2B;
	border: solid 2px #4A944A;
}