﻿/* tested with IE7/Win, Mozilla Firefox, Opera, Safari,..................... */

/* colors
blue:			#347091
light blue/grey bg:	#ebeaeb
blue body font:	#738893
dark grey outline:	#808080
light green:		#047a52
dark green:		#01572f

links:			#347091 and underlined, then #738893 and underlined
*/

/* basic elements */

body {background-color:#ffffff; text-align: center;}

/*    main content---------------------------------------------------------*/
#container {width: 700px;}

/*    fonts------------------------------------------------------------------*/
a:link {color: #347091;text-decoration: underline;} 
a:visited {color:#738893;text-decoration: underline;} 
a:hover {color: #738893;text-decoration: none;}

h1 {font: 12.5pt Arial, Verdana, Times, serif; color:#047a52; }
h1 span  {display:none;}
h2 {font: 12pt Arial, Verdana, Times, serif; color:#047a52; font-weight: bold; margin: 5px; text-align: center; font-variant: small-caps;}
h2 span {display:none;}
h3 {font: 10pt Arial, Verdana, Times, serif; color:#047a52; font-weight: bold; margin: 5px;}
h3 span {display:none;}

p{font: 9pt Arial, Verdana, Times, serif; color:#738893;
text-align: left;
text-indent: 0px;
padding: 5px 10px 2px 15px;
margin: 0px;}

li {font: 9pt Arial, Verdana, Times, serif; color:#738893; text-align:left;}
li a:link {color: #347091;text-decoration: underline;} 
li a:visited {color:#738893;text-decoration: none;} 
li a:hover {color: #738893;text-decoration: none;}

abbr, acronym {text-decoration: none;border-bottom: 1px dotted #dee5ee;cursor: help;}

/*--------------------------------------------------------------------------*/ 

/*--  global navigation - at top of main-------------------------------------------*/
#globalnav {height: 25px; width: 725px; position:relative; left:-12px; z-index:1;}
#globalnav p {text-align: left;}
#globalnav a:link {text-decoration: underline;} 
#globalnav a:visited {color:#01572f; text-decoration: underline;} 
#globalnav a:hover {color: #01572f; text-decoration: none;}
#globalnav a:active {color: #01572f; text-decoration: none;}

#portnav {height: 25px; width: 700px; text-align: left;}
#portnav a {padding: 0px 10px 0px 0px;}
#portnav a:link {color:#01572f; text-decoration: underline;} 
#portnav a:visited {color:#01572f; text-decoration: underline;} 
#portnav a:hover {color: #ffffff; text-decoration: none; font-weight:bold;}
#portnav a:active {color: #ffffff; text-decoration: none;font-weight:bold;}

/*--------------------------------------------------------------------------*/


/* HEADERS -------------------------------------------------------------*/
#header_image {width: 700px; background-color:#ffffff;}
#header {width: 650px; background-color:#ffffff;}


/* SUMMARIES -------------------------------------------------------------*/
#wrap {background-color:#bfc0c2; width: 700px; padding: 5px 0px 12.5px 0px; position:relative; top: -3px;}

#summary {background-color:#ffffff; width: 677px; padding: 20px 0px 30px 0px; border-left: 1px solid #99999b; border-right: 1px solid #99999b; border-bottom: 1px solid #99999b; }

#summary1 {background-color:#ffffff; width: 677px; height: 640px; padding: 20px 0px 30px 0px; border-left: 1px solid #99999b; border-right: 1px solid #99999b; border-bottom: 1px solid #99999b; }

#frame {position: absolute; top:200px; left: 25px; width: 649px; height: 386px; border: 1px solid #BFC0C2;}
#frame_landscape {position: absolute; top:325px; left: 25px; width: 649px; height: 386px; border: 1px solid #BFC0C2;}

img.mini{border: none;}
#minis a:link {text-decoration:none;}
#minis a:visited {text-decoration:none; }
#minis a:hover {background: #bfc0c2; text-decoration:none; }
#minis a img.big {width: 0px; height: 0px; border-width: 0px;}
#minis a:hover img.big {position: absolute; top:221px; left: 25px; width: 650px; height: 366px; border: none; text-decoration:none; }

#minis_l a:link {text-decoration:none;}
#minis_l a:visited {text-decoration:none; }
#minis_l a:hover {background: #bfc0c2; text-decoration:none; }
#minis_l a img.big {width: 0px; height: 0px; border-width: 0px;}
#minis_l a:hover img.big {position: absolute; top:345px; left: 25px; width: 650px; height: 366px; border: none; text-decoration:none; }

#intro {background-color:#ebeaeb; width: 650px; border-top: 1px solid #738893; border-bottom: 1px solid #738893;position:relative; top:2px;}

#landscape {background-color:#ebeaeb; width: 650px; position:relative; top:2px;border-top: 1px solid #738893; border-bottom: 1px solid #738893;}

#sporting {background-color:#ffffff; width: 650px; border-top: 1px solid #738893; border-bottom: 1px solid #738893; position:relative; top:10px;}

#commercial {background-color:#ebeaeb; width: 650px; position:relative; top:20px;border-top: 1px solid #738893; border-bottom: 1px solid #738893;}

#contact {background-color:#0f0300; width: 696px; border: 1px solid #808080; position:relative; top:90px; }

#footer {background-color:#ffffff;}
#footer p{text-align: center; font: 7.5pt Arial, Verdana, Times, serif; color:#738893;}
