﻿/* Tektique CSS Document */

/*
Author: Augment
*/

html{overflow:-moz-scrollbars-vertical;}

* {margin: 0; padding: 0; outline: none;}

body{
background-color:#edecdf;
font: 12px Arial, Helvetica, sans-serif normal;
color:#67aa0d;
z-index:0;
}

.clear{
clear:both;
}

/*a:link { background:url(../gfx/arrow.gif) no-repeat left; color:#67aa0d; text-decoration:underline; padding: 0 0 0 15px;}
a:visited {}
a:hover{}
a:active{}
*/

#container{
margin: 0px auto;
width:970px;
text-align:center;
background-color:#FFFFFF;
}

/* header */
#container #header{
width:970px;
height:210px;
background:#edecdf url(../gfx/header_bg.jpg) no-repeat center;
border:none;
}

#container #header .logo{
float:left;
padding: 95px 0 5px 10px;
}

#container #header .text{
font-size: 12px;
font-weight:bold;
color:#67aa0d;
padding: 0 0 0 35px;
float:left;
}

#container #header .icons{
	
	list-style:none;
	float:right;
	padding: 153px 37px 0 0;
	}

#container #header .icons li{
	float:left;
	padding: 0 10px 0 0;
	}

/* login */
#container #header .login{
float:right;
margin: -105px 0 0 0;
text-align:left;
width:300px;
}

#container #header .logout{
float:right;
margin: -105px 0 0 0;
text-align:left;
width:300px;
}

#container #header .login h3{
float:left;
padding:0px;
margin: 0px;
}

#container #header .logout h3{
float:left;
padding:0px;
margin: 0px;
}

#container #header .login label{
display:block;
width:250px;
float:left;
text-align:left;
margin:5px 0 0 0;
color:#6e6d58;
font-size:11px;
}

#container #header .logout label{
display:block;
width:250px;
float:left;
text-align:left;
margin:5px 0 0 0;
color:#6e6d58;
font-size:11px;
}

#container #header .field{
background-color:#fefefc;
border: 1px solid #6e6d58;
padding:2px;
color:#6e6d58;
font-size:11px;
margin: 0 0 2px 0;
}

#container #header .login .loginbutton{
background-color:#d8d4b9;
border: 1px solid #6e6d58;
padding:1px;
margin: 0 20px 0 0;
color:#6e6d58;
font-size:10px;
cursor:pointer;
float:right;
}

#container #header .logout .logoutbutton{
background-color:#d8d4b9;
border: 1px solid #6e6d58;
padding:1px;
margin: 0 20px 0 0;
color:#6e6d58;
font-size:10px;
cursor:pointer;
float:right;
}

/* page structure */
#container #page{
margin: 0 35px 0 35px;
}

/* navigation */
#container #navigation{
background:url(../gfx/nav_bg.gif) no-repeat top;
height: 47px;
width: 900px;
margin: 15px auto;
text-align:center;
}
 
#container #navigation ul{
list-style:none;
line-height:47px;
padding: 0 0 0 15px;
}

#container #navigation ul li{
color:#67aa0d;
float:left;
font-weight:bold;
background:none;
padding: 0 0 0 0;
}

#container #navigation ul li.sep{
padding: 0 10px 0 10px;
}

#container #navigation ul li a.active{
color:#999999;
border-bottom:4px solid #999999;
font-weight:bold;
}

#container #navigation ul li a:link, #container #navigation ul li a:visited {
color:#67aa0d;
text-decoration:none;
}

#container #navigation ul li a:hover {
color:#999999;
text-decoration:underline;
}

#container h2{
color:#67aa0d;
font-size:14px;
text-align:left;
font-weight:normal;
float:left;
padding: 10px 0 0 0;
}

#container h3{
color:#999999;
font-size:16px;
text-align:left;
font-weight:normal;
float:left;
padding: 0 0 10px 10px;
}

#container p{
color:#585336;
font-size:11px;
text-align:left;
float:left;
padding: 10px 20px 10px 10px;
}

#container p .go{
float:right;
background:none;
}

#container p .go a:link, #container p .go a:visited, #container p .go a:active, #container p .go a:hover{
background:none;
}

#container p .form, #container p .email, #container p .phone{
padding:0 5px 0 5px;
}


/* column 1 */
#container #column1{
background:url(../gfx/buildings.gif) no-repeat left;
height: 160px;
border-bottom: 5px solid #ffffff;
}

#container #column1 h1{
color:#8c8b85;
font-size:14px;
text-align:left;
font-weight:normal;
padding: 40px 10px 0 400px;
}

#container #column1 h1 a:link, #container #column1 h1 a:visited, #container #column1 h1 a:link a:active {
color:#8c8b85;
text-decoration: underline;
}

#container #column1 h1 a:link a:hover {
color:#8c8b85;
text-decoration: none;
}

#container #column1 h1 span{
color:#67aa0d;
font-size:16px;
font-weight:bold;
}

/* column 2 */
#container #column2{
background:url(../gfx/page.jpg) no-repeat left;
height: 158px;
border-bottom: 5px solid #ffffff;
}

#container #column2 ul{
list-style:none;
}

#container #column2 ul li a:link { background:url(../gfx/arrow.gif) no-repeat left; color:#67aa0d; text-decoration:underline; padding: 0 0 0 15px;}
#container #column2 ul li a:visited {color:#67aa0d; text-decoration:underline;}
#container #column2 ul li a:hover{color:#67aa0d; text-decoration:none;}
#container #column2 ul li a:active{color:#67aa0d; text-decoration:underline;}

#container #column2 ul li.ss{
background:url(../gfx/safe.gif) no-repeat left;
width:290px;
height: 158px;
border-right:none;
float:left;
}

#container #column2 ul li.ss p, #container #column2 ul li.markets p, #container #column2 ul li.partners p {
color:#585336;
font-size:11px;
text-align:left;
padding: 15px 30px 0 88px;
}

#container #column2 ul li.markets{
background:url(../gfx/calculator.gif) no-repeat left;
width:290px;
height: 158px;
border-right: 1px solid #e8e8e8;
float:left;
}

#container #column2 ul li.partners{
background:url(../gfx/graph.gif) no-repeat left;
width:290px;
height: 158px;
border-right: 1px solid #e8e8e8;
float:left;
}

#container #column2 ul li span{
float:left;
margin: 15px 0 0 15px;
}

/* column 3 */
#container #column3{
float:left;
width:515px;
border-right: 1px solid #e8e8e8;
}

#container #column3 ul, #container #column4 ul{
float:left;
list-style:none;
padding: 0 0 15px 15px;
}

#container #column3 ul li, #container #column4 ul li{
background:url(../gfx/bullet.gif) no-repeat left;
padding: 0 0 0 15px;
text-align:left;
color:#585336;
}

#container #column3 ul li a:link { color:#67aa0d; text-decoration:underline;}
#container #column3 ul li a:visited {color:#67aa0d; text-decoration:underline;}
#container #column3 ul li a:hover{color:#67aa0d; text-decoration:none;}
#container #column3 ul li a:active{color:#67aa0d; text-decoration:underline;}

#container #column3 p a:link { background:url(../gfx/arrow.gif) no-repeat left; color:#67aa0d; text-decoration:underline; padding: 0 0 0 15px;}
#container #column3 p a:visited {color:#67aa0d; text-decoration:underline;}
#container #column3 p a:hover{color:#67aa0d; text-decoration:none;}
#container #column3 p a:active{color:#67aa0d; text-decoration:underline;}

/* column 4 */
#container #column4{
float:right;
width:378px;
}

#container #column4 a:link { background:url(../gfx/arrow.gif) no-repeat left; color:#67aa0d; text-decoration:underline; padding: 0 0 0 15px;}
#container #column4 a:visited {color:#67aa0d; text-decoration:underline;}
#container #column4 a:hover{color:#67aa0d; text-decoration:none;}
#container #column4 a:active{color:#67aa0d; text-decoration:underline;}


/* footer */
#container .footer{
border-top: 5px solid #ffffff;
border-bottom: 5px solid #ffffff;
background-color:#666666;
height: 145px;
margin: 0px 0 0 0;
}

#container .footer p{
text-align:center;
margin: 0px auto;
color:#cccccc;
width: 930px;
}

#container .footer .footernav{
list-style:none;
margin: 20px auto;
text-align:center;
width: 400px;
}

#container .footer .footernav li{
color:#cccccc;
float:left;
background:none;
padding: 0 0 0 0;
}

#container .footer .footernav li.sep{
padding: 0 10px 0 10px;
}

#container .footer .footernav a:link { no-repeat left; color:#cccccc; text-decoration:none; }
#container .footer .footernav a:visited {color:#cccccc; text-decoration:underline;}
#container .footer .footernav a:hover{color:#cccccc; text-decoration:underline;}
#container .footer .footernav a:active{color:#cccccc; text-decoration:underline;}

/* ads */
#container #ads{
background-color:#ffffff;
height: 158px;
border-top: 1px solid #d1ccaf;
margin: 20px 0 0 0;
}

#container #ads .adlist{
list-style:none;
}

#container #ads .adlist li{
color:#d1ccaf;
font-size:14px;
float:left;
background:none;
padding: 0 0 0 0;
width:235px;
height: 150px;
border-right: 1px solid #d1ccaf;
}

#container #ads .adlist li.none{
color:#d1ccaf;
font-size:14px;
float:left;
background:none;
padding: 0 0 0 0;
width:235px;
height: 150px;
border-right: none;
}

