/*************** Izzat's CSS Framework 3.0 *****************/

/**************** GLOBAL RESETS ******************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
margin:0;
padding:0;
border:0;
font-weight:normal;
font-style:normal;
/*text-align:left;*/
font-family:inherit;
}

table {
border-collapse:collapse;
border-spacing:0;
}

ol,ul {
list-style:none;
}

q:before,q:after,blockquote:before,blockquote:after {
content:"";
}

:focus {
	outline: 0;
}



    /************ IE6 PNG FIX ***********
    img, div { behavior: url(iepngfix.htc) }
    ******** IE6 PNG FIX **************/
    
/**************** TYPOGRAPHY SECTION ******************/

body {
	line-height: 1;
	color: #333;
	font: 62.5% Arial, Helvetica, sans-serif;
	height: 100%;
}

html, body {
	height: 100%;
}
    
p {
font-size: 1.1em;
line-height: 1.6em;
font-family: Arial, Verdana, sans serif;
padding: 0 0 1.1em 0;
margin:0;
}

p.success {
font-size: 1.5em;
font-weight:bold;
color:#006699;
line-height: 1.6em;
font-family: Arial, Verdana, sans serif;
padding: 0 0 1.1em 0;
margin:0;
}

    .first-para {
    color:#0085CA;
    font-weight:bold;
    }
    
    .drop-cap {
    float:left;
    font-size:32px;
    padding:4px 4px 4px 2px;
    margin:5px 0 0 0;
    }

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #000;
}
h1, h2, h3 {
	font-size: 2.7em;
	letter-spacing:-1px;
	/*line-height: 1.05em;*/
	padding-bottom: 5px;
}
h2, h3 {
	margin: 0;
}
h4 {
	font-size: 1.6em;
	line-height: 23px;
}

strong, b {
font-weight:bold;
 }
 
a:link, a:visited {
color: #ff0000;
text-decoration: underline;
}

a:hover, a:active {
color: #ff0000;
text-decoration: none;
}

    a:link.goto, a:visited.goto {
    text-decoration: none;
    background:#ff0000;
    color:#ffffff;
    display:inline;
    padding:5px;
    }
    
    a:hover.goto, a:active.goto {
    text-decoration: none;
    background:#003366;
    color:#ffffff;
    display:inline;
    padding:5px;
    }    

    
ul.points {
list-style-image: url(../images/marker.gif);
list-style-type: none;
font-family: Arial, Verdana, sans serif;
font-size: 1.1em;
line-height: 2em;
color:#454545;
padding:0 0 10px 20px;
}
	
li.points {
list-style-position: outside; 
padding: 0 0 3em 0;
}

blockquote {
margin: 10em;
}

/********************** LAYOUT ELEMENTS *************************/

html {
background:#10455F url(../images/bg.jpg) top left repeat-x;
 }

#header {
height:85px;
width:700px;
margin:0px auto;
background: url(../images/logo-header.jpg) top left no-repeat;
}

.timedate  {
color:#999;
font-family: Arial, sans-serif;
font-size:1.1em;
background:#e7e7e7;
padding:5px;
margin: 30px 0 0 0;
float:right;
border: #dadada 1px solid;
}
 
#wrapper {
width:700px;
margin:0px auto;
background:#e9e9e9 url(../images/bg-wrapper2.gif) top right repeat-y;
padding:0px;
}

#wrapper2 {
width:700px;
margin:0px auto;
background:#fff;
padding:0px;
}

#inow {
padding:3px;
background:#333;
color:#fff;
text-align:right;
font-size:1.1em;
 }

#inow a:link, #inow a:visited {
padding:3px;
color:#fff;
background:#333;
text-decoration:none;
font-weight:bold;
display:block;
} 
#inow a:hover, #inow a:active {
padding:3px;
color:#fff;
background:#006699;
text-decoration:none;
font-weight:bold;
display:block;
} 
 
#content2 {
padding:10px;
background:#fff;
text-align:center;
}

#navigation {
height:50px;
background:#fff url(../images/nav-bg.jpg) bottom left repeat-x;
border: #dadada 1px solid;
}

#splash {
height:350px;
background:#fff;
margin:0 0 0 0;
border-bottom:#000 5px solid;
}
#splash2 {
height:191px;
background:#fff;
margin:0 0 0 0;
border-bottom:#000 5px solid;
}
#leftcolumn {
float:left;
background:#e7e7e7;
}

#rightcolumn {
float:right;
width:30%;
background:#dadada;
padding:0 0 0 10px;
}

#contentcolumn {
float:left;
width:61%;
background:#e7e7e7;
padding:5px 0 10px 10px;
}

#sidebarcolumn {
float:right;
width:34%;
background:#dadada;
padding:5px 10px 10px 10px;
}

#footer {
text-align:center;
clear:both;
background:#4486B2 url(../images/footer.jpg) bottom left repeat-x;
padding: 5px 5px 5px 5px;
margin:0;
}

#footer p {
font-size: 1.1em;
line-height:1.4em;
color:#eaeaea;
font-family: Arial, Verdana, sans serif;
}

/********************** HORIZONTAL NAVIGATION MENU *************************/

#nav {
	list-style:none;
	margin:0px;
	padding:0px;
	clear:both;
	float:left;
	/*line-height:0px;*/
}
#nav li{
	margin-left:10px;
	float:left;
}
#nav li a{
	height: 50px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -900em; /*activate when image used for button*******/
}

#nav #nav-1 a{
	width: 108px;
    background: #666666;
    color:#ffffff;
	background: url(../images/nav-home.jpg) no-repeat left top;
}
#nav #nav-1 a:hover{
    background: #003366;
    color:#ffffff;
    background: url(../images/nav-home.jpg) no-repeat left bottom;
}
#nav #nav-1 a:active, #nav #nav-1 a.selected {
    background: #003333;
    color:#ffffff;
    background: url(../images/nav-home.jpg) no-repeat left bottom;
	}

#nav #nav-2 a{
	width: 123px;
    background: #666666;
    color:#ffffff;
	background: url(../images/nav-about.jpg) no-repeat left top;
}
#nav #nav-2 a:hover{
    background: #003366;
    color:#ffffff;
    background: url(../images/nav-about.jpg) no-repeat left bottom;
}
#nav #nav-2 a:active, #nav #nav-2 a.selected {
    background: #003333;
    color:#ffffff;
    background: url(../images/nav-about.jpg) no-repeat left bottom;
	}

#nav #nav-3 a{
	width: 98px;
    background: #666666;
    color:#ffffff;
	background: url(../images/nav-news.jpg) no-repeat left top;
}
#nav #nav-3 a:hover{
    background: #003366;
    color:#ffffff;
    background: url(../images/nav-news.jpg) no-repeat left bottom;
}
#nav #nav-3 a:active, #nav #nav-3 a.selected {
    background: #003333;
    color:#ffffff;
    background: url(../images/nav-news.jpg) no-repeat left bottom;
	}        

#nav #nav-4 a{
	width: 132px;
    background: #666666;
    color:#ffffff;
	background: url(../images/nav-product.jpg) no-repeat left top;
}
#nav #nav-4 a:hover{
    background: #003366;
    color:#ffffff;
    background: url(../images/nav-product.jpg) no-repeat left bottom;
}
#nav #nav-4 a:active, #nav #nav-4 a.selected {
    background: #003333;
    color:#ffffff;
    background: url(../images/nav-product.jpg) no-repeat left bottom;
	}     
    
#nav #nav-5 a{
	width: 149px;
    background: #666666;
    color:#ffffff;
	background: url(../images/nav-dload.jpg) no-repeat left top;
}
#nav #nav-5 a:hover{
    background: #003366;
    color:#ffffff;
    background: url(../images/nav-dload.jpg) no-repeat left bottom;
}
#nav #nav-5 a:active, #nav #nav-5 a.selected {
    background: #003333;
    color:#ffffff;
   background: url(../images/nav-dload.jpg) no-repeat left bottom;
	}   
    
#nav #nav-6 a{
	width: 120px;
    background: #666666;
    color:#ffffff;
	background: url(../images/nav-contact.jpg) no-repeat left top;
}
#nav #nav-6 a:hover{
    background: #003366;
    color:#ffffff;
    background: url(../images/nav-contact.jpg) no-repeat left bottom;
}
#nav #nav-6 a:active, #nav #nav-6 a.selected {
    background: #003333;
    color:#ffffff;
    background: url(../images/nav-contact.jpg) no-repeat left bottom;
	}       
    

        
    /********************** NAVIGATION STUFF 2 - Vertical Menu *************************/

#nav2 {
	list-style: none;
	margin:0px;
	padding:0px;
}
#nav2 li{
	margin:1px;
	padding:0px;
    list-style: none;
}
#nav2 li a{
	/*height: 30px;*/
    display:block;
    padding:5px;
	text-decoration:none;
	/*
    text-indent: -900em; activate when image used for button*******/
}

#nav2 #nav-1 a{
	width: 200px;
    background: #666666;
    color:#ffffff;
	/*background: url(images/nav-home.jpg) no-repeat left top;*/
}
#nav2 #nav-1 a:hover{
    background: #003366;
    color:#ffffff;
    /*background: url(images/nav-home.jpg) no-repeat left bottom;*/
}
#nav2 #nav-1 a:active, #nav2 #nav-1 a.selected {
    background: #003333;
    color:#ffffff;
    /*background: url(images/nav-home.jpg) no-repeat left bottom;*/
	}