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

/* colors
red:		#5e080a
light red:	#7c1314
orange:	#f95e37
yellow:	#f98d36
gold: 		#bc9655
white:	#ffffff
links:			underlined, then yellow #f98d36
*/

/* basic elements */

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

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

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

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

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

li {font: 11pt Georgia, Times, Arial, Verdana, serif; color:#bd9557; text-align:left;}
li a:link {color: #c76538;text-decoration: underline;} 
li a:visited {color:#ffffff;text-decoration: none;} 
li a:hover {color: #ffffff;text-decoration: none;}

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

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

/*--  global navigation - at top of main-------------------------------------------*/
#globalnav {height: 30px; width: 710px; z-index:1;}
#globalnav p {text-align: right;}
#globalnav a:link {background: #0f0300; text-decoration: underline; background-image: url("images/navtab_bg.jpg"); } 
#globalnav a:visited {color:#ffffff;text-decoration: underline;} 
#globalnav a:hover {color: #c76538;text-decoration: none;}


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


/* HEADERS -------------------------------------------------------------*/
#header {width: 700px; }


/* SUMMARIES -------------------------------------------------------------*/
#summary {background-image: url("images/website_background.jpg"); background-repeat: repeat-y; background-attachment:fixed; background-color:#0f0300; width: 700px; border: 1px solid #d88e51; padding: 0px 0px 85px 0px;}

#intro {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:2px;}

#webstandards {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:30px;}

#product {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:60px;}

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

/* PORTFOLIOS -------------------------------------------------------------*/
#smartturf {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:2px;}

#osteo {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:30px;}

#dd {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:60px;}

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

#everlast {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:120px; }

#mmhy {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:150px; }

#oasis {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:180px;}

#slater {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:210px;}

#ech {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:240px;}




#footer {position:relative; top:85px;}
#footer p{text-align: center; font: 7.5pt Georgia, Times, Arial, Verdana, serif; color:#bd9557;}

#footer1 {position:relative; top:235px; padding: 0px 0px 105px 0px;}
#footer1 p{text-align: center; font: 7.5pt Georgia, Times, Arial, Verdana, serif; color:#bd9557;}
