@charset "utf-8";

/* Main CSS Document */

html{
	background: #FFF;

}

body{
	background:url(../images/bg.jpg);
	background-repeat:repeat;
	width:100%;
	font: .8em arial,sans-serif;
	padding: 0px;
	margin: 0px;
	color: #000; 
}


p{
	margin:0 10px 10px;
}

a{
	color: #16015c;
}

a:hover{
	color: #990000;
}

.icon{
	display:inline-block;
	padding:5px;

}

.icon:hover{
	display:inline-block;
	background-color:#c1282d;
	padding:5px;
	-moz-border-radius:6px; 

}
/* Font formating */

h2 {
	color:#16015c;  
	font-size:18px;  
	font-weight:bold;  
	margin:5px 0px 5px 10px;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	margin:0 0px 10px;
	background-color: #16015c;
	height: 17px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px #fff solid;
}

.tagline {
	color:#fff;
	font-size:30px;
	font-weight:bold;
	Padding: 10px 20px 10px 20px;
}


#quote
{
	display: block;
	width: 146px;
	height: 147px;
	background: url("../images/FreeQuotebutton.png") no-repeat 0 0;
  
}

#quote:hover
{ 
  background-position: 0 -148px;
}

#quote span
{
  display: none;
}

div#logo {
	margin:0px 0px 15px 20px; 
	width:860px; 
	text-align: center;
}

/* Header */

div#header{
	height:273px;
	line-height:80px;
	margin:0;
	padding-left:10px;
	background: #000;
	color: #FFFFFF;
	background-image:url(../images/header2.jpg);
	background-repeat:no-repeat;
	border: 2px #c1282d solid;
	}
	
div#header2{
	height:273px;
	line-height:80px;
	margin:0;
	padding-left:10px;
	background: #000;
	color: #FFFFFF;
	background-image:url(../images/header1.jpg);
	background-repeat:no-repeat;
	border: 2px #c1282d solid;
	}	

div#header3{
	height:273px;
	line-height:80px;
	margin:0;
	padding-left:10px;
	background: #000;
	color: #FFFFFF;
	background-image:url(../images/header3.jpg);
	background-repeat:no-repeat;
	border: 2px #c1282d solid;
	}	
		
div#instantimage2 {
	float: left;
	position: absolute;
	margin: -20px 10px 0px 5px;
	color: #fff;
	font-size: 12px;
    }
	
div#quoteimage {
	float: right;
	position: absolute;
	margin: -5px 0px 0px 808px;
	color: #fff;
	font-size: 12px;
    }

div#crholder {

}

div#menubar {
	width:867px; 
	height:40px; 
	background:#000066; 
	margin-top:4px; 
	margin-bottom:4px; 
	margin-left: 20px;	
}

/* body */
div#container{
	text-align:left;

}

div#content p{
	line-height:1.4;

}

div#contentleft {
	padding:15px;
	width:596px;
	float:left;
}

div#contentleftbuilding {
	padding:15px;
	width:850px;
	float:left;
}

div#buldinglayout {
	float:left;
	width:258px;
	height:181px;
	margin:10px;
	text-align:center;
	

}

div#buldinglayout  a{
	border:2px #16015c solid;
	display:block;
	padding:2px;
}


div#buldinglayout  a:hover {
	border:2px #FF0000 solid;


}

div#contentright {
	float:right;
	width:245px;
	margin-right:13px;
	color:#FFFFFF;
	font-size:16px;
	padding:0px;
	border-left:1px #000 dashed;
	border-right: 1px #000 dashed;
	border-bottom: 1px #000 dashed;
}

div#navigation{
	padding:5px 0px 5px 10px;
	color:#000;
	height:240px;
	line-height:1.6;
}

.ulbuilding {
	color:#333333; 
	font-family:Arial, Helvetica, sans-serif; 
	list-style:circle; 
	padding-left:22px;
	line-height: 16px;
}
.ulbuilding li{ 
	margin:0px 0px 10px 0px;
}
.ulbuilding2 {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style:circle;
	padding-left:22px;
	line-height: 16px;
}
.ulbuilding2 li{ 
	margin:0px 0px 10px 0px;

}

div#container{
	width:900px;
	margin:0px auto;
	clear: both;

}

div#content{
	float:left;
	width:900px;
	padding: 20px 0px 0px 0px;
	background-color: #FFFFFF;
	margin-bottom: 33px;
	border: 1px #999 solid;
	clear: both;
}

div#navigation{
	float:right;
	width:190px;
	height: 100%;
	background-color: #FFFFFF;
}


.tagline {
	font-size: 1.8em;
	font-weight:bold;
	padding: 190px 0px 0px 0px;
	width: 370px;
	background-image:url(../images/Logo_psd.png);
	background-repeat:no-repeat;
}
/* Footer */
div#footer{
	color: #000000;
	text-align:center;
	height:100px;
	font-size:12px;
	border-top: 1px #16015c dashed;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	background-image:url(../images/trans.png);
	background-repeat:repeat;
}

div#footer p{
	margin:0;
	padding:5px 10px
}

div#footer{
	clear:left;
	width:100%;
	position: relative;
	height: 130px;
}


/* Nav menu */
div#nav
{
	padding: 0px;
	color: #fff;
	border-bottom: 1px #333 solid;
	height: 20px;
	background-image: url(../images/button1a.gif);
	
}

div#navlist
{
	float: right;
	position: absolute;
	margin: -45px 10px 10px 610px;
	width: 300px;
	color: #FFFFFF;
	text-align: right;
	font-size: 11px;

}

#navlist ul, #navlist li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
	float: left;
	line-height: 14px;
	font-weight: bold;
	margin: 0px 10px 10px 10px;
	text-decoration: none;
	color: #FFFFFF;
	font-family: 12px Arial, Helvetica, sans-serif;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
	border-bottom: 1px solid #fff;
	padding-bottom: 1px;
	background: transparent;
	color: #FFFFFF;
	font-family: 12px Arial, Helvetica, sans-serif;

}

#navlist a:hover {
	color: #FFFFFF;
 }	
		
/* Sub Nav */

div#subnav {
	padding:55px 0px 3px 0px;
	border-bottom: 1px solid #ccc;
}


#navmenu ul, #navmenu li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;

}
#navmenu a:link, #navmenu a:visited
{
	line-height: 14px;
	font-weight: bold;
	margin: 0px 10px 10px 10px;
	text-decoration: none;
	color: #999;
	font-family: 12px Arial, Helvetica, sans-serif;
}

#navmenu a:link#current, #navmenu a:visited#current, #navmenu a:hover
{
	border-bottom: 2px solid #000;
	padding-bottom: 2px;
	background: transparent;
	color: #c1282d;
	font-family: 12px Arial, Helvetica, sans-serif;
}

#navmenu a:hover { 
	color: #999;
 }	

/** Contact Form **/		

#contactform {
	width:300px;
	height:400px;
	padding: 0px 0px 20px 50px;
	float:left;
	clear:right;
	
}

#contactformleftbar {
	float:left; 
	height:400px; 
	width:250px;	
}
ul.contact_form {
	font-weight: bold;
}
	
ul.contact_form input, textarea {
	font: normal 11px Arial, Helvetica, sans-serif;
}
	
ul.contact_form input.txt {
	height: 13px;
	width: 213px;
	margin: 5px 0 10px;
	padding: 5px;
}
	
ul.contact_form textarea {
	width: 218px;
	height: 84px;
	line-height: 22px;
	margin: 5px 0 2px;
	padding: 2px 0 5px 5px;
}
	
ul.contact_form span {
	font-weight: normal;
	font-size: 10px;
}
	
ul.contact_form input.btn {
	background: none;
	outline: none;
	cursor: pointer;
	margin-top: 15px;
	display: block;
	height: 26px;
	width: 77px;
}

ul.contact_form a.btn:hover {
	border:	none;
}

.contactheader {
	font-family: "1.2em Arial", Helvetica, sans-serif;
	padding: 15px 0px 0px 0px;

}
input.button { 
	top:0px; 
	left:0px; 
	padding:3px 6px;
    border:2px solid #fff; 
	margin:20px 0px 0px 0px; 
	color:#fff; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#333; 
	-moz-border-radius:5px; 
}

input.button:hover { 
	background:#c1282d none repeat scroll 0% 0%; 
	color:white; 
	border:2px solid #333; 
}

.message {
	color:##666;
	display:none;
	width:480px;
	padding:10px;
	margin-bottom:5px;
}

.headline {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	border-bottom: 1px #333333 solid;
	margin: 0px 10px 10px 10px;
	color:#16015c;
	font-weight:bold;

}

.smallcaps {
	font-family:Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-size:16px;
}

.smallcaps2 {
	font-family:Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-size:11px;
	color:#16015c;
}

/* Menu */

#info {height:400px;}
ul.download {list-style-image:url(zip.gif);}
ul.download li {padding-left:5px; font-size:11px;}

#padding {height:50px;} /* this demo only */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload2 {background: url(images/button4.gif);}
.menu2 {
	padding:0 0 0 32px;
	margin:0;
	list-style:none;
	height:40px;
	background:#fff url(../images/button1a.gif) repeat-x;
	position:relative;
	z-index:500;
	font-family:arial, verdana, sans-serif;
}
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {
	display:block;
	float:left;
	height:40px;
	line-height:33px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 12px;
	cursor:pointer;
}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {
	color:#fff;
	background: url(images/button4.gif) no-repeat;
	text-decoration: underline;
}
.menu2 li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(images/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #16015c; white-space:nowrap; width:93px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:87px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#16015c; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#16015c url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#16015c url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #16015c; white-space:nowrap; width:93px; z-index:200; height:auto;}

/* Gallery Styles for main page scroll */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 862px; /* Set to gallery width, in px or percentage */
height: 198px; /* Set to gallery height */
margin:10px 0px 5px 21px;
background-color: #16015c;
border:2px #16015c solid;
}

#motioncontainer a img {
border: 2px solid #999; /* Set image border color */
}

#motioncontainer a:hover img {
border: 2px #FF3300 solid; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */