/**************************** CSS Document */

body {
margin-top: 0;
background-color:#FFFFFF;
text-align: center;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; 
}





/**************************** Text Styles */

p, li {
	font-size:13px;
	text-align: left;
}
p.bordertop {
	font-size:12px;
	text-align: center;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #553A30;
}
H1 { font-size:17px; font-weight:bolder;}
H2 {font-size:15px; font-weight:bolder;}
H3 {font-size:13px; font-weight:bolder; color:#005190;}
H4 {font-size:11px; font-weight:bolder; color:#000000; text-align: center;}

A:link {font-weight: bold; color:#F0591D; text-decoration:none;}
A:visited {font-weight: bold; color:#F0591D; text-decoration:none;}
A:hover {font-weight: bold; color:#F0591D; text-decoration:underline;}

A.newslink:link {color:#ffffff; text-decoration:none;}
A.newslink:visited {color:#ffffff; text-decoration:none;}
A.newslink:hover {color:#ffffff; text-decoration:underline;}

ul.left {
	color: #000000;
	font-size: 13px;
	text-align: left;
}

.portfolio {
color: #ffffff;
text-align: left;
margin-left: 10px;
margin-right: 10px;
}

.notation{
	font-size:11px;
}

/**************************** Image Styles */

.floatright {
float: right;
margin-left: 20px;
margin-right: 20px;
border: 1px solid black;
}

.floatleft {
float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
border: 0px solid white;
}

.partnerboxes {
margin-top: 7px;
margin-bottom: 0px;
margin-left: 30px;
margin-right: 0px;
border: 0px solid white;
}

.fltlft{
	float:left;
}

.fltrght{
	float:right;
}
.clrflt{
	clear:both;
}



/**************************** Layout Styles */

#container {
	background-color: #ffffff;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid red;
	text-align: center;
}

#banner {
top: 0px;
left: 0px;
position: relative;
width: 100%;
height: 111;
}
   
#navigation {
top: 0px;		   
left: 0px;
position: relative;
width: 100%;
height: 20px;
background-color: #063148;
z-index: 8;
}
   
#content {
top: 0px;		   
left: 0px;
position: relative;
width: 99.5%;
background-color: ffffff; 
border: 1px solid orange;
z-index: 2;
}

#webdesign{
width:425px;
float:left;
z-index:2;
}

#video {
	width:300px;
	z-index:10;
	float:left;
	position:relative;
	left:-100px;
	top:5px;
}


#bottomarea {
top: 0px;		   
left: 0px;
position: relative;
width: 100%;
border: 0px solid red;
padding-bottom: 5px;}
   
#column1 {
float: left;
width: 519px;
height: 300px;
background-color: 2B566D;
background-image: url('../images/palm_left.jpg');
background-repeat: no-repeat;
background-position: top right; 
border: 0px solid red;
margin-right: 1px;
text-align: center;
}
   
#column2 {
float: left;
width: 240px;
height: 300px;
background-color: 2B566D;
background-image: url('../images/palm_right.jpg');
background-repeat: no-repeat;
background-position: top left; 
border: 0px solid red;
}

   
#partnerbox {
position: relative;
height: 28px;
left: 0px;
top: 0px;
bottom: 5px;
width: 760;
background-image: url('../images/fadedBG.gif');
background-position: top left; 
border: 0px solid red;
text-align: left;
}

#copyright {
position: relative;
height: 20px;
left: 0px;
top: 0px;
width: 100%;
background-color: #ffffff;
border: 0px solid red;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}


#subcontent {
	position: relative;
	background-color: #F4F4F4;
	padding: 20px;
}

#subcontent_ticket { 
top: 0px;
position: relative;
width: 760px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #F4F4F4;
background-image: url('../images/ticket.gif');
background-position: bottom right; 
background-repeat: no-repeat;
}





/**************************** Used in the portfolio page*/

.dottedBorder {
border-bottom: 2px dotted #FFFFFF; 
border-right: 2px dotted #FFFFFF;
}

.darkGray {
background-color: #C3C3C2
}

.tdOrange{ background-color:#F0591D; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; letter-spacing:1px; border-right:1px solid #FFFFFF}
.tdLightOrange{ background-color:#FF9C00;font-family:Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF;  ont-size:12px; border-right:1px solid #FFFFFF; cursor:pointer; cursor:hand;}
.tdPorfolioFeature{ background-color:#FFFFFF; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; padding:5px}
.tdPortfolioBottomRight{ background-image:url(../images/porfolioBottomrightbg.gif); background-position:right bottom; background-repeat:no-repeat}
.tdLightOrange A:Link{ background-color:#FF9C00; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-weight:600;color:#FFFFFF; letter-spacing:1px; text-decoration:none}
.tdLightOrange A:Visited{ background-color:#FF9C00; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-weight:600;color:#FFFFFF; letter-spacing:1px; text-decoration:none}
.tdOrange A:Link{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;  color:#FFFFFF; letter-spacing:1px; text-decoration:none;font-weight:600;}
.tdOrange A:Visited{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; letter-spacing:1px; text-decoration:none;font-weight:600;}
.tdOrangeB{background-color:#F0591D; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; fcolor:#FFFFFF; letter-spacing:1px;}
.tdLightOrangeB{ background-color:#FF9C00; cursor:pointer; cursor:hand;}
.tdLightOrangeB A:Link{ background-color:#FF9C00; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-weight:600;color:#FFFFFF; letter-spacing:1px; text-decoration:none}
.tdLightOrangeB A:Visited{ background-color:#FF9C00; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-weight:600;color:#FFFFFF; letter-spacing:1px; text-decoration:none}
.tdOrangeB A:Link{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12x;  color:#FFFFFF; letter-spacing:1px; text-decoration:none;font-weight:600;}
.tdOrangeB A:Visited{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; letter-spacing:1px; text-decoration:none;font-weight:600;}



/**************************** CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus -*/
#menu {
width: 760px;
height: 10px;
top: 0px;
left: 0px;
float: left;
position: absolute;
z-index: 8;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 152px;
float: left;
z-index: 8;
}

#menu a{
font: bold 12px/14px;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 1px 2px;
z-index: 8;
}


#menu a {
color: #fff;
background: #08405E;
text-decoration: none;
z-index: 8;
}

#menu a:hover {
color: #063148;
background: #fff;
z-index: 8;
}

#menu li {
position: relative;
z-index: 8;
}

#menu ul ul {
position: relative;
z-index: 8;
}

#menu ul ul ul {
position: relative;
top: 0;
left: 100%;
z-index: 8;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;
z-index: 8;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;
z-index: 8;
}