/* ---Global styles--- */


html
	{
	font: .75em  "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	background: #122452 url(images/background.jpg) repeat-x 0 0; /*---new background color---*/
	margin: 0;
	padding: 0;
	}

body
	{
	width: 800px;
	margin: 10px auto;
	padding: 0;
	}
	
p
	{
	line-height: 1.42em;
	margin: 1em 20px 1em 20px;
	}
	
h1
	{
	margin: 20px 0 5px 20px;
	padding: 0;
	font-size: 2.2em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	}
	
h2
	{
	margin: 0 0 20px 20px;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-variant: normal;
	font-size: 1.4em;
	}
	
h3
	{
	font-size: .9em;
	font-variant: small-caps;
	margin: 0px 0px;
	font-weight: normal;
	}
	
strong
	{
	font-weight: normal;
	color: #fff;
	}
	
a
	{
	color: #652999;
	}
	
a:link    {outline: none; text-decoration: none;  color: #652999;}
a:visited  {outline: none; text-decoration: none; }
a:hover  {outline: none; text-decoration: underline;} 
	
.clear
	{
	clear: both;
	}


/* Main navigation */

#mainNav
		{
		width: 800px;
		position: absolute;
		top: 0px;
		color: #89bfF3;
		text-align: center;
		font-size: 1em;
		margin: 10px 0;
		}

#mainNav ul
	{
	padding: 0;
	margin: 0;
	line-height: 1.2em;
	}
	
#mainNav li
	{
	padding: 0 3px 0 20px;
	display: inline;
	background: url(images/bullet.jpg) left 2px no-repeat;
	}

#mainNav li.first
	{
	margin: 0;
	padding-left: 0;
	background: none;
	}
	
#mainNav a:link       {display: inline; color: #9acfF4; font-weight: bold; font-size: .9em;}
#mainNav a:visited  {display: inline; outline: none; text-decoration: none; color: #568cc0; font-weight: normal;}
#mainNav a:hover     {display: inline; color: #fff;}

#bottomNav
	{
	width: 800px;
	color: #89bff3;
	text-align: center;
	font-size: .8em;
	margin: 0px 0;
	padding: 0;
	clear: both;
	}

#bottomNav ul
	{
	padding: 0;
	margin: 0;
	}
	
#bottomNav li
	{
	display: inline;
	padding: 0 3px 0 20px;
	}
	
#bottomNav a:link       {display: inline; text-decoration: none; color: #9acfF4; font-weight: bold;}
#bottomNav a:visited  {display: inline; outline: none; text-decoration: none; color: #568cc0; font-weight: normal;}
#bottomNav a:hover     {display: inline; color: #fff;}


/* Banner */

#banner
	{
	width: 800px;
	margin-bottom: 0px;
	padding: 0;
	}
	
#banner img
	{
	display: block;
	padding: 20px 0 0 0;
	margin: 0;
	border: none;
	}
	

/* Top Content*/
		
#top
	{
	float: left;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	width: 800px;
	background: #679EF1;
	}
	
#welcome
	{
	float: left;
	width: 545px;
	margin: 0;
	padding: 0 0 10px 0;
	background: url(images/short_sep.gif)  no-repeat right center;
	}
	
#welcome.welcomeForm
	{
	background: url(images/long_sep.gif) no-repeat right center;
	}
	
#welcome img
	{
	display: block;
	float: left;
	border: none;
	margin: 0px 20px 6px 20px;
	}	
	

	
/*Contact info on right*/
	
#contact
	{
	width: 255px;
	float: left;
	margin: 0;
	padding: 0px;
	}
	
#contact h2
	{
	margin: 20px 0 5px 20px;
	padding: 0;
	font-size: 2.2em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	}
	
#contact h3
	{
	margin: 0 0 20px 20px;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-variant: normal;
	font-size: 1.4em;
	}
	
	
#contact p
	{
	margin: 20px;
	margin-right: 15px;
	padding-left: 70px;
	font-weight: normal;
	font-size: 1.1em;
	height: 5em;
	}
	
#contact p.inquiry
	{
	margin: 20px;
	padding: 0;
	}

#contact a
		{
		color: #d3edf5;
		}
		
#contact a:link {text-decoration: none; font-weight: normal;}
#contact a:visited {text-decoration: none; font-weight: normal;}
#contact a:hover {text-decoration: underline;}

p#phone
	{
	background: url(images/cellphone.jpg) no-repeat;
	}

p#mail
	{
	background: url(images/envelope.jpg) no-repeat;
	}
	
p#form
	{
	background: url(images/monitor.jpg) no-repeat;
	}
	

/*main content, lilac */
	
#main
	{
	margin: 0;
	padding: 0 0 30px 0;
	background: #aaaaff;
	width: 100%;
	}

	
/* photo navigation on index page */
	
.photoLink
	{
	width: 400px;
	margin: 20px 0;
	float: left;
	}

.photoLink img
	{
	margin: 0px 20px;
	padding: 0;
	}

.photoLink a
	{
	text-decoration: none;
	display: block;
	margin: 0px 30px 0px 20px; 
	padding: 0;
	font-size: .9em;
	margin-top: 0px;
	}
	
.photoLink a:link     {color: #303;}
.photoLink a:visited  {color: #303;}
.photoLink a:hover    {color: #fff;}

.photoLink  h2
	{
	font-size: 1.2em;
	margin:10px 0 0px 0;
	padding: 0;
	}
	

/* Main layout - dual*/


#main.violetGrad
	{
	background: url(images/violetGradient.jpg) repeat-y;
	}

.left
	{
	float: left;
	width: 545px;
	margin: 0;
	padding: 0;
	}
	
h2.glow
	{
	margin: 25px 20px 0 12px;
	padding: 0 0 0px 80px;
	height: 70px;
	line-height: 2em;
	font-size: 1.5em;
	color: #2B0055;
	font-family: Arial, "Lucida Sans Unicode", "Lucida Grande";
	font-variant: normal;
	}
	
.tick 
	{
	background: url(images/glowHeaderTick.jpg) no-repeat 0 40%;
	}
	
.dog
	{
	background: url(images/glowHeaderDog.jpg) no-repeat 0 40%;
	}
	
.glow
	{ 
	margin: -15px 30px 0 95px;
	color: #000;
	}

.next
	{
	margin: 8px 30px 0 95px;
	}
	
ul.glow
	{
	margin: 1em 30px 0 95px;
	padding-left: 0px;
	}
	
ul.glow li
	{
	margin: 5px 0;
	}

.right
	{
	float: left;
	width: 255px;
	margin: 0;
	padding-top: 35px;
	}
	
.right h2
	{
	margin: 0;
	font-variant: normal;
	font-style: italic;
	}
	
.right ul
	{
	list-style-type: none;
	font-size: 1.1em;
	margin: 10px 0px 20px 0;
	padding: 0px;
	}

.right li
	{
	margin: 0;
	}

.rightLinks
	{
	padding: 20px 30px 0 20px;
	color: #3B1065;
	}

.rightLinks img
	{
	margin: 5px 0 20px 0;
	}
	
.right a
	{
	text-decoration: none;
	display: block;
	color: #3B1065;
	padding: 0;
	margin: 0 0 20px 0;
	font-size: .85em;
	}
	
.right a:link       {color: #3B1065;}
.right a:visited  {color: #3B1065;}
.right a:hover     {color: #fff;}
	
.rightLinks h2
	{
	font-weight: bold;
	font-family: verdana;
	font-size: 1em;
	}
	
.right p
	{
	padding: 0px;
	margin: 0 0 20px 0;
	font-size: .85em;
	}
	
img.rightBar
	{
	display: block;
	margin: 30px 52px 30px 52px;
	border: solid 3px #fff;
	}
	
.separator
	{
	border-bottom: 1px dotted #000;
	margin-right: 20px;
	margin-top: 20px;
	margin: 0px 30px 0px 30px;
	padding: 20px 0 20px 0;
	}
	
	
/* photo navigation on index page */
	
.photoLink
	{
	width: 400px;
	margin: 20px 0 0 0;
	height: 11em;
	float: left;
	}

.photoLink img
	{
	margin: 10px 20px 10px 20px;
	padding: 0;
	float: left;
	}
	
.photoLink p
	{
	margin: 10px 20px 10px 20px; 
	padding: 0;
	vertical-align: top;
	font-size: .95em;
	}

	
/* Footer */
	
#footer
	{
	background: url(images/manhattan.jpg) left top no-repeat;
	color: #89bfF3;
	float: left;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 207px;
	}
	
#footer h2
	{
	padding: 190px 0 0 10px;
	margin: 0;
	font-size: .8em;
	font-weight: normal;
	}

	
/* Form styling */

div#theForm
	{
	background: url(images/laptop_dog.jpg) 300px 10px no-repeat;
	}
	
fieldset
	{
	margin: 1em 20px 0 20px;
	padding: 1em;
	border: solid 0 transparent;
	
	font-family: Arial, "Lucida Sans Unicode", "Lucida Grande";
	}
	

	
fieldset h2
	{
	padding: 0 0 1em 0;
	margin: 0;
	color: #fff;
	}
	
legend
	{
	padding: 0;
	margin: 0;
	text-indent: 0;
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
	background: none;
	}
	
label 
	{
	display: block;
	font-weight: bold;
	}
	
fieldset input
	{
	width: 200px;
	margin: 3px 0 8px 0;
	}

input.submit
	{
	margin-top: 15px;
	margin-left: 0;
	padding-left: 0;
	width: 8em;
	}

img.inquiry
	{
	display: block;
	padding: 0;
	margin: 0;
	}

form
	{
	display: block;
	}

a.success
	{
	color: #fff;
	}