/* ------------------------------------------------------------------ 
Izzat Hafiz's CSS Framework
Website designer: Izzat Hafiz (InternetNow International Sdn. Bhd)
 -------------------------------------------------------------------*/

/* ------------------------------------------------------------------ 
GLOBALS
 -------------------------------------------------------------------*/ 
 
html, body {
border:0;
margin:0;
padding:0;
}

body, html {
	color:#333333;
	/*min-height:101%;*/
	font:100%/1.25 Trebuchet MS, sans-serif;
}

html {
background: #90BBE1 url(images/bg.jpg) top left repeat-x;
}
 
a:link, a:visited {
	text-decoration:none;
	color: #FF7E00;
}

a:hover, a:active {
	color:#FF7E00;
	text-decoration:underline;
}

h1 {
	font-size: 1.8em;
    /*font-variant: small-caps;*/
    text-transform:uppercase;
    color:#2D4F42;
    margin-bottom:7px;
}

h2 {
	font-size: 1.2em;
    color:#497463;
   margin-bottom:7px;
   border-bottom: #cacaca 1px solid;
	}

h3 {
	font-size: 1.2em;
	}

h4 {
	font-size: 1.2em;
	}

p {
font-size: 0.8em;
line-height: 1.4em;
}    

form {
text-align:right;
padding: 0 55px 0 0;
}
/* ------------------------------------------------------------------ 
LAYOUT DIVs
 -------------------------------------------------------------------*/
    
#container {
width:820px;
margin: 20px auto;
padding:5px;
background:#ffffff;
}

#header {
background:#ffffff url(images/logo2.gif) bottom left no-repeat;
height:80px;
margin: 5px 0 7px 0;
}

#navigation {
height:40px;
background-color: #000;
}

#splash {
height:150px;
width:100%;
margin:  0 0 7px 0;
background:#666666;
}

#leftcolumn {
width:555px;
float:left;
background:#fff;
margin: 3px 3px 10px 0px;
padding: 0 0 0 7px;
border-top:#2A577A 7px solid;
}

#rightcolumn {
width:235px;
float:right;
background:#ffffff;
margin: 3px 0px 10px 0px;
border-top:#1A6BA9 7px solid;
padding:5px;
}

#leftcolumn2 {
border-top:#2A577A 7px solid;
width:48%;
float:left;
padding:5px;
margin: 3px 3px 10px 0px;
}

#rightcolumn2 {
border-top:#1A6BA9 7px solid;
width:49%;
float:right;
padding:5px;
margin: 3px 0px 10px 0px;
}

#footer{ 
height:25px;
clear:both;
padding:7px; 
color:#666666;
text-align: center;
font-size:12px;
background:#dadada;
border-top: #ccc 4px solid;
}

/* ------------------------------------------------------------------ 
NAVIGATION
 ----------------------------------------------------------------*/

 #nav {
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 80px;
	clear:both;
	float:left;
}

#nav li{
	margin-right:7px;
	float:left;
}

#nav li a{
	height: 35px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -900em;
}

    
#nav #home a{
	width: 110px;
	background: url(images/button_home.gif) no-repeat left top;
}
#nav #home a:hover{
	background: url(images/button_home.gif) no-repeat left bottom;
}
#nav #home a:active, #nav #home a.selected {
	background: url(images/button_home.gif) no-repeat left bottom;
	}   
#nav #profile a{
	width: 166px;
	background: url(images/button_profile.gif) no-repeat left top;
}
#nav #profile a:hover{
	background: url(images/button_profile.gif) no-repeat left bottom;
}
#nav #profile a:active, #nav #profile a.selected {
	background: url(images/button_profile.gif) no-repeat left bottom;
	}
    
#nav #products a{
	width: 180px;
	background: url(images/button_products.gif) no-repeat left top;
}
#nav #products a:hover{
	background: url(images/button_products.gif) no-repeat left bottom;
}
#nav #products a:active, #nav #products a.selected {
	background: url(images/button_products.gif) no-repeat left bottom;
	}
    
#nav #contact a{
	width: 180px;
	background: url(images/button_contact.gif) no-repeat left top;
}
#nav #contact a:hover{
	background: url(images/button_contact.gif) no-repeat left bottom;
}
#nav #contact a:active, #nav #contact a.selected {
	background: url(images/button_contact.gif) no-repeat left bottom;
	}