/*  Dhimahi website
-----------------------------------------------------*/
/*
    author:    Blaž Grapar
    email:     blaz@dhimahi.com
    website:   http://www.dhimahi.com
*/
@import url("reset.css");
/* Load 960 Grid system - http://960.gs */
@import url("960.css");
/* Fluid version of the Grid system */
/* @import url("grid.css");*/

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	background: #eee;
	}

hr {
	display: none;	
	}

a {
	color: #529DC5;	
	}

#wrapper {
	background: #fff;
	/*background: #fff url(../images/vertical_grid.png);*/ /* Uncomment to ses layout grid */
	/*background: #fff url(../images/16_col.gif) repeat-y;*/ /* Uncomment to see vertical rhythm */
	background: #fff url(../images/wrapper_bg.png) repeat-x;
	margin-top: 40px;
	padding: 0 20px;
	border: 10px solid #e8e8e8;
	}

#content {
	margin-top: 30px;
	float: left;
	}

#content p {
	line-height: 20px;
	font-size: 100%;
	margin-bottom: 20px;
	color: #555;
	}

#content ul {
	margin-bottom: 20px;	
	}

#content li {
	line-height: 20px;
	font-size: 100%;
	color: #555;
	}

#content h1 {
	font-size: 2.5em;
	font-weight: normal;
	line-height: 40px;
	margin-bottom: 20px;
	}
	
#content h2 {
	font-size: 1.5em;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 20px;
	}

#content h3 {
	font-size: 1em;
	line-height: 20px;
	}

#header {
	/*margin-bottom: 30px;*/
	float: left;	
	/*position: relative;*/
	}

	#logo {
		height: 130px;
		}
		
		#logo a {
			margin-top: 32px;
			height: 80px;
			display: block;
			line-height: 8px;
			}

	#promo {
		position: relative;		
		width: 1000px;
		margin: 0 -20px;
		clear: both;
		border-bottom: 2px solid #004276;
		}

	#slider li {
		height: 300px;
		width: 1000px;
		overflow: hidden;
		background: #ccc;
		}
	
	span#prevBtn a,
	span#nextBtn a {
		display: block;
		height: 300px;
		width: 20px;
		text-indent: -9999em;
		}
	
	span#prevBtn{
		position: absolute;
		top: 0px;
		left: 0px;
		background: transparent url(../images/btn_prev.png) no-repeat center;
		}

	span#nextBtn{
		position: absolute;
		top: 0px;
		right: 0px;
		background: transparent url(../images/btn_next.png) no-repeat center;
		}

	#tagline {
			background: #004276;
			color: #fff;
			border-bottom: 10px solid #529DC5;
			padding: 20px 30px;;
			line-height: 20px;
			font-size: 15px;
			margin: 0 -20px;
			width: 940px;
			font-style: italic;
			color: #c6deec;
			display: none;
			}

		body#home #tagline {
			padding-bottom: 420px;
			background: #004276 url(../images/firstpage_img.jpg) no-repeat bottom left;
		}

	#nav {
		float: right;
		margin-top: -100px;
		}
		
		#nav li {
			padding-bottom: 8px;
			}

		body#home #nav li#home,
		body#about #nav li#about,
		body#engineering #nav li#services,
		body#consulting #nav li#services,
		body#hosting #nav li#services,
		body#maintainance #nav li#services,
		body#contact #nav li#contact {
			background: transparent url(../images/nav_current.png) no-repeat center bottom;
			}
			
		#nav a {
			text-decoration: none;
			color: #529DC5;
			display: block;
			text-align: center;
			text-transform: uppercase;
			line-height: 30px;
			}

		#nav a:hover {
			background: #DFEDF4;
			border-top: 1px solid #c6deec;
			}
			
		body#home #nav li#home a,
		body#about #nav li#about a,
		body#engineering #nav li#services a,
		body#consulting #nav li#services a,
		body#hosting #nav li#services a,
		body#maintainance #nav li#services a,
		body#contact #nav li#contact a{
			background: #DFEDF4;
			border-top: 1px solid #c6deec;
			}

		#services_nav {
			float: left;
			height: 40px;
			}
		

		
		#services_nav li {
			padding-bottom: 8px;
			float: left;
			}
		
		#services_nav a {
			text-decoration: none;
			text-align: center;
			display: block;
			width: 175px;
			border-bottom: 1px solid #eee;
			padding-bottom: 11px;
			}
		
		#services_nav a:hover {
			color: #004276;
			}
			
		#services_nav li.engineering a {
			text-align: left;
			}
		
		body#engineering #services_nav li.engineering,
		body#consulting #services_nav li.consulting,
		body#hosting #services_nav li.hosting,
		body#maintainance #services_nav li.maintainance {
			background: transparent url(../images/services_nav_current.png) no-repeat center bottom;
			}
			
		a.vcard {
			padding-left: 30px;
			background: transparent url(../images/vcard_icon.png) no-repeat left 50%;
			display: block;
			margin-bottom: 20px;
			}

		a.gmaps {
			padding-left: 30px;
			background: transparent url(../images/gmaps_icon.png) no-repeat left 50%;
			display: block;
			}
		
		#map {
			height: 300px;			
			}

#footer {
	background: transparent url(../images/dhimahi_sanskrit.png) no-repeat top right;
	height: 40px;
	margin-top: 60px;
	clear: both;
	color: #999;
	margin-bottom: -70px;
	}