@import url("normalize.css");
@import url("responsive.css");
@import url("navs.css"); /* not using*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	color:#000;
}

/********************************  
	TYPEFACES
********************************/	

adage {
  font-size:100px;
    font-family: "adage-script";
 color: #D3D2D2;
}

mdtitle {
	font-size:80px;
	font-family: "bickham-script-pro";
	color: #D3D2D2;
	padding: 0 80px; 
}

.phototitles {
    background: none repeat scroll 0 0 #0f136b; /* not working for text rotation*/
    border: 1px solid #D3D2D2;
    border-radius: 5px;
    padding: 100px 50px;
    text-align: center;
	font-family: "adage-script";
}

.phototitles a {
    left: 40%;   /* not working for text rotation*/
    position: absolute;
    transform: rotate(350deg);
}

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

header {
	margin: 0 auto -35px auto;
	padding: 20px 0 0 0;
	width: 100%;
	border-top:8px solid #fee500;	
	}
	
hdr {
	text-align: center;
	}

hdr ul {
	list-style: none;
	margin: 0 5px;
	padding: 0 0 0 0;
	}

hdr li {
	display: inline-block;	
	}
	

/********************************  
	BODY
********************************/

/* entire site Body Main holder */
.container {
	width:960px;
	display:block;
	clear:both;
}

/* entire site KEEP */
body {
	font-family:"candara",geneva,sans-serif;
	font-size: 90%;
}

#red {
	background-image:url(../images/background/dots_red.png);
	background-repeat:repeat-x;	
}

#christmas {
	background-image:url(../images/background/dots_christmas.png);
	background-repeat:repeat-x;	
}

#black {
	background-image:url(../images/background/dots_black.png);
	background-repeat:repeat-x;	
}

#blue {
	background-image:url(../images/background/dots_blue.png);
	background-repeat:repeat-x;	
}

#green {
	background-image:url(../images/background/dots_green.png);
	background-repeat:repeat-x;	
}

#yellow {
	background-image:url(../images/background/dots_yellow.png);
	background-repeat:repeat-x;	
}

#grey {
	background-image:url(../images/background/dots_grey.png);
	background-repeat:repeat-x;	
}

#dkgrey {
	background-image:url(../images/background/dots_dkgrey.png);
	background-repeat:repeat-x;	
}

p {
	padding:5px 0 0 0;
}

h1, h1 span {
	font-size:20px;
	font-weight:bold;
	color:#888;
}

/*  */
h2, h2 span {
	font-size:18px;
	font-weight:bold;
	color:#888;
}

/*  */
h3, h3 span {
	font-size:16px;
	font-weight:bold;
	color:#ED2024;
}

/* Custom unordered list bullet  */
ul {
	list-style-image: url(../images/bullet.png);
	 margin: 0 0 0 0;
	 padding: 5px 0 0 50px;  
	}

ul a {
	 color: #888; 
	 text-decoration:none; 
	}	
	
ul a:hover{
	color: #ED2024; 
	text-decoration:none; 
	}	

a {	 color: #ED2024; 
	 text-decoration:none;
}

a:hover {
	color: #ED2024;
	font-weight:bold; 
	text-decoration:none;
}
	
/********************************  
	NAVIGATION
********************************/

left_nav {
	color:#888;
	
	}

left_nav a {
	 
	 }

left_nav a, left_nav a:visited {

	}

left_nav a.selected, left_nav a:hover{
	color: #FEE500; /* yellow */
	font-weight:bold;
	}

left_nav ul {
 	list-style: none;
	margin: 30px 8px 8px 8px;
  	padding: 0 0 0 26px;
  	}

left_nav li {
 	
	}

/* Image placement in left nav box */
left ul {
	list-style: none;
	margin: 0 5px;
	padding: 0 0 0 30px;
	}

left li {
	display: inline-block;	
	}

/* left sub nav */

left_subnav {
	color:#FEE500;
	
	}

left_subnav a {
	color:#FEE500; 
	 }

left_subnav a, left_subnav a:visited {

	}

left_subnav a.selected, left_subnav a:hover{
	color: #FEE500; /* yellow */
	font-weight:bold;
	}

left_subnav ul {
 	list-style: none;
	margin: -5px 8px 8px 8px;
  	padding: 0 0 0 36px;
  	}

left_subnav li {
 	
	}
	
/********************************  
	COLUMNS & GRIDS
********************************/
/* White fill with yellow border */
#wrapper {
	width:960px;
	height: 500px;
	background-color:#FFF;
	padding:0 30px 30px;
	border-left:3px solid #FEE500;
	border-right:3px solid #FEE500;
	border-bottom:3px solid #FEE500;
	margin:0 auto;
	border-radius: 100%; /* makes it rounded */
}

#wrappergallery {
	max-width:960px;
	height: 500px;
	padding: 5% 5%;
	margin:0 auto;
}

/*  */
.one-column-grid {
	width: 1000px;
	padding: 2px;
	margin: 0 5px 5px 0;
	float: left;
}

.two-column-grid {
	width: 650px;
	height: 300px;
	padding: 20px 30px 0 30px;
	margin: 20px 5px 5px 0;
	float: left;
}

.three-column-grid {
	width:345px;
	float:left;
}


/* Art Deco navigation BOX  */
.alpha {
	display: block;
	width: 200px;
	height: 400px;
	background-image: url(../images/artdeconavbox.png);
	background-repeat: no-repeat;
	float: left;
	}

/* for no navigation BOX  */
.alpha-other {
	display: block;
	width: 230px;
	height: 400px;
	float: left;
	}
	
	/* recipe BOX  */
.beta {
	display: block;
	width: 300px;
	height: 200px;
	float: left;
	}
		/* recipe BOX  */
.beta2 {
	display: block;
	width: 200px;
	height: 200px;
	float: right;
	}


/******************
PAGE: CONTACT
******************/

.contact-info {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.9em;
}
.contact-info a {
  display: block;
  min-height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 30px;  
  margin: 0 0 10px;
}

.contact-info li.phone a {
  background-image: url('../images/contact/phone.png');
  
}

.contact-info li.mail a {
  background-image: url('../images/contact/mail.png');
  
}
.contact-info li.twitter a {
  background-image: url('../images/contact/twitter.png');
  
}
.contact-info li.facebook a {
  background-image: url('../images/contact/facebook.png');
  
}
.contact-info li.linkedin a {
  background-image: url('../images/contact/linkedin.png');
  
}
.contact-info li.pinterest a {
  background-image: url('../images/contact/pinterest.png');
  
}

/******************
PAGE: Gallery Pages
******************/

#gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  border: 2px solid #Fee500;
}

#gallery li a p {
  margin: 0;
  padding: 5%;
  font-size: 0.75em;
  color: #ED2024;
}

/******************
PAGE: PROJECTS
******************/

bizcard ul {
	list-style: none;
	margin: 0 5px;
	padding: 0 0 0 10px;	
}

.bizcard li {
  display: inline-block;
}

/********************************  
	FOOTER
********************************/

footer {
	margin: 105px auto 10px auto;
	padding: 8px 0 0 0;
	width: 100%;
	display: block;
		}
	
ftr {
	text-align: center;
	padding: 0 0 0 30px;
	}

ftr ul {
	list-style: none;
	margin: 0 5px;
	padding: 0;
	}

ftr li {
	display: inline-block;	
	}
	
/* footer Navigation text formatting KEEP */
navf a {
	float: left;
	height: 20px;
	color:#888;
	text-align: center;
	text-decoration:none;
	display: block;
	list-style-type: none;
	padding: 0 30px 0 0;
}
/* footer Navigation hover text formatting KEEP */
navf a:hover {
	float: left;
	height: 20px;
	color:#ED2024;
	text-align: center;
	text-decoration:none;
	display: block;
	list-style-type: none;
	padding: 0 30px 0 0;
}

	
/********************************  
	FIXERS
********************************/
.float-left {
	display:block;
	float:left;
}
.float-right {
	display:block;
	float:right;
}
.clearFix {
	display:block;
	clear:both;
}
.displace {
	position:absolute;
	left:-5000px;
}
span.nowrap {
	white-space: nowrap;
}

img {
	max-width:100%;
	}