/**************************************************
 *                      body                      *
 **************************************************/
body {
	background:#909090;
	color:#fff;
	font:100.1%/1.5 Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

/**************************************************
 *                    general                     *
 **************************************************/
a {
	color:#ceb0d4;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	border:0;
}

   /**************************************************
    *                    classes                     *
    **************************************************/
	.ImageFloatLeft {
		float:left;
		margin:0 10px 0 0;
	}
	.ImageFloatRight {
		float:right;
		margin:0 0 0 10px;
	}
	.larger {
		font-size:120%;
	}
	.smaller {
		font-size:80%;
	}

/**************************************************
 *                   #container                   *
 **************************************************/
#container {
	background:#fff url('../img/background/container.jpg') repeat-y;
	background-position:0 0;
	color:#333;
	font-size:.7em;
	margin:0 auto;
	text-align:left;
	width:912px;
}
#container:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}

   /**************************************************
    *                     #header                    *
    **************************************************/
	#header {
		background:#fff url('../img/background/header.jpg') no-repeat;
		background-position:0 0;
		border-bottom:1px solid #333;
		height:376px;
		margin:0 6px;
		overflow:hidden;
	}
	#header h1 {
		border-bottom:1px solid #333;
		float:left;
		margin:0;
		padding:0;
		text-indent:-9999px;
		width:900px;
	}
	#header h1 a {
		display:block;
		height:75px;
		padding:0 5px;
		width:137px;
	}
	#header img {
		display:block;
		height:300px;
		width:900px;
	}
	#header p {
		display:none;
		float:right;
		margin:0;
		padding:0;
	}
		#header .swfobject {
			clear:both;
			height:300px;
			position:relative;
			width:900px;
		}
		#header .swfobject p {
			background:#000;
			bottom:0;
			color:#fff;
			display:block;
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
			height:30px;
			line-height:30px;
			-moz-opacity:0.6;
			opacity:0.6;
			margin:0;
			padding:0 9px;
			position:absolute;
			right:0;
			text-transform:lowercase;
			width:283px; /* Total:301px */
		}

   /**************************************************
    *                   #navigation                  *
    **************************************************/
	#navigation {
		border-top:30px solid #333;
		clear:both;
		float:left;
		margin:0 0 0 6px;
		width:150px;
	}
	#navigation ul {
		font-size:1.1em;
		list-style:none;
		margin:0;
		padding:0;
		text-transform:lowercase;
	}
	#navigation ul li {
	}
		#navigation ul li.about-us    { background:#484848; }
		#navigation ul li.careers     { background:#717171; }
		#navigation ul li.contact-us  { background:#7b7b7b; }
		#navigation ul li.homepage    { background:#3e3e3e; }
		#navigation ul li.latest-news { background:#676767; }
		#navigation ul li.projects    { background:#5d5d5d; }
		#navigation ul li.selected    { }
		#navigation ul li.selected a  { background:#dcc8e0; color:#333; }
		#navigation ul li.services    { background:#525252; }
	#navigation ul li a {
		color:#b3b3b3;
		display:block;
		line-height:20px;
		padding:5px 20px;
	}
	#navigation ul li ul {
		display:none;
		font-size:.8em;
		height:0;
		visibility:hidden;
	}
		#navigation ul li ul.selected {
			background:#dcc8e0;
			display:block;
			height:auto;
			padding:0 0 10px 5px;
			visibility:visible;
		}
	#navigation ul li ul li {
	}
	#navigation ul li ul li a {
		background:#dcc8e0;
		line-height:normal;
		padding:2px 20px;
	}
	#navigation ul li ul li ul {
		font-size:1em;
		padding:0 0 0 5px;
	}

   /**************************************************
    *                    #content                    *
    **************************************************/
	#content {
		background:#fff;
		color:#333;
		float:left;
		margin:0 6px 0 0;
		padding:20px 0 5px 20px;
		width:410px;
	}
	#content h1 {
		margin:0;
		padding:0;
	}
	#content h2 {
		color:#dcc8e0;
		font-size:2.4em;
		font-weight:400;
		margin:0;
		padding:0 0 10px;
		text-transform:lowercase;
	}
	#content h3 {
		font-size:1.2em;
		margin:0;
		padding:0 0 10px;
	}
	#content p {
		margin:0;
		padding:0 0 10px;
	}
	#content ul {
		margin:0;
		padding:0 0 10px 30px;
	}

       /**************************************************
        *                  #content.full                 *
        **************************************************/
		#content.full {
			width:711px;
		}

       /**************************************************
        *              #content > .a, .b, .c             *
        **************************************************/
		#content .a,     #content .b,     #content .c     { border-right:1px solid #e5e5e5; float:left; padding:0 20px 0 0; width:116px; }
		#content .a                                       { }
		                 #content .b                      { padding:0 20px; width:96px; }
		                                  #content .c     { border:0; padding:0 0 0 20px; }
		#content .a p,   #content .b p,   #content .c p   { margin:0; padding:0; text-align:right; }
		#content .a p a, #content .b p a, #content .c p a { color:#656565; }
		#content .a h3,  #content .b h3,  #content .c h3  { font-size:1.2em; font-weight:400; line-height:1.3; margin:0; padding:0; }
		#content .a h3                                    { color:#06f; }
		                 #content .b h3                   { color:#f60; }
		                                  #content .c h3  { color:#390; }
		
       /**************************************************
        *                #content > .form                *
	    **************************************************/
		#content .form dl {
			margin:0;
			width:560px;
		}
		#content .form dl dd {
			float:left;
			margin:3px 0 3px 10px;
			width:220px;
		}
		#content .form dl dd input {
			background:#fefefe;
			border:1px solid #c1c1c1;
			color:#444;
			margin:0;
			padding:2px;
			width:196px;
		}
			#content .form dl dd.checkbox {
			}
			#content .form dl dd.checkbox input {
				border:0;
				margin:6px 0;
				text-indent:6px;
				width:auto;
			}
			#content .form dl dd.submit {
				margin:3px 0 0 120px;
			}
			#content .form dl dd.submit input {
				width:auto;
			}
		#content .form dl dd select {
			width:205px;
		}
		#content .form dl dd textarea {
			background:#fefefe;
			border:1px solid #c1c1c1;
			color:#444;
			overflow:auto;
			padding:2px;
			width:196px;
		}
		#content .form dl dd select {
			width:202px;
		}
		#content .form dl dd span {
			color:red;
			padding:0 0 0 5px;
		}
		#content .form dl dt {
			clear:both;
			display:block;
			float:left;
			line-height:28px;
			width:220px;
		}
		#content .form dl dt label {
		}
		#content .form h3 {
			padding:15px 0 0;
		}
		#content .form input {
			clear:both;
			margin:10px 0 0 333px;
			width:100px;
		}

   /**************************************************
    *                    #sidebar                    *
    **************************************************/
	#sidebar {
		float:right;
		margin:10px 6px 0 0;
		width:302px;
	}

       /**************************************************
        *              #sidebar > #rollovers             *
        **************************************************/
		#sidebar ul {
			list-style:none;
			margin:-10px 0 0;
			padding:0;
		}
		#sidebar ul li {
			float:left;
			margin:1px 0 0 1px;
		}
		#sidebar ul li a {
			display:block;
			height:75px;
			width:150px;
		}
		#sidebar ul li img {
			display:block;
		}

   /**************************************************
    *                     #footer                    *
    **************************************************/
	#footer {
		background:#909090 url('../img/background/footer.jpg') no-repeat;
		background-position:0 0;
		clear:both;
		color:#ddd;
		padding:8px 16px;
		text-align:right;
		text-transform:lowercase;
		width:880px;
	}
	#footer p {
		margin:0;
		padding:0;
	}
	#footer p a {
		color:#ddd;
	}

/**************************************************
 *                      #qTip                     *
 **************************************************/
#qTip {
	background:#dcc8e0;
	border:1px solid #666;
	border-right-width:2px;
	border-bottom-width:2px;
	color:#333;
	display:none;
	font-size:9px;
	font-weight:bold;
	padding:4px;
	position:absolute;
	text-align:left;
	text-transform:lowercase;
	z-index:1000;
}

   /**************************************************
    *                    homepage                    *
    **************************************************/
	#homepage #sidebar ul li    a                    { background:url('../img/upload/0.jpg'); text-indent:-9999px; }
	#homepage #sidebar ul li.a1 a                    { background-position:-300px 0; }
	#homepage #sidebar ul li.a1 a:hover              { background-position:0 0; }
	#homepage #sidebar ul li.a2 a                    { background-position:-450px 0; }
	#homepage #sidebar ul li.a2 a:hover              { background-position:-150px 0; }
	#homepage #sidebar ul li.a3 a                    { background-position:-300px -75px; }
	#homepage #sidebar ul li.a3 a:hover              { background-position:0 -75px; }
	#homepage #sidebar ul li.a4 a                    { background-position:-450px -75px; }
	#homepage #sidebar ul li.a4 a:hover              { background-position:-150px -75px; }
	#homepage #sidebar ul li.a5 a                    { background-position:-300px -150px; }
	#homepage #sidebar ul li.a5 a:hover              { background-position:0 -150px; }
	#homepage #sidebar ul li.a6 a                    { background-position:-450px -150px; }
	#homepage #sidebar ul li.a6 a:hover              { background-position:-150px -150px; }
	#homepage #sidebar ul li.a7 a                    { background-position:-300px -225px; }
	#homepage #sidebar ul li.a7 a:hover              { background-position:0 -225px; }
	#homepage #sidebar ul li.a8 a                    { background-position:-450px -225px; }
	#homepage #sidebar ul li.a8 a:hover              { background-position:-150px -225px; }