/*  --- CSS Styles for Giles Design Website 2009  ------------ */

body {
color: #444444;
font-family: Arial, Helvetica, sans-serif;
font-size: 10.5px;
font-style: normal;
font-weight: normal;
letter-spacing: 1px;
line-height: 1.8em;
}

/* DO NOT MOVE NEXT LINE >>> database-propogated copy for underneath js image gallery */

#copyinsert {
	position: absolute;
	top:380px;
	margin: 3px 10px 0px 10px;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1.8em;
	
}


/* --- Image Copy area styles ---------------- */

.IDtop-header {
color: #444444;
font-family: Arial, Helvetica, sans-serif;
font-size: 11.5px;
font-style: normal;
font-weight: bold;
letter-spacing: 1px;
line-height: 1.8em;
}

.IDtop-title {
font-family: Verdana, sans-serif;
color: #9ea535;
font-size: 9.5px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.8em;
letter-spacing: 2px;
padding-left:10px;
}

.IDtop-body {
color: #444444;
font-family: Arial, Helvetica, sans-serif;
font-size: 10.5px;
font-style: normal;
font-weight: normal;
letter-spacing: 1px;
line-height: 1.8em;
}


/* --- Awards & Accolades Style in pop-up boxes ---------------- */

.awards-bodycopy{
color: #444444;
font-family: Arial, Helvetica, sans-serif;
font-size: 10.5px;
font-style: normal;
font-weight: normal;
letter-spacing: 1px;
line-height: 1.8em;
}

.awards-popup-header{
font-family: Arial, Helvetica, sans-serif;
color: #dd4d26;
font-size: 10.5px;
font-style:normal;
font-weight: bold;
text-transform: none;
letter-spacing: 1px;
line-height: 1.8em;
}


/* --- News Teaser in right column styles ---------------- */

.news-header{
font-family: Arial, Helvetica, sans-serif;
color: #9ea535;
font-size: 11.5px;
font-style:normal;
font-weight: bold;
text-transform: none;
letter-spacing: 1px;
line-height: 1.8em;
}

.news-popupheader{
font-family: Arial, Helvetica, sans-serif;
color: #9ea535;
font-size: 13.5px;
font-style:normal;
font-weight: bold;
text-transform: none;
letter-spacing: 1px;
line-height: 1.8em;
}

.news-date{
font-family: Verdana, sans-serif;
color: #999999;
font-size: 9.5px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.8em;
letter-spacing: 2px;
}

.news-bodycopy{
color: #444444;
font-family: Arial, Helvetica, sans-serif;
font-size: 10.5px;
font-style: normal;
font-weight: normal;
letter-spacing: 1px;
line-height: 1.8em;
}

.news-popup{
font-family: Arial, Helvetica, sans-serif;
color: #dd4d26;
font-size: 11px;
font-style:normal;
font-weight: bold;
text-transform: none;
letter-spacing: 1px;
line-height: 1.8em;
}

.news-popup:link{
font-family: Arial, Helvetica, sans-serif;
color: #dd4d26;
font-size: 11px;
font-style:normal;
font-weight: bold;
text-transform: none;
letter-spacing: 1px;
line-height: 1.8em;
text-decoration: underline;
}

.news-popup:visited{
font-family: Arial, Helvetica, sans-serif;
color: #dd4d26;
font-size: 11px;
font-style:normal;
font-weight: bold;
text-transform: none;
letter-spacing: 1px;
line-height: 1.8em;
text-decoration: underline;
}

.news-popup:hover{
font-family: Arial, Helvetica, sans-serif;
color: #fe6035;
font-size: 11px;
font-style:normal;
font-weight: bold;
text-transform: none;
letter-spacing: 1px;
line-height: 1.8em;
text-decoration: underline;
}

.news-popup:active{
font-family: Arial, Helvetica, sans-serif;
color: #dd4d26;
font-size: 11px;
font-style:normal;
font-weight: bold;
text-transform: none;
letter-spacing: 1px;
line-height: 1.8em;
text-decoration: underline;
}



/* --- Other right column styles ---------------- */

.team-jobtitle{
font-family: Verdana, sans-serif;
color: #9ea535;
font-size: 9.5px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.8em;
letter-spacing: 2px;
}

.standardcopy-rightcolumn {
color: #444444;
font-family: Arial, Helvetica, sans-serif;
font-size: 10.5px;
font-style: normal;
font-weight: normal;
letter-spacing: 1px;
line-height: 1.8em;
}


/* --- Work by Medium and Industry category links in right column styles ---------------- */

.category-minitype {
font-family: Verdana, sans-serif;
color: #999999;
font-size: 9.5px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.8em;
letter-spacing: 2px;
}

.category-title {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 11.5px;
font-style:normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.8em;
text-decoration: none;
}

.category-title-current {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 11.5px;
font-style:normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.8em;
text-decoration: none;
}


.category-title:link {
font-family: Arial, Helvetica, sans-serif;
color: #95a7a0;
font-size: 11.5px;
font-style:normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.8em;
text-decoration: none;
}

.category-title:visited {
font-family: Arial, Helvetica, sans-serif;
color: #95a7a0;
font-size: 11.5px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.8em;
letter-spacing: 2px;
text-decoration: none;
}

.category-title:hover {
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 11.5px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.8em;
text-decoration: none;
}

.category-title:active {
color: #95a7a0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11.5px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.8em;
text-decoration: none;
}

.category-title2 {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 11.5px;
font-style:normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.8em;
text-decoration: none;
}

.category-title2-current {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 11.5px;
font-style:normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.8em;
text-decoration: none;
}


.category-title2:link {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 11.5px;
font-style:normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.8em;
text-decoration: none;
}

.category-title2:visited {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 11.5px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.8em;
letter-spacing: 2px;
text-decoration: none;
}

.category-title2:hover {
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 11.5px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.8em;
text-decoration: none;
}

.category-title2:active {
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 11.5px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.8em;
text-decoration: none;
}



/* --- Work by Medium and Industry project title links in right column styles and left ---------------- */

.client-title {
font-family: Arial, Helvetica, sans-serif;
color: #a9b6b1;
font-size: 10.5px;
font-style:normal;
font-weight: normal;
text-transform: none;
letter-spacing: 1px;
line-height: 1.8em;
text-decoration: none;
}

.client-title:link {
font-family: Arial, Helvetica, sans-serif;
color: #a9b6b1;
font-size: 10.5px;
font-style:normal;
font-weight: normal;
text-transform: none;
letter-spacing: 1px;
line-height: 1.8em;
text-decoration: none;
}

.client-title:visited {
font-family: Arial, Helvetica, sans-serif;
color: #a9b6b1;
font-size: 10.5px;
font-style:normal;
font-weight: normal;
text-transform: none;
letter-spacing: 1px;
line-height: 1.8em;
text-decoration: none;
}

.client-title:hover {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 10.5px;
font-style:normal;
font-weight: normal;
text-transform: none;
letter-spacing: 1px;
line-height: 1.8em;
text-decoration: none;
}


.client-title:active {
font-family: Arial, Helvetica, sans-serif;
color: #a9b6b1;
font-size: 10.5px;
font-style:normal;
font-weight: normal;
text-transform: none;
letter-spacing: 1px;
line-height: 1.8em;
text-decoration: none;
}


.client-title-current {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 10.5px;
font-style:normal;
font-weight: normal;
text-transform: none;
letter-spacing: 1px;
line-height: 1.8em;
text-decoration: none;
}


ul {
	list-style: none;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	text-indent: 0px;
	}
	
.hobby {
color: #8b8b8b;
list-style-image:url(../assets/arrow.gif);
	}
	


/* --- crown rollover only ---------------- */

.crown {
	 background-image:url(../assets/crown.gif);
	 background-position:top left;
 	background-repeat:no-repeat;
 	width:25px !important 25px;
 	height:17px !important 17px;
	border:0px;
}


A:link
{
color: #d4b125;
text-decoration: none;
}

A:visited
{
color: #d4b125;
text-decoration: none;
}

A:hover
{
color: #d4b125;
text-decoration: none;
}
  
A:active
{
color: #d4b125;
text-decoration: none;
}

/* --- Standard site-wide link roll-over: orange type with underline ---------------- */


.regular:link
{
color: #dd4d26;
font-family: Arial, Helvetica, sans-serif;
font-size: 10.5px;
font-style: normal;
font-weight: bold;
letter-spacing: 1px;
line-height: 1.8em;
text-decoration: underline;
}

.regular:visited
{
color: #dd4d26;
font-family: Arial, Helvetica, sans-serif;
font-size: 10.5px;
font-style: normal;
font-weight: bold;
letter-spacing: 1px;
line-height: 1.8em;
text-decoration: underline;
}

.regular:hover
{
color: #fe6035;
font-family: Arial, Helvetica, sans-serif;
font-size: 10.5px;
font-style: normal;
font-weight: bold;
letter-spacing: 1px;
line-height: 1.8em;
text-decoration: underline;
}
  
.regular:active
{
color: #dd4d26;
font-family: Arial, Helvetica, sans-serif;
font-size: 10.5px;
font-style: normal;
font-weight: bold;
letter-spacing: 1px;
line-height: 1.8em;
text-decoration: underline;
}