/* project: internet services template
   author: luka cvrk (www.solucija.com) */

   
/* default styles
   -------------- */
   
body { 
	margin: 0 auto;
	width: 900px;
	padding: 10px; 
	font: 0.7em Tahoma, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
}

#page {
  position: relative;
}

a {	color: #E0691A;	background: inherit;}
a:hover { color: #6C757A; background: inherit; }

.title { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
.subtitle { font: normal 1.3em Arial, Sans-Serif; letter-spacing: -1px; padding: 2px 0 0 8px; margin: 0; }

p {	margin: 0 0 5px 0; }

.headerTitle { 
	height: 55px;
	background: #eee;
	color: #808080;
	margin: 3px 0;
	padding: 10px 0 0 0;
	border-bottom: 1px solid #ccc;
}

#navlist { 
	list-style: none;
	font-size: 1.1em;
	height: 30px;
	color: #FFF;
	margin: 0px;
	background: #FF9148;
     text-align: center;
}

#navlist li { 
        padding: 0px 12px 5px 12px;
	color: #FFEADC;
	background: #FF9148;
        display: inline;
        line-height: 30px;
        text-align: center;
}
	
#navlist li#active { 
	background: #E0691A url(../image/topArrow.gif) no-repeat top center;
	color: #fff;
	font-weight: bold; 
        padding: 9px 19px 9px 19px;
	}
	
#navlist li a { 
		background-color: transparent;
                background-image: none;
		font-weight: bold;
		color: #FFF; 
		text-decoration: none;
          vertical-align: bottom;
	} 
	
#navlist li a:hover { 
	background-color: inherit;
     background-image: none;
	color: #E0691A; 
} 

#content { 
   margin-left: 180px;
   margin-right: 160px;
}

#content a {
	text-decoration: none;
}

.contentHeading {
   color: #E0691A;
   font-size: 150%
}


#leftSideBar {
	position: absolute;
	left: 0px;
	width: 180px;
	margin: 0px;
}

		
#rightSideBar {
     position: absolute;
     right: 0px;
	width: 160px;
	margin: 0px;
}


.thumbLeft {
	float: left;
	width: 220px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
}

.thumbRight {
	float: right;
	width: 220px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 10px;
}

.thumbLeft img, .thumbRight img {
	width: 200px;
	height: 150px;
}

.storyRight {
	clear: right;
}

.storyLeft {
	clear: left;
}