/*
	<p>	for all text
	<h1>
	<h2>
	<b>	used on designers & contact form XXX wrong XXX

*/

body
{
	background-color:#EEEDE2;
	color:#666666;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:100%;
	font-family:verdana, geneva, arial, helvetica, sans-serif;
}
a
{
	color:#666666;
	text-decoration:none;
}
a:hover 
{	
	color:#58305A;
}
a:active 
{
	color:#58305A;
}
img
{
	margin:0;
	padding:0;
	border:0;
}
/* Note - this is to get round IE6 / google toolbar "feature" of highlighting known fields bright yellow! */
input, textarea 
{ 
	background-color:#FFFFFF ! important;
}
h1
{
	/*font-weight: bold;*/
}
h2
{
	/*font-weight: bold;*/
}

.bannerPurple
{
	background-color:#58305A;
	margin:0;
	padding:0;
	border:0;
}
.bannerText
{
	position:relative;
	right:15px;
	bottom:15px;
}
.textarea
{
	margin:15px;
	padding:10px;
}
.picarea
{
	margin:15px;
	padding:10px;
}
.photo
{
	border:1px solid #000;
}

.contactAlert
{
	color:red;
	font-weight:bold;
}

.projectThumbTitle
{
	font-weight:bold;
	color:#000000 ;

}
.projectThumbPhoto
{
	border:1px solid #000;
}

.testimonialArea
{
	margin:10px;
	padding:10px;
}
.testimonialText
{
	font-style:italic;
}
.testimonialAuthor
{
	font-size:100%;
	font-style:italic;
	font-weight:bold;
    text-align: right;
}

#itg li
{
    font-size: small;
}
#itg p
{
    font-size: small;
}
#itg td
{
    vertical-align: top;
}
.itgLHS
{
	padding-right: 10px;
}
.itgRHS
{
	padding-left: 10px;
}
#itgTips
{
    padding-top: 2px;
    padding-bottom: 2px;
}
#itgDesign
{
    background-color: #58305A;
    color: #ffffff;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
	width: 380px;
}
#itgGallery
{
	width:400px;
	height:300px;
	border:0px;
}
#itgIntro
{
}
.footerBar
{
	background-color:#FFFFFF;
	color:#666666 ;
	padding:10px 10px 10px 10px;
	font-size:16px;
	font-family:verdana, geneva, arial, helvetica, sans-serif;
	text-align:center;
}

.menuBar
{
	background-color:#FFFFFF;
}
.menuActive
{
	background-color:#FFFFFF;
	font-weight:bold;
	color:#000000;
	padding-top:0px;
	padding-right:10px;
	padding-bottom:0px;
	padding-left:10px;
}
#menu 
{
	font-size:16px;
	font-family:verdana, geneva, arial, helvetica, sans-serif;
}
#menu ul 
{
	text-align:center;     /* We are using text-align:center on ul to horizontally align our menu to the page. */
	/* If you want the menu aligned left or right just change text-align to either left or right */
	/* Just some margin to center in the middle of the navbar*/
	margin-top:10px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;
	padding:0;
	border:0;
}
#menu li 
{
	display:inline; /* Menu links are horizontally aligned using display:inline */
}
#menu li a 
{
	color:#666666;
	text-decoration:none;
	/* Display:block won't work in this example, instead we are using padding to make the whole tab a clickable link */
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
}
#menu li a:hover 
{
	background-color:#EEEDE2;
	/* Display:block won't work in this example, instead we are using padding to make the hole tab a clickable link */
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
}

#projectGallery
{
	width:533px;
	height:400px;
	z-index:5;
	border:0px;
}