* { 
margin: 0; /*remove all default margins!*/
padding: 0; /*remove all default padding!*/
}

body {
background: #e2d9bc url(images/BG-Body.jpg) no-repeat 50% 0;
margin: 0 0 50px 0;
font-size: 62.5%;
}

html {
font-family: verdana, arial, "segoe ui", helvetica, sans-serif;
font-size: 1.2em;
color: #555;
}

/*ul {font-size: 100%; }*/
li {list-style-type: none;}

p {padding: 10px 0; line-height: 150%;}

h1 {
font-size: 1.4em;
font-family: "Trebuchet MS", "segoe ui", arial, helvetica, sans-serif;
font-weight: normal;
background: url(images/BG-H1.gif) no-repeat;
}
h1 span {
color: #c3ba84;
font-weight: bold;
}

h2 {font-size: 1.2em; font-family: "Trebuchet MS", "segoe ui", arial, helvetica, sans-serif;}
h3 {}
h4 {}
h5 {}

a img {border: none;}

/*a {color: #c3ba84; text-decoration: underline;}
a:hover {color: #555;}*/

#container {
width: 840px;
margin: 10px auto;
background-color: #fff;
/*border: 1px solid red;*/
}

#Masthead {
background: url(images/BG-Masthead.jpg) no-repeat;
height: 134px;
}

#Logo {width: 200px; padding: 47px 0 0 30px;}

#Strapline {float: right; width: 255px; padding: 55px 30px 0 0;}

#Wrapper{
margin: 2px 10px;
border: 2px dotted #c3ba84;
}

#LeftCol {
float: left;
width: 220px;
}

#Nav ul {margin: 35px 0;}

#Nav li {
list-style-type: none;
margin: 0 0 10px 0;
}

#Nav ul li ul {
margin: 15px 0 !important;
font-size: 80%;
}

#Nav ul li ul li {
margin: 10px 0;
}

#Nav ul li a {
background: url(images/NavBullet.gif) no-repeat;
color: #555;
text-decoration: none;
padding: 0 0 2px 40px;
}
#Nav ul li a:hover {
background: url(images/NavBullet_Over.gif) no-repeat;
color: #c3ba84;
}

#Nav ul li ul li a {
background: url(images/SubNavBullet.gif) no-repeat;
color: #9d9d85;
padding: 0 0 2px 40px;
}

#Nav ul li ul li a:hover {
background: url(images/SubNavBullet_Over.gif) no-repeat;
}

#Nav a.active {
background: url(images/NavBullet_Active.gif) no-repeat;
color: #c3ba84;
}

#Nav a:hover.active {
color: #7a7aa9;
}

#Nav a.current {
background: url(images/SubNavBullet_Over.gif) no-repeat;
color: #c3ba84;
}

#Nav a:hover.current {
color: #7a7aa9;
}

#Nav ul li ul li ul {
font-size: 100%;
}

#Nav ul li ul li ul li a {
background: none;
}

#Flash-Portfolio {
margin: 0 0 0 220px;
height: 330px;
border-left: 2px dotted #c3ba84;
}

#Home-Content {
border-bottom: 2px dotted #c3ba84;
}

#Content {
margin: 0 0 0 220px;
padding: 30px 0;
border-left: 2px dotted #c3ba84;
}
#Content_inner {
	padding: 10px 30px;
}

#Content h1 {
margin: 0 0 10px;
padding: 0 0 0 25px;
}

#Content h2 {
margin: 0 0 10px 0;
padding: 30px 0 2px 0;
}
#Content h2 span {
color: #c3ba84;
font-weight: bold;
}

#Content a {color: #c3ba84; text-decoration: underline;}
#Content a:hover {color: #555;}

#Content ul {
margin: 0 30px 0 10px;
}

#Content ul li {
background: url(images/SubNavBullet.gif) no-repeat;
padding: 0 0 0 50px;
margin: 8px 0;
}

#Content ul li ul {
margin: 15px 0 15px -25px;
padding: 0;
}

#Content ul li ul li {
background: url(images/SubNavBullet.gif) no-repeat;
/*padding: 0 0 0 50px;*/
margin: 8px 0;
}

#Logos {float: left;}

#Footer {
clear: both;
background: url(images/BG-Footer.jpg) no-repeat;
height: 94px;
padding: 30px 0 0 30px;
}

#Footer a {color: #555; text-decoration: none;}
#Footer a:hover {color: #fff;}
#Footer a.active {color: #fff;}
#Footer a:hover.active {color: #7a7aa9;}

#Footer p {color: #fff; font-size: 0.8em;}

#MindWorks {
float: right;
font-size: 0.9em;
margin: 0 30px 0 0;
}

#MindWorks a:hover {
text-decoration: none;
color: #fff;
}

#MindWorks a img {
vertical-align: middle;
}

#Projects-Top {
padding: 10px 0 25px 30px;
border-bottom: 2px dotted #c3ba84;
}

#Projects-Top h1 {
margin: 20px 0 0 0;

}

#Projects-Top ul {
height: 69px;
margin: 0;
padding: 10px 0 0 0;
}

#Projects-Top ul li {
list-style-type: none;
float: left;
background: none;
margin: 0;
padding: 0;
}

#Projects-Top ul li a {
list-style-type: none;
height: 69px;
width: 69px;
display: block;
padding: 0 8px 0 0;
}

a.T1 {
background: url(images/T1.jpg) no-repeat;
}
a.T1:hover {
background: url(images/T1_over.jpg) no-repeat;
}

a.T2 {
background: url(images/T2.jpg) no-repeat;
}
a.T2:hover {
background: url(images/T2_over.jpg) no-repeat;
}

a.T3 {
background: url(images/T3.jpg) no-repeat;
}
a.T3:hover {
background: url(images/T3_over.jpg) no-repeat;
}

a.T4 {
background: url(images/T4.jpg) no-repeat;
}
a.T4:hover {
background: url(images/T4_over.jpg) no-repeat;
}

a.T5 {
background: url(images/T5.jpg) no-repeat;
}
a.T5:hover {
background: url(images/T5_over.jpg) no-repeat;
}

a.T6 {
background: url(images/T6.jpg) no-repeat;
}
a.T6:hover {
background: url(images/T6_over.jpg) no-repeat;
}

a.T7 {
background: url(images/T7.jpg) no-repeat;
}
a.T7:hover {
background: url(images/T7_over.jpg) no-repeat;
}

a.T8 {background: url(images/T8.jpg) no-repeat;}
a.T8:hover {background: url(images/T8_over.jpg) no-repeat;}

a.T9 {background: url(images/T9.jpg) no-repeat;}
a.T9:hover {background: url(images/T9_over.jpg) no-repeat;}

a.T10 {background: url(images/T10.jpg) no-repeat;}
a.T10:hover {background: url(images/T10_over.jpg) no-repeat;}

a.T11 {background: url(images/T11.jpg) no-repeat;}
a.T11:hover {background: url(images/T11_over.jpg) no-repeat;}

a.T12 {background: url(images/T12.jpg) no-repeat;}
a.T12:hover {background: url(images/T12_over.jpg) no-repeat;}

a.T13 {background: url(images/T13.jpg) no-repeat;}
a.T13:hover {background: url(images/T13_over.jpg) no-repeat;}

a.T14 {background: url(images/T14.jpg) no-repeat;}
a.T14:hover {background: url(images/T14_over.jpg) no-repeat;}

a.T15 {background: url(images/T15.jpg) no-repeat;}
a.T15:hover {background: url(images/T15_over.jpg) no-repeat;}

a.T16 {background: url(images/T16.jpg) no-repeat;}
a.T16:hover {background: url(images/T16_over.jpg) no-repeat;}

a.T17 {background: url(images/T17.jpg) no-repeat;}
a.T17:hover {background: url(images/T17_over.jpg) no-repeat;}

a.T18 {background: url(images/T18.jpg) no-repeat;}
a.T18:hover {background: url(images/T18_over.jpg) no-repeat;}

a.T19 {background: url(images/T19.jpg) no-repeat;}
a.T19:hover {background: url(images/T19_over.jpg) no-repeat;}

a.T20 {background: url(images/T20.jpg) no-repeat;}
a.T20:hover {background: url(images/T20_over.jpg) no-repeat;}

a.T21 {background: url(images/T21.jpg) no-repeat;}
a.T21:hover {background: url(images/T21_over.jpg) no-repeat;}

/* CLASSES */

.dotpic {border-bottom: 2px dotted #c3ba84;}

#Footer p.Address {color: #555; font-size: 0.9em;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.break {
	clear:both;
}
#Content ul.project_list,
#Content ul.project_list li,
#Content ul.project_list li a {
	margin:0;
	padding:0;
	list-style:none;
	background:transparent;
}
#Content ul.project_list {
	display:block;
}
#Content ul.project_list li {
	display:inline;
	width:69px;
	height:69px;
	margin:0 10px 10px 0;
}
#Content ul.project_list li a.current,
#Content ul.project_list li a.current:hover {
	opacity:0.4;
}
#Content ul.project_list li a:hover {
	opacity:0.6;
}