/* 
    Document   : default
    Created on : Jun 26, 2010, 4:34:52 PM
    Author     : Zeya
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
form input { width: 300px; height:30px;}
form ul li label {margin-top:5px;}
form ul { list-style: none}
.header2 {
    font-size:1.3em;
    font-weight: 400;
    font-style: italic;
}

.maintext {
    font-size:1.1em;
    font-weight:300;
    font-style: italic;
}
.profile_title {
    font-size: 2.4em;
    text-transform: uppercase;
    font-style: italic;
}
.profile_subtitle {
    font-size: 1.7em;

    font-style: italic;
}
.content {
    height:600px;
}


#headrbar { border-width: 2px 0 0; border-color: #000000; width:100%; margin:0px; padding:0px;}

#footer_text { font-size: 11px; text-align: center;}


.topnavi {
    margin-top:5px;
    text-align: right;
    height:20px;
}

.topnavi ul {

    list-style: none;
    margin:0px;
    padding:0px;

}
.topnavi ul li {
    margin:3px;
    padding-left: 2px;
    list-style: none;
    display:inline;
}

a {
    color:#000000;
    text-transform:uppercase;
    text-decoration: none;

}

a:hover {
    color:#000000;
    text-transform:uppercase;
    text-decoration: underline;

}
a:visted {
    color:#000000;
    text-transform:uppercase;
    text-decoration: none;

}

.topnavi_selected {
    font-weight: bolder;
}


.navi {

    float:left;
    text-align: left;
	height:30px;
}
.navi ul {

    list-style: none;
    margin:0px;
    padding:0px;

}
.navi ul li {
    margin:3px;
    padding-left: 2px;
    list-style: none;
    display:inline;
}


.subnavi_font{
    color:orange;
}


.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: inherit;
    height:500px;
}

.serviceslink {
    font-size:1em;
    color:#03a152;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
    float:left;
   
}


.test_scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 620px;
    height:200px;
}

.test_scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;

}


/* the overlayed element */
.simple_overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	background-color:#333;
	
	min-width:480px;
	min-height:200px;
	border:1px solid #666;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}