/*
-----------------------------------------------
Style Sheet

Site: swissitweb.com
Author:   Claudia Bertelli
Version:  2009.1
----------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }


/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }

/* reset margin and padding for all elements to 0 */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl{ margin:0; padding:0; }



/* global elements
 * ------------------------------------------------------------------------- */


body {
	background: url(../images/body_bg.jpg) repeat-x #7c0d25;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

td {
	font: normal 11px Tahoma, Arial;
	color: #8a8a8a;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .82em;
	color:#CCC;
	line-height: 140%;
}

h1, h2, h3, h4, h5 {
    color: #ffffff;
    margin: 0px 0px 10px 0px;
}


h1 {
    font-size: 18px;
}

h2 {
    font-size: .92em;
}

h3, h4, h5{
    font-size: .85em;
}

a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .82em;
line-height: 140%;
color: #797979;
text-decoration: underline;
}

a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .82em;
color: #797979;
text-decoration: none;

}
 /* Layout
 * ------------------------------------------------------------------------- */
#container{
	width: 751px;
	margin-left: auto;
	margin-right: auto;	
}
 #header{
 	background: url(../images/logo.gif) no-repeat;
	background-repeat:no-repeat;
	height: 157px;
 } 
 
#header_home_link {
	width:751px;
	height:157px;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	}
#banner{
	width: 751px;
	height: 168px;
 }
 #navigation{
 	float: left;
 	width: 193px;
}
#banner_right_image{
	float: left;
	width: 557px;
	height: 168px;
	background: url(../images/banner_right_img.gif) no-repeat;
}
#content_top_frame{
	background: url(../images/content_top_frame.gif) no-repeat;
	height: 9px;
}
#content{
 	background: url(../images/content_bg.gif) repeat-y;
	width: 751px;
	min-height: 200px;
}
#left_content{
	width: 260px;
	float: left;
	margin-top: 35px;
	background:url(../images/v_line.gif) top right repeat-y;
	padding: 0px 20px 30px 40px;
}
#right_content{
	float: left;
	width: 370px;
	padding: 35px 20px 30px 40px;
}
#content_bottom_frame{
	background: url(../images/content_bottom_frame.gif) no-repeat;
	height: 9px;
}
#sub_content{
 	background: url(../images/content_bg.gif) repeat-y;
	width: 671px;
	min-height: 200px;
	padding: 35px 40px 30px 40px;
}
#sub_content_tbl{
 	background: url(../images/content_bg.gif) repeat-y;
	width: 731px;
	min-height: 200px;
	padding: 35px 10px 30px 10px;
}
.clear{
	clear:both;
}
 #footer{
	clear:both;
	width: 751px;
	height: 189px;
	background: url(../images/footer.gif) no-repeat;
}
/* Resume Table
 * ------------------------------------------------------------------------- */

.list_resume li {
	background-image: url(../images/0099_sosimple1.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	margin-left: 20px;
	padding-left: 20px;
	color: #FFF;
	font-size: .82em;
	line-height: 160%;
}

.orange-text-regular a, .orange-text-regular li{
	background-image: url(../images/0099_sosimple1.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	margin-left: 20px;
	padding-left: 20px;
	line-height: 160%;
}


/* Classes
 * ------------------------------------------------------------------------- */


a.white-link-underline {	
	text-decoration: underline;
	color: #FFFFFF;
}

.white-text{
color: #ffffff;
text-decoration: none;

}
.blye-text-underline {
color: #47beed;
text-decoration: underline;
}

.blye-text-regular {
color: #47beed;
text-decoration: none;
}

.yellow-text-regular {
color: #db9a00;
text-decoration: none;
}

.yellow-text-underline {
color: #db9a00;
text-decoration: underline;
}

.orange-text-regular {
color: #f17e22;
text-decoration: none;
}

.orange-text-underline {
color: #f17e22;
text-decoration: underline;
}
.broun-text-regular {
color: #de4e06;
text-decoration: none;
}

.broun-text-underline {
color: #de4e06;
text-decoration: underline;
}

.red-text-regular {
color: #8a3c53;
text-decoration: none;
}

.red-text-underline {
color: #8a3c53;
text-decoration: underline;
}
.black-text-regular {
color: #000000;
text-decoration: none;
}

.black-text-underline {
color: #000000;
text-decoration: underline;
}


.gray-text-underline{
color: #7c7c7c;
text-decoration: underline;
}
.gray-text-regular{
color: #7c7c7c;
text-decoration: none;
}

.green-text{
color: #549b28;
text-decoration: none;
}

.bottom_txt{
	font-size: .65em;
}

/* Sample 8
----------------------------------------------------------*/
#box8{
	position:absolute;
	left: -18px;
	top: -20px;
}
#box8 div{
	width:480px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}

/*
SPRITE NAV _ Menu Page
----------------------------------------------------------*/

/* SPRITE NAVIGATION */
#nav {
	background:url("../images/navigation.gif") top left no-repeat;					
	width: 193px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 168px;		/* Height of entire image */
	margin:0;
	padding:0;
	margin-top: 0px;
}
#nav span { display: none; }
#nav li { 
	position: relative;
	float: left;
	list-style: none;
}
#nav  li, #nav  a { 
	height: 21px;			/* Each button must have the same height, define it here */
	display: block;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#nav-01 {left: 0px; width: 193px;}
#nav-02 {left: 0px; width: 193px;}
#nav-03 {left: 0px; width: 193px;}
#nav-04 {left: 0px; width: 193px;}
#nav-05 {left: 0px; width: 193px;}
#nav-06 {left: 0px; width: 193px;}
#nav-07 {left: 0px; width: 193px;}
#nav-08 {left: 0px; width: 193px;}




/* Changed values should match "width" numbers specified above */
#nav-01 a:hover {background: transparent url("../images/navigation.gif") -193px 0px no-repeat;}
#nav-02 a:hover {background: transparent url("../images/navigation.gif") -193px -21px no-repeat;}
#nav-03 a:hover {background: transparent url("../images/navigation.gif") -193px -42px no-repeat;}
#nav-04 a:hover {background: transparent url("../images/navigation.gif") -193px -63px no-repeat;}
#nav-05 a:hover {background: transparent url("../images/navigation.gif") -193px -84px no-repeat;}
#nav-06 a:hover {background: transparent url("../images/navigation.gif") -193px -105px no-repeat;}
#nav-07 a:hover {background: transparent url("../images/navigation.gif") -193px -126px no-repeat;}
#nav-08 a:hover {background: transparent url("../images/navigation.gif") -193px -148px no-repeat;}