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


/* Head and Navigation 
-----------------------*/
body {
	text-align: center;
	background-attachment:fixed;
	background-color: #222221;
	background-image: url(../images/background2.png);
}

.navBackground1 {
	height: 25px;
	background: url(../images/nav_background.png);
	width: 2000px;
	position: fixed;
	top: 0px;
	z-index: 10;
}

#wrap {
	width: 980px;
	margin: 0 auto;
	color: white;
	text-align: left;
	font-family: "europa",sans-serif;
	font-size: 12px;
	font-weight: 400;
}

.header {
	overflow: hidden;
	width: 980px;
	margin-top: 60px; 
	border-bottom: solid 2px #3E3C3D;
}


.headerCopy {
	float: left;
}

.header h1 {
	font-family: "bello-pro", serif;
	font-weight: 300;
	font-size: 7em;
	width: 980px;
	color: white;
	padding-top: 10px;
	line-height: .9em;
	margin-left: 10px;
	text-shadow: 0 2px 0 #acd4e5;
}




h2 {
    color: #ACD4E5;
    font-family: "europa",sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 25px;
    margin-top: 10px;
    margin-left: 13px;
    width: 450px;
}


.navOuter {
	position: fixed;
	z-index: 100;
	width: 980px;
	float: right;
	margin-top: -60px;
}


#nav {
	font-size: 11px;
	font-weight: 400;
	line-height: 2.3em;
	float: right;
}

#nav li {
	float: left;
}

#nav li a:link,
#nav li a:visited {
	color: white;
	padding-left: 25px;
	padding-right: 25px;
	display: block;
	
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}


#nav li a:hover,
#nav li a:focus,
#nav li.selected a  {
	background-color: #ACD4E5; 

	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

#nav li.selected2 a:link,
#nav li.selected2 a:visited {
	color: white;
	background-color: #a5161b;
	padding-left: 30px;
	background: url(../images/backArrow.png) left center no-repeat;
	
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	
}

#nav li.selected2 a:hover,
#nav li.selected2 a:focus {
	background-color: #ACD4E5;
	
}

	
strong {
	font-weight: 700;
}

.textHeavy {
	font-weight: 700;

}



/* Primary area left & right column 
-------------------------------------*/

.primary {
	overflow: hidden;
	padding-top: 12px;
	padding-left: 12px;
	padding-right: 12px;
	background: url(../images/primary_background.png);
	border-bottom: solid 2px #3E3C3D;
	text-align: left;
	font-family: "europa",sans-serif;
	font-size: 12px;
}

.primary2 {
	overflow: hidden;
	padding-top: 12px;
	padding-left: 12px;
	padding-right: 12px;
	background: url(../images/primary_background2.png);
	border-bottom: solid 2px #3E3C3D;
	border-top: solid 2px #3E3C3D;
	text-align: left;
	font-family: "europa",sans-serif;
	font-size: 12px;
	margin-top: 15px;
}


.leftColumn {
	float: left;
	width: 690px;
}


.redcopy {
	color: #ca2b30;
}




.rightColumn {
	float: right;
	width: 250px;
	line-height: 1.4em;
	margin: 0px;
	color: #8c898a;
}

.rightColumn a,
.rightColumn a:link,
.rightColumn a:visited {
	color: #8c898a;
	text-decoration: underline;
	font-weight: 700;
}

.rightColumn a:hover,
.rightColumn a:focus {
	color: white;
}

.red {
	color: #dd0d14;
}

h3 {
	font-size: 16px;
	line-height: 22px;
	color: white;
	font-weight: 700;
	border-bottom: dotted 1px #8c898a; 
	margin-bottom: 10px;
	padding-bottom: 5px;
	}
	

.rightColumn h5 {
	color: ##8c898a;
	border-bottom: dotted 1px #8c898a;
	padding-bottom: 5px; 
}


.rightColumn p {
	color: #8c898a;
	font-family: "europa",sans-serif;
	border-bottom: dotted 1px #8c898a;
	padding-bottom: 1.3em;
	margin-bottom: 3px;
	margin-top: 15px;
	line-height: 1.4em;
	font-size: 13px;
}



.leftColumn {
	overflow: hidden;
}


/*----------------------
PAGE SPECIFIC STYLES 
-----------------------*/




.swatches {
	overflow: hidden;
	width: 690px;
}

.swatches li {
	float: left;
	margin-right: 14px;
	margin-bottom: 14px;
	font-size: 12px;
	width: 219px;
}

.primary2 .swatches li {
	float: left;
	margin-right: 14px;
	margin-bottom: 14px;
	font-size: 12px;
	width: 334px;
}

.swatches li.three,
.swatches li.six,
.swatches li.nine,
.swatches li.twelve {
	margin-right: 0px;
}

.primary2 .swatches li.two {
	margin-right: 0px;
}


.swatches li a:link,
.swatches li a:visited {
	min-height: 230px;
	display: block;
	background-color: #161615;
opacity: 0.65;
filter: alpha(opacity=65); /*propriety IE code*/

	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
} 




.swatches li a:hover,
.swatches li a:focus,
.swatches li a:active {
opacity: 1;
filter: alpha(opacity=100); /*propriety IE code*/

	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
} 

.swatches li p {
	color: white;
	font-family: 'europa', sans-serif;
	line-height: 1.3em;
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 6px;
	padding-bottom: 0px;
	color: #8c898a;
	font-size: 13px;
}

.primary .swatches li p {
	color: #8c8f92;
}

.primary2 .swatches li p {
	color: #858e96;
}




.swatches li h4 {
	padding: 10px;
	padding-bottom: 5px;
	width: 195px;
	color: white;
	font-weight: 700;
	font-size: 14px;
}

.primary2 .swatches li h4 {
	padding: 10px;
	padding-bottom: 5px;
	width: 250px;
	color: white;
	font-weight: 700;
	font-size: 14px;
}


.primary2 .swatches li a:link, 
.primary2 .swatches li a:visited {
    background-color: #131B21;
}

.primary2 .rightColumn p {
	color: #858e96;
	font-family: "europa",sans-serif;
	border-bottom: none;
	padding-bottom: 1.3em;
	margin-bottom: 3px;
	margin-top: 15px;
	line-height: 1.4em;
	font-size: 13px;
}


#clientWork .header {
	margin-top: 45px; 
}

#clientWork .navOuter {
	margin-top: -45px;
}



#clientWork .redboxLogo_small {
	margin-bottom: 15px;
}


#clientWork h1 {
	font-family: "europa",sans-serif;
	font-size: 3.6em;
	font-weight: 700;
	line-height: 1.1em;
	width: 680px;
	text-shadow: none;
}




#clientWork .header h2,
#about .header h2,
#contact .header h2 {
	width: 640px;
}

#wowslider-container1 h2,
#wowslider-container2 h2,
#wowslider-container3 h2 {
	margin-bottom: 2px;
	margin-left: 0px;
}


#clientWork .header a {
	float: right;
	display: block;
	width: 255px;
	margin-top: 1.5em;
	font-size: 10px;
	padding: 4px;
	line-height: 1.6em;
}


#clientWork .header a:link,
#clientWork .header a:visited {
	color: white;
	background: url(../images/nav_background.png); 
	text-align: center;
	display: block;

}

#clientWork .header a:hover,
#clientWork .header a:focus {
	
	background-image: none;
	background: #ACD4E5;
	color: #354248;

}



#clientWork .workSample h2 {
	width: 200px;
}
 


#clientWork .header .clientLogo {
	float: right;
	width: 265px;
	margin-top: 10px;
}

#clientWork .header .clientLogo_noLogo {
	float: right;
	width: 265px;
	margin-top: 12.6em;
}


h5 {
	color: white;
	margin-bottom: 5px;

}

#clientWork li.workSample {
	background: url("../images/primary_background.png");
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
}

#clientWork li.workSample img,
#wowslider-container1,
#wowslider-container2,
#wowslider-container3
{
	float: left;
	width: 690px;
}





#clientWork li .workSamplesCopy {
	float: right;
	width: 230px;
	height: 430px;
	color: #8C898A;
	font-family: "europa",sans-serif;
	line-height: 1.3em;
	padding: 15px;
	font-size: 13px;
}


#about .leftColumn,
#contact .leftColumn {
	font-size: 14px;
	line-height: 20px;
	color: white;
	width: 660px;
	font-family: "europa",sans-serif;
	font-weight: 400;
	line-height: 1.6em;
}


#about .servicesList h3 {
	border-bottom: 0px;
	margin-top: 25px;
	margin-bottom: 0px;
	font-weight: 400;
	
}

#about .servicesList {
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#about .servicesLeft {
	width: 300px;
	float: left;
	margin-right: 10px;
}

#about .servicesLeft li, 
#about .servicesRight li {
	padding-top: 7px;
	padding-bottom: 7px;
}

#about .servicesRight {
	width: 300px;
	float: left;
}

#about .leftColumn p,
#contact .leftColumn p {
	margin-top: 15px;
}



#contact .contact_address {
	width: 190px;
	float: left;
	margin-top: 20px;
	color: #8C898A;
}

#contact .contact_address p {
	line-height: 1em;
}

#contact .contact_address a:link,
#contact .contact_address a:visited {
	color: #8C898A;
}

#contact .contact_address a:hover,
#contact .contact_address a:focus {
	color: white;
}



#contact .contactForm {
	width: 460px;
	float: left;
	margin-top: 15px;
	min-height: 460px;
}

#contact .contactForm label {
	display: block;
}

#contact .contactForm textarea {
	width: 400px;
	height: 150px;
	border: 1px solid grey;
	background-color: #d0cfcb;
	color:#4d4d4d;
	padding: 10px;
	resize: none;
	margin-top: 6px;
	margin-bottom: 15px;
	font-family: "europa", sans-serif;
	font-size: 12px;
	cursor: text;
}

#contact .contactForm input {
	width: 400px;
	border: 1px solid grey;
	background-color: #d0cfcb;
	color: #4d4d4d;
	padding: 10px;
	margin-top: 6px;
	margin-bottom: 15px;
	font-family: "europa", sans-serif;
	cursor: text;
}

#contact .contactForm .sendButton {
	width: 75px;
	border: 1px solid grey;
	background-color: #d0cfcb;
	color: #4d4d4d;
	padding: 8px;
	margin-top: 7px;
	cursor: pointer;
	font-size: larger;
	
}

#contact .contactForm .sendButton:hover {
	color: white;
	background-color: #b4b2ac;
}





/*--------------------------
END OF PAGE SPECIFIC STYLES 
----------------------------*/




/* Footer 
-----------------------*/

#footer {
	color: white;
	line-height: 1.5;
	margin: 0 auto;
	padding-top: 10px;
	height: 180px;
	background: url(../images/nav_background.png);
	margin-top: 10px;
}


.footerMain {
	margin: 0 auto;
	width: 980px;
	overflow: hidden;
}

#footer .address {
	float: left;
	margin-top: 17px;
	font-family: "europa",sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	color: #8C898A;
	line-height: 1.9em;
	padding-left: 15px;
}

#footer .address2 {
	float: left;
	margin-top: 17px;
	font-family: "europa",sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	color: #8C898A;
	line-height: 1.9em;
	padding-left: 15px;
	border-left: 1px dotted #8C898A;
	margin-left: 20px;
	min-height: 55px;
	overflow: hidden;
}


#footer a:link,
#footer a:visited {
	color: #8C898A;
}

#footer a:hover,
#footer a:focus {
	color: white;
}

.linkedIn {
	float: left;
	font-family: "europa",sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

.linkedIn a:link,
.linkedIn a:visited {
	color: white;
	font-weight: 700;
	padding-left: 33px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: url(../images/linkedIn.png) no-repeat;
	opacity: .8;
}

.linkedIn a:hover,
.linkedIn a:focus {
	opacity: 1;
}
 .footerLogo {
 	float: right;
 	margin-top: 12px;
 	margin-right: 15px;
 	opacity: .7;
 }



/*----------------------
Sticky Footer Css 
-----------------------*/
 
html, body {
	height: 100%;
}

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -180px; /* the bottom margin is the negative value of the footer's height */
}

#footer, .push {
	height: 180px; /* .push must be the same height as .footer */
}