@import url(ImageCollection.css);
@import url(Menu.css);
@import url(News.css);
body
{margin: 0px 0px 0px 0px ; text-align: center; padding: 0px; font-family: Arial, Helvetica, Sans-Serif;  font-size: 0.75em; color: #666666; background-color: #FFFFFF}
h1{color: #7E55A3; margin: 0px 0px 10px 0px; padding: 0px; font-size: 2.4em; font-family: Arial Narrow, Helvetica, Sans-Serif; font-weight: normal;}
h2{color: #7E55A3; margin: 5px 0px 10px 0px; padding: 0px; font-size: 1.65em; font-family: Arial, Helvetica, Sans-Serif;}
h3{color: #7E55A3; margin: 5px 0px 10px 0px; padding: 0px; font-size: 1.4em; font-family: Arial, Helvetica, Sans-Serif;}
h4{color: #7E55A3; margin: 5px 0px 10px 0px; padding: 0px; font-size: 1.2em; font-family: Arial, Helvetica, Sans-Serif;}
h5{color: #7E55A3; margin: 5px 0px 10px 0px; padding: 0px; font-size: 1em;}
a{color: #666666; font-weight: normal; text-decoration: underline;}
a:hover{ color: #7E55A3; text-decoration: none;}
p{line-height: 1.6em; font-size: 0.9em; margin: 5px 0px 10px 0px;}
hr{color: #7E55A3; }
img {border: 0px; margin: 0px;}
.plaintext {line-height: 1.6em; font-size: 0.9em;}
ol{ margin: 0px 0px 0px 30px; padding: 0px; font-size: 0.9em;}
ul{ margin: 0px 0px 0px 40px; padding: 0px; font-size: 0.99em; list-style-image: url('../images/template/bullet.gif');}

.hometext{ margin: 0px 0px 0px 30px;}
/*-----------------------------  Positioning --------*/
.MasterDiv
{
	width: 955px;
	display: table;
	text-align: left;
	padding: 0px;
	background-color: #FFFFFF;
	margin: 0px auto 10px auto;
	
}
.BannerDiv
{
	
	width: 955px;
	background-color: #000;
	background-image: url(../images/template/bannertop.gif);
	background-repeat: no-repeat;
	padding-top: 20px;
	height: 170px;
}
.StrapLineDiv
{
    float: right;
    margin-top: 80px;
    font-size: 2.4em; 
    font-family: Arial Narrow, Helvetica, Sans-Serif;
    color: #fff;
    padding-right: 20px;
    }
#crumbtrail{ visibility:hidden; position:relative ; display: block; float: left; width: 900px; margin-bottom: 10px; margin-left:-3px;}
#crumbtrail a
{
	display: block;
	clear: none;
	float: left;
	text-decoration: none;
	padding: 5px 5px 5px 7px;
	background: url(../images/colonico.gif) no-repeat -6px 5px;
}
#crumbtrail a:Hover{text-decoration: underline;}
#logo{ position: relative; display: block; float: left; width: 320px;}
#Menu{ position: relative; display: table; float: left; width: 955px; background-color: #000;}
#Footer
{	clear: both; 
	border-top: 1px dotted #cccccc; 
	background-color: #FFFFFF; 
	bottom: 0px;
	display: block;
	min-height: 45px;
	height: 45px;
	margin-top: 40px;
	}
#footermenu{display: block; }

.RightCol
{
	width: 266px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	float: right;
	min-height: 270px; 

	}
	.RightColContent
	{
	    width: 266px;
	    background-color: #7E55A3;
	    min-height: 215px;
	    height: 215px;
	    }
	.RightColHeader
	{
	     background-color: #000;
	     text-align: center;
	     color: #fff;
	     padding-top: 8px;
	     padding-bottom: 5px;
	     display: block;
	    }
	    .RightColNews
	    {
	       background-color: #E4DCED;
	       margin-top: 3px;
 	       clear: right;
	        }
.MapText
{
    font-size: 0.9em;
    display: block;
    color: #E4DCED;
    padding-left: 15px;
    padding-right: 15px;
    }
.QuotedText
{
    display: block;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 5px;
	margin-bottom: 15px;
	background-image: url('../images/quotation_marks.gif' );
	background-repeat: no-repeat;
	background-position: 5px 0px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;
	font-style: italic;
}
.Author
{
    text-align: right;
    display: block;
    width: 450px;
    color: #000;
    margin-top: -20px;
    padding-left: 40px;
    margin-right: 40px;
    font-weight: bold;
    }
.MainArea
{
	width: 685px; display: block; float: left;}
.MainContent
{
	float: left;
	margin-left: 100px !important;
	margin-left: 50px;
	margin-top: 30px;
	display: block;
	width: 520px;
		margin-bottom: 40px;
	}	
.MainContentHome
{
	float: left;

	display: block;
	width: 685px;
	/*border: 1px solid red;*/
	}	
	
 li, .LeftCol li {margin-bottom: 15px;  }

/*-----------------  Footer Menu------------*/
#Footer ul { list-style-type: none; float: right; margin: 0px; padding: 10px 0px 0px 0px;}
#Footer li { float: left; display: block;}
#Footer a
{	padding: 5px 15px 5px 15px;
	color: #666666;
	font-weight: normal;
	font-size: 0.8em;
	text-decoration: none;
	display: block;
	letter-spacing: 0.1em;
	border-right: 1px dotted #FFFFFF;
	text-transform: uppercase;
	}
#Footer a:hover{ color: #7E55A3; text-decoration: underline;}
#Footer .endlink{ border-right: 0px solid;}
/*-------------- LOGIN ------*/
.LoginDiv
{
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
.LoginTextBox
{
	border: 1px solid #666666;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
	margin-left: 10px;
	width: 160px;
	float: left;
}
.LoginTitle
{
	display: block;
	margin-left: 10px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #999999;
}
.LoginLabels
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
}
.LoginButton
{
	border: none;
	background-color: #3399FF;
	color: #FFFFFF;
	font-size: 1em;
	margin: 10px;
	font-weight: bold;
	width: 100px;
}

.LoginValidators
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.7em;
	text-align: left;
	color: #FF0000;
}


/*=========Shadow Element===========*/
.wrap1, .wrap2, .wrap3
{
	display: inline-table; /* \*/
	display: block; /**/
}
.wrap1
{
	float: left;
	background: url(../images/shadow.gif) right bottom no-repeat;
}
.wrap2
{
	background: url(../images/corner_bl.gif) -12px 100% no-repeat;
}
.wrap3
{
	padding: 0 7px 7px 0;
	background: url(../images/corner_tr.gif) 100% -12px no-repeat;
}
.wrap3 img
{
	display: block;
}


/*----------------------------------------  Image Floats-----*/

.ImageFloatRight{ float: right; }
.ImageFloatRight .imgdiv{margin: 20px 0px 0px 15px; padding: 10px; background-color: #FFFFFF; border: 1px solid #CCCCCC;}
.RightImage .imgdiv{padding: 10px 10px 0px 10px;}



/*-----------------------------------  Contact Form ---*/
.ContactFormDiv
{
	padding: 0px;
}
.ContactSubmit
{
	margin-top: 15px;
	margin-left: 0px;
	border: 1px solid #666666;
	color: #FFFFFF;
	background-color: #7E55A3;
	width: 150px;
	font-weight: bold;
}
.ContactTitleCell
{
	width: 150px;
	font-size: 1.1em;
	vertical-align: top;
}
.ContactTextBox
{
	width: 350px;
	border: 1px solid #666666;
}
.ContactMemo
{
	font-family: Verdana, Arial, Helvetica;
	width: 350px;
	border: 1px solid #666666;
}
.ContactDiv p{ text-align: center; }
/*---------------  Case Studies   --*/

.CaseStudies 
{
	display: block;
	background-image: url('../images/illustrations/CaseStudies.gif'); 
	background-repeat: no-repeat;
	width: 300px;
	height: 402px;}
.CaseText
{	display: block;
	padding: 35px 25px 0px 108px;
	}
/******************************    NUMBER LIST  ******/
.Numbers{margin: 20px 50px 10px 0px; list-style-type: none;}
.one, .two, .three, .four, .five {  padding: 5px 0px 5px 60px; margin: 5px 0px 5px 0px; background-repeat: no-repeat; list-style-type: none; background-position: left top;}
.one{ background-image: url('../images/template/numbers/1.gif'); } 
.two{ background-image: url('../images/template/numbers/2.gif');} 
.three{ background-image: url('../images/template/numbers/3.gif');} 
.four { background-image: url('../images/template/numbers/4.gif');}
.five{ background-image: url('../images/template/numbers/5.gif');}


/*------------------------------  Contact Page ---- "bubble.gif" for round */

#contact{ display: block; width: 400px; float: left; height: 245px; background: url('../images/template/bubble.gif') no-repeat; padding: 70px 10px 0px 120px;}
html>bodt #contact{ width: 500px}
.contactbox{ width: 160px; margin-bottom: 5px; color: #666666; font-family: Verdana, Arial, Sans-Serif; font-size: 0.9em;  border: solid 1px #cccccc; }
.contactmemo{ width: 330px; color: #666666; font-family: Verdana, Arial, Sans-Serif; font-size: 0.9em;  border: solid 1px #000000;}
.ContactButton{margin: 5px; border: 0px;}

/*-----------------  SIGNUP ----*/
.legal{ font-size: 0.8em; margin-top: 20px;}
.SignupMainContent {background: url('../images/template/signupbubble.gif') no-repeat;
	float: left;
	padding: 17px 0px 0px 42px;
	display: block;
	width: 520px; }
	
	.signup { padding: 40px 125px 0px 55px; }

.textbox { margin: 0px; clear: right; display: block;}
.SignupButton {margin: 0px 0px 0px 100px; border: 0px; display: block; clear: both;}
.signupheading{display: block; float: left; clear: left; width: 100px; color: #000000; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px; font-size: 1.2em; font-family: Trebuchet MS, Sans-Serif;}

.caselink
{
	display: block;}
	
.caselink:hover{ }

.CaseGoto
{
    margin-top:10px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    border: 1px solid #666666;
    }
.ContactParagraph
{
    background-color:  #7E55A3;
    color: #fff;
    font-size: 1.55em;
    letter-spacing: -0.02em;
    font-family: Arial, Helvetica, Sans-Serif;
    display: block;
    line-height: 1.1em;
    padding: 5px 0px 7px 15px; 
    margin-top: 3px;
}