html, body {
		border: 0;
		margin: 0;
		padding: 0;
		height: 100%;
		color: #42526E;
		text-align: center;
		font-family: Arial,sans-serif;
		font-size: small;
		background-color: #FFFFFF;
		background-image:url(images/bkg.gif);
		background-repeat:repeat-y;
		background-position: center;
		}

img{border-style:none;}
h1, h2, h3, h4, p, form, dl, ul, li, dl, dd, dt {margin: 0; padding:0;}
a {color:red; text-decoration:none;}
h1, h2{ font-size: 18px;font-family: Arial,Sans-serif;}
h4{color:green;font-size:1em;font-family:Arial, Sans-serif;padding:1em 0 0.2em 0;}

/* tova e samata stranica s borders*/
#bord {
		display:block;
		width: 697px;
		margin: 0 auto; 
		padding:0;
		background-image:url(images/bkg_pg.gif);
		background-repeat:repeat-y;
		}

#pg {
		width: 697px;
		margin:0 auto;		
		text-align: center;		
		}


#logo {
		position: relative;
		float:left;
		clear:right;
		left:31px;
		top:0px;
		width: 147px;
		height: 86px;
		background-image: url(images/logo.gif);
		border:0;
		font-size: 11px;
		}

#logo span{visibility:hidden;}




/* MENU ----------------------------*/
#nav {
		display:block;
		position: relative;
		right:15px;
		float:right;
		background-image: url(images/nav_bkg.gif);
		background-repeat: repeat-x;
		width: 489px;
		height: 25px;
		}

#nav ul {list-style: none;}

#nav li, #nav a {
		float: left;
		display: block;
		height: 25px;
		}

/* MENU SPACES */
#services, #gallery, #subscribtions,#contacts, #signup {margin-left: 7px;}
#profile{margin-left: 24px;}


#home a {background-image: url(images/nav_home.gif); width: 37px;}
#services a {background-image: url(images/nav_services.gif); width: 103px;}
#gallery a {background-image: url(images/nav_gallery.gif); width: 60px;}
#subscribtions a {background-image: url(images/nav_subscribtions.gif); width: 82px;}
#contacts a {background-image: url(images/nav_contacts.gif); width: 56px;}
#profile a {background-image: url(images/nav_profile.gif); width: 51px;}
#signup a {background-image: url(images/nav_signup.gif); width: 40px;}
#logout a {background-image: url(images/nav_logout.gif); width: 41px;}


#nav span {display: none;}

/* END OF MENU STYLES -----------------------*/


#topbox {
		display:table;
		position: relative;
		top: 4px;
		right:15px;
		float:right;
		width: 489px;
		height: 56px;
		}

#topbox h1{ visibility: hidden;}
/* TITLE PAGE STYLES ---------------------------------------*/
.home_box{
		background-color:#43167A;
		background-image:url(images/title_home.gif);
		background-repeat: no-repeat; 
		background-position: center center;
		}

.reg_box{
		background-color:#EB3D00;
		background-image:url(images/title_reg.gif);
		background-repeat: no-repeat; 
		background-position: center center;
		}

.terms_box{
		background-color:#43167A;
		background-image:url(images/title_terms.gif);
		background-repeat: no-repeat; 
		background-position: center center;
		}

.services_box{
		background-color:#797979;
		background-image:url(images/title_services.gif);
		background-repeat: no-repeat; 
		background-position: center center;
		}

.gallery_box{
		background-color:#009049;
		background-image:url(images/title_gallery.gif);
		background-repeat: no-repeat; 
		background-position: center center;
		}

.subscriptions_box{
		background-color:#0074C5;
		background-image:url(images/title_subscriptions.gif);
		background-repeat: no-repeat; 
		background-position: center center;
		}

.contacts_box{
		background-color:#851154;
		background-image:url(images/title_contacts.gif);
		background-repeat: no-repeat; 
		background-position: center center;
		}

.profile_box{
		background-color:#912338;
		background-image:url(images/title_profile.gif);
		background-repeat: no-repeat; 
		background-position: center center;
		}
/* END OF HEAD PART */





#greenbox {
		display:inline;
		float:left;
		top: 8px;
		margin: 10px 0 0 32px;
		width: 648px;
		background-color: #FFFFFF;
		border-color: #009049;
		border-style: solid;
		border-width: 1px;
		clear:both;
		}
		
.greenbox {
		display:inline;
		float:left;
		top: 8px;
		margin: 10px 0 0 32px;
		width: 648px;
		background-color: #FFFFFF;
		border-color: #009049;
		border-style: solid;
		border-width: 1px;
		clear:both;
		}

/* EXAMPLE PLACE in GREEN BOX */
#greenex {
		display:block;
		float:left;
		position:relative;
		left: 34px;
		top: 10px;
		text-align: left;
		}

#greenex img{
		display: block;
		position:relative;
		top: 14px;
		}

#greenex p{position:relative;top: 26px;}
#greenex a{text-decoration: none;color: #009049;}

#greenttl{
		float:left;
		padding: 10px 0 0 30px;
		color: red;
		font-size: 13px;
		font-weight: bold;
		width:50px;
		clear:right;
		}
		
#greennote{
		display:block;
		padding: 10px 0 10px 80px;
		width: 480px;
		float:left;
		position:relative;
		text-align: left;
		}

.greentitle{
		display:inline;
		float:left;
		width: 100px;
		padding: 10px 0 0 30px;
		color: red;
		font-size: 13px;
		font-weight: bold;
		text-align:left;		
		}

.greengo{
		display:inline;
		float:left;
		padding: 10px 0 0 30px;		
		}

.greennav{
		display:inline;
		float:left;
		padding: 10px 0 10px 80px;		
		text-align: left;		
		}

.greensmall{font-size:x-small;font-family:verdana,arial;}
select.greensmall { 
		display:inline; 
		width:auto; 
		margin:10px 0 0 10px; 
		float:left;
		}

/* GREEN LOGIN PANEL SETTINGS ------------- */
#greenlog {
		display:block;
		float: right;
		width: 224px;
		background-color: #009049;
		}

#greenlog p, #greenlog h2 {
		margin: 14px;
		color: white;
		text-align:left;
		}


#greenlog a {color: yellow;}

#greenbtn { 
  display:block;
  margin-bottom: 16px;
 }
/* END GREEN PANEL SETTINGS ----------- */


/* WHITE GRAY BOXES --------------------------*/

#white_gray {
		display:inline;
		float:left;
		margin: 0 0 0 32px;
		width: 650px;
		background-color: #F0F0F0;		
		text-align:left;
		background-image:url(images/wgray_bkg.gif);
		clear:both;
		}


#white_gray div{
		display: inline;
		float: left;		
		margin-top: 36px;		
		width: 150px;
		}

#white_gray h1{
		margin: 0;
		color: #666666;
		visibility: hidden; 
		}

#white_gray p{
		margin: 1em 0;
		font-size: 0.9em;
		width:150px;
		}

#wg_sign{
		display: inline;
		margin: 0 30px 0 30px;
		background-image:url(images/wg_signup.gif);
		background-repeat: no-repeat;
		}


#wg_exam{
		display: inline;
		margin: 0 30px 0 25px;
		background-image:url(images/wg_examples.gif);
		background-repeat: no-repeat;
		}

#wg_so{
		display: inline;
		padding: 0px;
		margin: 0 0 0 30px;
		background-image:url(images/wg_so.gif);
		background-repeat: no-repeat;
		}

div#dot_v1{
		display:block;		
		float:left;
		width:  1px;
		height: 200px;
		background-image:url(images/dot_vertical.gif)
		}

div#dot_v2{
		display:block;		
		left: 20px;
		float:left;
		width:  1px;
		height: 200px;
		background-image:url(images/dot_vertical.gif)
		}
/* END WHITE GRAY STYLES -----  */



#darkbox {
		display:table;
		position:relative;
		float:none;
		top: 8px;
		margin: 0 15px 0 auto;
		width: 648px;
		height: 100px;
		border: 1px solid #797979;
		clear:both;
		text-align: left;
		}
#darkbox:after{
		content:".";
		display:block;
		clear:both;
		height: 0;
		visibility:hidden;
		}

#darkpromo{
		display:block;
		float:left;
		position:relative;
		width: 423px;
		background-color: #797979;
		text-align: left;
		color:white;
		}

#darkpromo p, #darkpromo h2{margin: 14px 14px 14px 34px;}
#darkpromo p{margin-top:0.5em; bottom:0.5em;}

#darkart {
		display:block;
		position: relative;
		float: right;
		width: 224px;
		background-color: #FFFFFF;
		}

#darkart p, #darkart h2 {
		margin: 14px;
		text-align:left;
		}

#darkart a{ color:red;}

/* CREDITS & FAQ*/

#cr-faq{
		display: inline;		
		float:left;
		width: 648px;
		margin: 12px 15px 0 62px;
		padding-top: 18px;
		text-align: left;
		clear:both;
		}

#cr-faq ul{
		list-style: none;
		margin-top: 4px;
		}

#cr-faq li{margin-top: 2px;}

#credits{
		float: left;
		width: 180px;		
		}

#faq{
		top: 14px;
		float:left;
		margin-left: 140px;
		}

#text_white{
		display: inline;
		float:left;
		width: 650px;
		margin: 2em 34px;
		text-align:left;
		}

#galv{
		display:inline;
		float:left;
		width: 650px;
		margin: 0 0 0 32px;
		padding-bottom: 2em;
		background-color: #999999;
		clear:left;
		}

#galv img{
		padding: 2em 0 0 0;
		margin-left: 5px;
		}

#galvtxt{
		display: block;
		}

/*     CLOSE --------------------------------*/
#close{list-style:none; margin-bottom:2px;}

#close li{
		display:inline;
		margin-left: 8px;
		}



.small{display:block;position:relative;font-size:x-small;font-family:verdana,arial; clear:both;}

/*      CONTACT FORM -----------------------------------------  */

#contact-data{
		width: 320px;
		background-color: #EEEEEE;
		padding: 14px 0 14px 0;
		}

#contact-data dt{
		float: left;
		padding: 2px 20px 0px 40px;
		}

#contact-data dd{ padding: 2px 20px 0px 150px;}
#contact-data input{font-size:12px;}

#msg-data{
		width: 540px;
		background-color: #EEEEEE;
		padding: 14px 0 16px 40px;
		}

#msg-data dd{padding: 2px 0 2px 0;}

.tmstamp{
		margin-top:20px;
		font-weight:bold
		}
.hide{ display:none;}		

/*  SIRF STYLES*/
/* This goes in the stylesheet to hide the browser text before it is replaced */

.sIFR-hasFlash h2 {
		visibility: hidden;
		letter-spacing: -4px;
		font-size:26px;
		}

.sIFR-hasFlash h3 {
		visibility: hidden;	
		font-size: 14px;
		}

.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		}

.sIFR-replaced { visibility: visible !important;}

span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}