/* LAST EDIT: */
/* 1/5/10 - Roy */

img, div { behavior: url(../iepngfix.htc) }

/* ::::::: Genereal Elements ::::::: */

* { /* Global Reset */
margin: 0px;
padding: 0px;
}

body {
background: #000012 url(../img/bg.jpg) center top repeat-y;
}

h1 {
font: normal 24px/28px Georgia, "Times New Roman", Times, serif;
color: #EFEFFF;
letter-spacing: 1px;
padding: 0px 0px 10px 0px;
}

h2, h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {
font: normal 18px/24px georgia;
color: #ffffff;
}

h3 {
font: normal 14px/18px Arial, Helvetica, sans-serif;
color: #3B65BF;
}

p {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 5px 0px 10px 0px;
}

ul {
list-style-position: inside;
}

li {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;

}

a:link, a:active, a:visited {
font: normal 12px Arial, Helvetica, sans-serif;
color: #C2FEFF;
text-decoration: underline;
}
a:hover {
font: normal 12px Arial, Helvetica, sans-serif;
color: #0031CC;
text-decoration: none;
}

img {
margin: 0px;
padding: 0px;
border: 1px solid #0E0E0E;
}

table {
}

tr {
}

th {
font: bold 14px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

td, input, textarea {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

fieldset {
font: bold 12px/18px Arial, Helvetica, sans-serif;

}

/*  ::::::: Main Wrap  ::::::: */

.MainBody {
width: 100%;
margin: 0px auto;
}

/* ::::::: Header ::::::: */

.TopOfPage {
background: transparent url(../img/header.jpg) center top no-repeat;
width: 100%;
height: 172px;
position: relative;
}

a.HomeLink {
position: absolute;
top: 0;
left: 0;
width: 900px;
height: 172px;
}

a.HomeLink span {
display: none;
}

/* ::::::: Home ::::::::: */

.jdo-home { 
background: url(../img/1.png) left top no-repeat;
padding: 0px;
margin: 0px 0px 15px 0px;
width: 900px;
height: 295px;
}

.HomeTxt {
margin: 10px 0px;float: left;
}

.HomeTxt p {
font:normal 14px/24px Arial, Helvetica, sans-serif;
}

.HomeTxt p a {
font:normal 14px/24px Arial, Helvetica, sans-serif;
}

.HomeTxt p span.LargeTxt {
font: bold 20px/24px Arial, Helvetica, sans-serif;color:#1F1F1F;
}


.HomeCTA {
width: 280px;
height: 270px;
float:left;
background-image: url(../img/homeCTA.png);
}

.HomeCTA div {
	padding: 10px;
	float: left;
	width: 260px;
}

.HomeCTA h3 {
width: 280px;
height: 30px;
display: block;
float:left;
background-image: url(../img/homeCTAheader.png);
text-align: center;
font: bold 16px/30px "Times New Roman", Times, serif;
color: #424242;
text-decoration: none;
}

.HomeCTA h3 a:link, .HomeCTA h3 a:active, .HomeCTA h3 a:visited {
width: 280px;
height: 30px;
display: block;
float:left;
text-align: center;
font: bold 16px/30px "Times New Roman", Times, serif;
color: #424242;
text-decoration: none;
}

.HomeCTA h3 a:hover {
width: 280px;
height: 30px;
display: block;
float:left;
background: #000018;
text-align: center;
font: bold 16px/30px "Times New Roman", Times, serif;
color: #ffffff;
text-decoration: none;
}


.HomeCTA div p {
color: #ffffff;
}

.HomeCTA div a:link, .HomeCTA div a:active, .HomeCTA div a:visited {
color: #BCCEE4;
text-decoration: none;
}

.HomeCTA div a:hover {
color: #ffffff;
border-bottom: 1px solid #BCCEE4;
}

.HomeCTA1 div div.mp3 {
float: left;
clear: left;
display: block;
width: 40px;
height: 30px;
padding: 0px;
margin: 0px;
}

.HomeCTA1 div div.mp32 {
float: left;
clear: left;
display: block;
width: 40px;
height: 30px;
padding: 8px 0px 0px 0px;
margin: 0px;
}

.HomeCTA1 {
margin: 0px 30px 0px 0px;
background-repeat: repeat-y;
background-position: left top;
}
.HomeCTA1 h3 {
background-repeat: repeat-y;
background-position: left top;
}

.HomeCTA2 {
margin: 0px;
background-repeat: repeat-y;
background-position: center top;
}
.HomeCTA2 h3 {
background-repeat: repeat-y;
background-position: center top;
}
p.pdf img {
vertical-align: middle;
padding: 0px 5px 0px 50px;
border: 0px;
}
p.pdf a:link, p.pdf a:active, p.pdf a:visited {
font: bold 14px/50px arial;
color: #ffffff;
text-decoration: none;
}

p.pdf a:hover {
font: bold 14px/50px arial;
color: #BCCEE4;
text-decoration: none;
border: 0px;
}



.HomeCTA3 {
margin: 0px 0px 0px 30px;
background-repeat: repeat-y;
background-position: right top;
text-align: center;
}
.HomeCTA3 h3 {
background-repeat: repeat-y;
background-position: right top;
}

.HomeCTA3 div img {
margin: 35px 0px 0px 0px;
border: none;
background:none;
float:left;
}

.HomeCTA3 a:link, .HomeCTA3 a:active, .HomeCTA3 a:visited, .HomeCTA3 a:hover {
background:none;
border: none;
color:#000000;
}



/* ::::::: Modified Suckerfish CSS Dropdown ::::::: */

.ToolBar {
background: transparent url(../img/nav.jpg) center top no-repeat; 
text-align: center;
margin: 0px;
padding: 0px;
height: 45px;
width: 100%;
}

ul#nav {/* Main List */
width: 900px;
height: 45px;
display: block;
margin: 0px auto;
}

ul#nav, ul#nav li ul { /* all lists */
list-style: none;
text-align: center;
}

ul#nav li { /* main list items */
float: left;
position: relative;
width: 180px;
}

ul#nav li a:link, ul#nav li a:active, ul#nav li a:visited { /* main links */
font: normal 16px/45px Georgia, "Times New Roman", Times, serif;
color: #ffffff;	
text-decoration: none;
display: block;
height: 45px;
}
ul#nav li a:hover {
font: normal 16px/45px Georgia, "Times New Roman", Times, serif;
color: #ffffff;	
text-decoration: none;
display: block;
height: 45px;
}

ul#nav li a.one:hover {
background: url(../img/hover.jpg) 0px 0px no-repeat;
}
ul#nav li a.two:hover {
background: url(../img/hover.jpg) -180px 0px no-repeat;
}
ul#nav li a.three:hover {
background: url(../img/hover.jpg) -360px 0px no-repeat;
}
ul#nav li a.four:hover {
background: url(../img/hover.jpg) -520px 0px no-repeat;
}
ul#nav li a.five:hover {
background: url(../img/hover.jpg) -700px 0px no-repeat;
}


ul#nav li ul { /* second-level lists */
background: transparent;
display: none;
position: absolute;
border-top: 1px solid #171142;
border-right: 1px solid #171142;
margin: 0px;
}

ul#nav li ul li {
float: left;
position: relative;
border-bottom: 1px solid #171142;
border-left: 1px solid #171142;
width: 160px;
}

ul#nav li ul li a:link, ul#nav li ul li a:active, ul#nav li ul li a:visited { /*sub links */
background: #a9cf37;
font: normal 12px/30px Arial, Helvetica, sans-serif;
color: #00225a;
height: 30px;
}

ul#nav li ul li a:hover {
background: #4858a3;
font: normal 12px/30px Arial, Helvetica, sans-serif;
color: #00225a;
height: 30px;
}

ul#nav li>ul#nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
display: block;
}


/* ::::::: Main Content ::::::: */
.MainWrap {
width: 900px;
margin: 0px auto;
}

.Wrap {

padding: 20px 30px 50px 30px;
}


/* ::::::: Right Column  ::::::: */

.RightMargin {
display: none;
}

 /* ::::::: Bottom Links ::::::: */
 
.SiteFooter {
height: 50px;
text-align: center;
clear: both;
}

.SiteFooter div {
width: 900px;
margin: 0px auto;
}

.SiteFooter p {
color: #9a9a9a;
font: bold 10px/50px Arial, Helvetica, sans-serif ;
height: 50px;
display: block;
padding: 0px;
margin: 0px;
}

.SiteFooter a:link, .SiteFooter a:active, .SiteFooter a:visited {
font: bold 10px/50px Arial, Helvetica, sans-serif ;
color: #ffffff;
margin: 0px 15px 0px 0px;
text-decoration: none;
display: block;
float: left;
}

.SiteFooter a:hover {
font: bold 10px/50px Arial, Helvetica, sans-serif ;
color: #9a9a9a;
margin: 0px 15px 0px 0px;
text-decoration: none;
display: block;
float: left;
}

/* ::::::: Copyright Area ::::::: */

.Footer {
clear: both;
width: 900px;
margin: 0px auto;
text-align: right;
}


.Footer p.bottomlinks {
width: 900px;
text-align: center;
}

.Footer p.bottomlinks a:link, .Footer p.bottomlinks a:active, .Footer p.bottomlinks a:visited {
font: normal 12px/20px Georgia, "Times New Roman", Times, serif;
color: #ffffff;
margin: 0px 35px;
text-decoration: none;
}

.Footer p.bottomlinks a:hover {
font: normal 12px/20px Georgia, "Times New Roman", Times, serif;
color: #9a9a9a;
margin: 0px 35px;
text-decoration: none;

}

.Footer p.copyright {
font: normal 11px/20px Georgia, "Times New Roman", Times, serif;
width: 900px;
text-align: center;
color: #4d4d75;
margin: 10px 0px;
}

.Footer p.copyright a:link, .Footer p.copyright a:active, .Footer p.copyright a:visited {
font: normal 11px/20px Georgia, "Times New Roman", Times, serif;
color: #4d4d75;
margin: 0px 15px 0px 0px;
text-decoration: none;



}

.Footer p.copyright a:hover {
font: normal 11px/20px Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
margin: 0px 15px 0px 0px;
text-decoration: none;



}

/* ======  CONTACT ======= */

.contactinfo {
float: left;
}


.form {
float: left;
padding: 0px 0px 0px 40px;
}


.formline {
background: #00011D;
filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
border: 1px solid #021F83;
display:block;
float: left;
clear: left;
width: 460px;
margin: 1px 0px;
padding: 5px 20px;
}

.formline p {
float: left;
display: block;
margin: 0px;
padding: 0px;
}

.formline input, .formline select {
float: right;
display: block;
margin: 0px;
padding: 0px;
}

.formline input {
border: 1px solid #324147;
height: 20px;
width: 300px;
}

.formline input[type="submit"] {
border:1px solid #0E0E0E;
float: right;
background: #2A5DBF;
height: 24px;
font: bold 12px/24px Arial, Helvetica, sans-serif;
color: #ffffff;
cursor: pointer;
width: 150px;
margin: 0px 0px 7px 0px;
}

.formline input[type="hidden"] {
display:none;
}

textarea {
width: 460px;
height: 150px;
margin: 5px 0px;
border: 1px solid #324147;
}

.formline input.checkbox {
float: left;
margin: 0px 5px 0px 0px;
}



a.sublink:link, a.sublink:active, a.sublink:visited {
background: url(../img/arrow.png) right center no-repeat;
display: block;
margin: 2px 0px;
padding: 5px 0px 5px 20px;
color: #C6FFFF;
text-decoration: none;
font: bold 14px georgia;

}
a.sublink:hover {
background: #ffffff url(../img/arrow.png) right center repeat-y;
display: block;
margin: 2px 0px;
padding: 5px 0px 5px 20px;
color: #000012;
text-decoration: none;
font: bold 14px georgia;
}

a.top:link, a.top:active, a.top:visited {
background: url(../img/arrow-top.png) right center no-repeat;
display: block;
margin: 2px 0px;
padding: 5px 0px 5px 20px;
color: #ffffff;
text-decoration: none;
font: bold 12px arial;

}
a.top:hover {
background: #ffffff url(../img/arrow-top.png) right center no-repeat;
display: block;
margin: 2px 0px;
padding: 5px 0px 5px 20px;
color: #000012;
text-decoration: none;
font: bold 12px arial;
}

/* ::: client page :::: */

.Clients {
width: 490px;
padding: 0px 0px 0px 20px;
float:left;
}
.Testimonials {
width: 298px;
padding: 10px;
border:1px solid #000066;
float:left;
}

.Testimonials h2 {
margin: 10px 0px 0px 0px;
border-bottom: 1px solid #000066;
color: #0237B9;

}

.Testimonials h3 {
margin: 10px 0px 0px 0px;
}

.Testimonials h4 {
padding: 5px 0px 5px 20px;
background: url(../img/chain-link.png) 0px 8px no-repeat;
}

.Testimonials h4.note {
padding: 5px 0px 5px 20px;
background: url(../img/note.png) 0px center no-repeat;
}

.Testimonials h4 a:link, .Testimonials h4 a:hover, .Testimonials h4 a:visited {
font: bold 13px/20px arial;
display: block;
}
.Testimonials h4 a:hover {
font: bold 13px/20px arial;
display: block;
}

.Testimonials p {
padding: 10px 0px 10px 0px;
font: italic 15px/20px georgia;
color: #cfcfcf;
}

.Testimonials p span {
font: bold 15px/50px georgia;
color: #EFEFFF;
}

/* ::: events page :::: */

.gallerywrap {
width: 668px;
float: right;
padding: 0px 0px 35px 0px;
}

.gallerywrap h2 {
  font-size: 18px;
  text-align: center;
  letter-spacing: 1px;
  color: #ffffff;
}

.photowrap {
float: left;
display: inline;
width: 150px;
height: 150px;
margin: 15px 0px 0px 15px;
border: 1px solid #000066;
padding: 0px;
}

div.photowrap:hover {
border: 1px solid #0031CC;
}

.photo {
display:table-cell; 
vertical-align: middle;
background: #000012;
width: 148px;
height: 148px;
padding: 0px;
margin: 0px;
text-align: center;
}

.photo img.wide {
width: 138px;
margin: 5px;
}

.photo img.tall {
height: 130px;
margin: 5px;
}


