/*

   Title:              screen.css

   Browser(s):         

   Author:             
   Created:            
   Last Modified:      

*/

/* COLOR GUIDE

   Body Background:    
   Main Text:          
   Main Links:         
   Main Borders:       
   Main Headings:      

   CSS DECLARATION STRUCTURE

   1. positioning (with coordinates) styles
   2. float/clear styles
   3. display/visibility styles
   4. spacing (margin, padding, border) styles
   5. dimensions (width, height) styles
   6. typography-related (line-height, color, etc.) styles
   7. miscellaneous (list-style, cursors, etc.) styles

   

/* IMPORTED STYLESHEETS */

   @import url('reset.css');

/* LAYOUT */

   /* STRUCTURE */

  body                { margin:0; padding:0; background:#333 url(../images/pattern02.jpg) top left repeat;}
   
   #header, #menu, #content, #footer
					   { position:relative; margin:0 auto; width:871px; /*min-width:980px;*/}
   #header-wrapper, #menu-wrapper, #content-wrapper
					   { position: relative; margin:0; width:100%; text-align:left; background:#fff url(../images/pageBorder.jpg) top center repeat-y;}
   
   #content            { }
   #header             { padding-top:5px; background:transparent url(../images/light.png) top left no-repeat; z-index:3;}
   #header-wrapper     { margin-left:0; padding-top:35px; width:100%; background:transparent url(../images/header.png) top center no-repeat; z-index:2;}
   #menu               { height:30px; background:url(../images/menuBar.jpg) bottom left repeat-x; z-index:1;}
   #footer             { clear:both; padding-bottom:1em; background:transparent url(../images/footer.png) bottom center no-repeat;}
   #footer-wrapper     { position: relative; clear:both; margin:0 15px; border-top:1px solid #ddd; background:none; zoom:1;}

   #menu-wrapper      { margin-left:0; width:100%; background:none;}

	/* CONTENT LAYOUT */

   #main-content       { position:relative; float:left; display:inline; margin:0; width:871px; }

   #primary            { position:relative; float:left; margin:0 0 50px 0; padding-right:15px; border-left-width:1px; border-right-width:1px; border-top-width:0px; border-bottom-width:0px; border-style:solid; border-color:#ddd; }
   /*_______________________________________________________________________________*/

   #primary            { width:650px} /* Added to adjust layout for IE6 box model  */
   html>body #primary  { width:650px;} /* Added to define layout for other browsers */

   /*_______________________________________________________________________________*/

   #secondary          { float:left; margin: 0 0 50px 15px; width:174px;}

   #secondary h4       { font-weight:bold;}
   
   #primary, 
   #secondary          {margin-top:15px;}

   #sub-menu           { position:relative; float:left; display:inline; margin:0px 15px; width:175px;}
   
   #presentation-holder{ border:1px solid black; position:relative; width:100%; height:286px; border-top:1px solid #333; background:#000 url(../images/flashHolderImage.jpg) top center no-repeat;}
   
   .col-t1             { width:174px!important;}
   .col-t2             { width:486px!important;}
   .col-t3             { float:left; display:inline; width:207px!important;}
   .col-t4             { width:671px!important;}
   .col-t5             { width:914px!important; border-right-width:0px;}
   .col-t6             { width:100%!important; border-right-width:0px!important;}

   /* ADDITIONAL LAYOUT */

   #header h1 span     { position:absolute; top:0; left:0; margin:0; width:125px; height:56px;}
   #header h2 span     { position:absolute; top:0; left:0; margin:0; width:160px; height:87px; background:#fff;}

   .p1                 { float:left; display:inline;}
   .p2                 { float:right; display:inline; text-align:right;}

   .bread-crumbs       { margin-left:15px; color:#999;}
   .photo              { margin-bottom:20px; padding:5px; border:1px solid #06A68D; background-color:#FFF;}
   
   .content-box-t1     { margin-bottom:2em; padding-bottom:10px; border:1px solid #b1bcc0;}
   
   .content-header-image {padding-bottom:3px; border-bottom:4px solid #03a0e3; background:#ffaf00 url(../images/defaultHeaderImage.jpg) top left no-repeat;height:94px;width:871px}
   
   .aside-header-image { width:204px; height:107px; background:transparent url(../images/defaultRightImage.jpg);}
   .aside-header-image img {position: absolute; top: 0px; left: 0px;}
   .content-header-image img 
					   { border-bottom:3px solid #0004a8;position: absolute; top: 0px; left: 0px;}
   .aside-header-image { position:relative; margin:-15px 0 15px -15px; width:204px;}	
   .contact-box        { position:absolute; top:26px; right:28px; width:160px; font-size:1em; line-height:1.3em;}
   .site-search        { position:absolute; top:101px; right:14px; padding:0; width:175px;  }
   
   
   .home-features      { margin:0 auto; padding:0; overflow:auto; background:#fff url(../images/homeFeaturesGrad.jpg) top center repeat-x;}
   .home-features div  { position:relative; display:inline; float:left; width:187px; margin:0.8em 1px 4em 0; padding:0 15px;}


/* TYPOGRAPHY */

   body                 { font-family:Arial, Helvetica, Verdana, sans-serif; font-size:12px; line-height:18px;}

   /* HEADINGS */

   h1,h2,h3,h4,h5,h6    { color: #1D489D; }

   h1                   { margin-bottom: 0.5em; font-size: 3em; line-height: 1;}
   h2                   { margin-bottom: 0.75em; font-size: 2em;}
   h3                   { margin-bottom: 1em; font-size: 1em; line-height: 1; font-weight:bold;}
   h4                   { margin-bottom: 1.25em; height: 1.25em; font-size: 1.2em; line-height: 1.25;}
   h5                   { margin-bottom: 1.5em; font-size: 1em; font-weight: bold;}
   h6                   { font-size: 1em; font-weight: bold;}

   #header h1           { position:relative; margin:0 0 0 15px; width:125px; height:62px; font-size:.9em;}

   #main-content h2     { font-size:2.25em; color:#00119b; line-height:1em;}
   #main-content h3,
   #main-content h4     { color:#00119B;}
   
   #main-content .home-features div h2
						{ margin-bottom:1.5em; color:#fff; font-size:1.2em; font-weight:bold;}
   
   #main-content .content-box-t1 h3   
						{ margin-bottom:5px; padding:5px; color:#fff; font-size:1.2em; font-weight:bold; background:#b1bcc0 url(../images/menuBar.jpg) bottom left repeat-x;}

   #main-content .feature h3          
						{ padding-bottom:5px; border-bottom:1px solid #999; color:#666; font-style:italic;}
   #main-content .feature h4
						{ padding-bottom:.1em; color:#77AA13; font-style:italic;}  

   /* TEXT ELEMENTS */

   p                    { margin: 0 0 1.5em; color:#666;}

   blockquote           { margin: 1.5em; color: #666; font-style: italic;}
   strong               { font-weight: bold;}
   em,dfn               { font-style: italic;}
   dfn                  { font-weight: bold;}
   sup, sub             { line-height: 0;}

   abbr, 
   acronym              { border-bottom: 1px dotted #666;}
   address              { margin: 0 0 1.5em; font-style: italic;}
   del                  { color:#666;}

   pre,code             { margin: 1.5em 0; white-space: pre;}
   pre,code,tt          { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5;}

   #footer p            { margin-top:20px; font-size:.9em; color:#999;}
   .photo p             { margin:.4em 0 0 0;}
   .content-box-t1 p    { margin:0 5px 10px 5px; color:#666;}
   .image-links p       { padding-bottom:1em; border-bottom:1px solid #ddd; font-weight:bold;}
   
   .contact-box p       { color:#00119B; font-weight:bold;}
   .contact-box p span  { color:#666; font-weight:bold;}
   
   .home-features div p { color:#666; margin-bottom:.8em; }

   /* LINKS */

   a:focus, 
   a:hover              { text-decoration:none;}
   a                    { overflow:hidden; color: #00119B; text-decoration: underline;}
   
   .bread-crumbs a, 
   .bread-crumbs        { padding:0 .2em; color:#999; text-decoration:none; font-size:.9em; text-transform:lowercase;}
   .bread-crumbs a:hover{ text-decoration:underline; }
   
   #header-wrapper h1 a { display:block; width:100%; height:100%; text-indent:-9999px;}
   
   #footer a:focus,
   #footer a:hover      { text-decoration:underline;}
   #footer a            { margin-left:1em; padding:0; text-decoration:none; color:#999;}
   
   .image-links a       { display:block; background:#fff url(../images/arrow_t1.jpg) top right no-repeat;}
   .home-features div a.button-link
						{ padding-right:15px; background:transparent url(../images/buttonLinkArrow.png) center right no-repeat; }
						
   .contact-box a       { text-decoration:none }				

   /* LISTS */

   li ul, 
   li ol                { margin:1.5em 2.5em;}
   ul, ol               { margin: 0 1.5em 2em 1.5em;}

   ul                   { list-style-type: disc;}
   ol                   { list-style-type: decimal;}

   dl                   { margin: 0 0 1.5em 0;}
   dl dt                { font-weight: bold;}
   dd                   { margin-left: 1.5em;}

   #primary li          { margin:0 0 .5em 0;}

   .related-links       { margin:0; padding:0; width:100%; list-style-type:none; list-style-position:outside;}
   .related-links li    { display:block; border-bottom:1px solid #999;}
   .related-links li a  { display:block; padding:.7em; font-size:1.2em; color:#1D489D; text-decoration:none; }
   .related-links li a:hover     
						{ color:#999; background-color:#F2F2F2;}
   ul.contact-form      { list-style-type:none;}

   /* MISC CLASSES */

   .small               { margin-bottom: 1.875em; font-size: .8em; line-height: 1.875em;}
   .large               { margin-bottom: 1.25em; font-size: 1.2em; line-height: 2.5em;}
   .hide                { display: none;}

   .quiet               { color: #999;}
   .loud                { color: #000;}
   .highlight           { background:#D6F2EC; }
   .added               { color: #fff; background-color:#5DACFB;}
   .removed             { color: #fff; background-color:#666;}

   .first               { margin-left:0!important; padding-left:0!important;}
   .last                { margin-right:0!important; padding-right:0!important;}
   .top                 { margin-top:0!important; padding-top:0!important;}
   .bottom              { margin-bottom:0!important; padding-bottom:0!important; border-width:0px!important;}
   .home-last           { margin-right:0px!important;}
   .highlight           { background-color:white; color:#02a0e0!important; font-weight:bold;}

   .left                { float:left; margin-right:15px; margin-left:0;}
   .right               { float:right; margin-right:0; margin-left:15px;}

   h3.strapline         { margin:0; padding-top:.5em; width:30em; font-size:1.2em; font-style:italic; line-height:1.5em; text-align:right; color:#FFF;}
   h3.strapline strong  { font-style:normal; color:#1D489D;}

   .section             { margin-bottom:20px; padding-bottom:5px;}
   .section ul          { padding-left:15px; list-style-image:url("../images/blue_bullet.png"); }
   #primary .section    { margin-left:15px;}
   .s-last              { border-bottom-width:0;}



/* FORMS */

   label                { font-weight: bold;}
   fieldset             { margin: 0 0 1.5em 0; padding:1.4em; border: 1px solid #ccc;}
   legend               { font-weight: bold; font-size:1.2em;}

   /* FORM FIELDS */

   input.text, 
   input.title,
   textarea, select     { margin:0.5em 0; border:1px solid #bbb;}
   
   .content-box-t1 input.text,
   .site-search input.text,
   .home-features div input.text
						{ margin:0 5px; width:119px; color:#aaa;}
   .site-search input.text
						{ width:130px; margin:0 5px 0 0; border-color:#666; }
   .home-features div input.text
						{ margin-left:0; width:144px;}						
   
   .content-box-t1 input.submit,
   .site-search .submit,
   .home-features div .submit   
						{ margin:0 5px 0 0; width:32px; padding:1px 0; border:1px solid #999; color:#fff; background-color:#1921ba; font-weight:bold; cursor:pointer; background:#1921BA url(../images/buttonGrad.jpg) bottom left repeat-x; }

   .site-search .submit { margin:0; width:33px;}

   .home-features div .submit
						{ margin-right:0;}

   input.text:focus, 
   input.title:focus,
   textarea:focus, 
   select:focus         { border:1px solid #666;}

   input.text, 
   input.title          { padding:2px; width: 300px;}
   input.title          { font-size:1.5em;}
   textarea             { padding:5px; width: 390px; height: 100px;}


   /* SUCCESS, NOTICE AND ERROR BOXES */

   .error,
   .notice, 
   .success             { margin-bottom: 1em; padding: .8em; border: 2px solid #ddd;}

   .error               { border-color: #FBC2C4; background: #FBE3E4; color: #8a1f11;}
   .notice              { border-color: #FFD324; background: #FFF6BF; color: #514721;}
   .success             { border-color: #C6D880; background: #E6EFC2; color: #264409;}
   .error a             { color: #8a1f11;}
   .notice a            { color: #514721;}
   .success a           { color: #264409;}
   .error a:hover       { color:#FBE3E4; background-color: #8a1f11;}
   .notice a:hover      { color:#FFF6BF; background-color: #514721;}
   .success a:hover     { color:#E6EFC2; background-color: #264409;}


/* TABLES */

   table                { margin-bottom: 1.4em; width:100%;}
   th                   { font-weight: bold; background-color: #C3D9FF;}
   th,td                { padding: 4px 10px 4px 5px; vertical-align: top;}
   #normal td        { margin: 0 0 1.5em; color:#666; }
   tr.even td           { background: #E5ECF9;}
   tfoot                { font-style: italic;}
   caption              { background: #eee;}

/* CLEARING */

   .clear               { position:relative; clear:both;} 
   .fix                 { clear: both; overflow: hidden; margin: 0 0 -1px; height: 1px;}

/* NAVIGATION MENUS */
   

   /* Main-Menu */
   
	.rtsSelected .rtsTxt
	{
		color:#fff; 
	}
	
		
	#menu-wrapper  a.selectedItem 
	{
		color:#fff; background:transparent url(../images/menuOver.jpg) top center repeat-x; 
	}
	
   #menu-wrapper ul      { margin:0px; padding:0px; list-style-type:none; border-bottom:1px solid #999; border-top:1px solid #999; background-color:#aaa; }
   #menu-wrapper ul li   { position:relative;  margin:0; padding:0; height:28px; cursor:default; background-color:#aaa; }
   #menu-wrapper ul li a { display:inherit;  height:100%; color:#333; line-height:28px; text-decoration:none; font-weight:bold;}
   
   .rmHorizontal li      { background:#aaa url(../images/menuOff.jpg) bottom right no-repeat; }
   #menu-wrapper ul li a:hover    
						 { color:#fff; background:transparent url(../images/menuOver.jpg) top center repeat-x;}
   #menu-wrapper ul li a:active   
						 { color:#fff;}

						 
  /* Custom styles added to override SiteFinity defaults */
  
.hrefNoUnderline
{
	text-decoration:none;   
}

.rmExpandRight
{
	padding:0px;
}


.RadPanelBar_Default li {  
	margin: 0 0 0 0 !important;  
	padding: 0;  
	list-style-type: none;  
	border-top: 1px solid #d7d7d7; 
	width: auto !important;
	font-weight:bold;
} 

/* Contact Map */
#contactMap
{
	position: relative;
}

#contactMap a
{
	position: absolute;
	color: transparent;
	display: block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	cursor: pointer;
}

#contactMap span
{
	width: 105px;
	text-align: center;
	font-size: .8em;
	height: 8px;
	line-height: .8em;
	padding: 5px;
	border: #ccc 1px solid;
	background: #fff;
	color: #666;
	position: absolute;
	display: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 3px 3px 3px #999;
	-webkit-box-shadow: 3px 3px 3px #999;
	box-shadow: 3px 3px 3px #999;
}

#fortworth a
{
	left: 115px;
	top: 115px;
}

#fortworth span
{
	left: 135px;
	top: 115px;
}

#englewood a
{
	left: 100px;
	top: 105px;
}

#englewood span
{
	left: 110px;
	top: 100px;
}

#longbeach a
{
	left: 85px;
	top: 110px;
}

#longbeach span
{
	left: 95px;
	top: 110px;
}

#aberdeen a
{
	left: 285px;
	top: 60px;
}

#aberdeen span
{
	left: 295px;
	top: 50px;
}

#sandefjord a
{
	left: 305px;
	top: 55px;
}

#sandefjord span
{
	left: 315px;
	top: 55px;
}

#villahermosa a
{
	left: 125px;
	top: 135px;
}

#villahermosa span
{
	left: 135px;
	top: 135px;
	width: 115px;
}

#bogota a
{
	left: 152px;
	top: 150px;
}

#bogota span
{
	left: 162px;
	top: 150px;
}

#abudhabi a
{
	left: 375px;
	top: 125px;
}

#abudhabi span
{
	left: 385px;
	top: 125px;
}

@media print
{
	.site-search {display:none;}
	.sf_searchBox {white-space:nowrap; padding:0px; margin:0px}
	#primary {width:200px;}
}
