@charset "utf-8";

* { margin : 0; padding : 0; }
fieldset,img { border : 0; }

body {
	background: url(../images/background.jpg) center no-repeat fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #989898;
	text-align:center;
	color:#000;
	line-height:18px;
}

/* HEADER -------------------------------------------- */

#header {
position:relative;
float:left;
width:1000px;
height:120px;
background-image:url(../images/header_2.jpg);

}

/* END-HEADER--------------- */

/* NAV-BAR ------------------------------------------- */

#container_nav { width:100%; height:100%; }

	#nav{
	position:relative;
	float:left;
	width:1000px;
	height:53px;
	background-image:url(../images/nav_bar_bg_2.jpg);
	}
		#nav ul { list-style-type: none; font-size:12px; } 
		#nav li { position:relative; float:left;  }
		#nav a { display:block; width:132px; padding:13px; padding-top:14px;text-align:center; text-decoration:none; color:#000; }

/* END-NAV-BAR-------------- */

/* FOOTER -------------------------------------------- */

#container_footer { width:100%; height:100%; }
		

#footer {
position:relative;
float:left;
width:1000px;
height:100%;
margin:auto;
background-color:#FFFFFF;
color:#575a5d;
}

		
		#footer ul { margin:0;
					 padding:0;
					 list-style-type:none; 
					 font-size:12px;
					 text-align:center;}
					 
		#footer ul li { display:inline; }
		#footer a { text-decoration:none; color:#575a5d; }
		#footer a:hover { color:#f7941d; }

/* END-FOOTER-------------- */

/* SITE-CONTENT--------------------------------------- */

#site-container {
margin-left: auto;
margin-right: auto;
width:1000px;
text-align:left;
}

#flashcontent {
		height: 100%;
}

#homepage {
position:relative;
float:left;
width:1000px;
height:100%;
background-color:#FFFFFF;
background-repeat:no-repeat;

}

	#homepage a { text-decoration:none; color:#575a5d; }
	#homepage p { color:#575a5d; }
	#homepage ul { color:#575a5d; }

	#homepage_bottom {
	position:relative;
	float:left;
	width:782px;
	height:519px;
	background-image:url(../images/homepage_bg_bot.jpg);
	background-repeat:no-repeat;
	margin-left:111px;
	margin-top:10px;
	}
	
	#homepage_content_box_small {position:relative; float:left; width:248px; height:240px; margin-left:10px;} 
	#homepage_content_box_small2 {position:relative; float:left; width:248px; height:240px; margin-left:10px; margin-top:20px; }
	#homepage_content_box_big {position:relative; float:left; width:506px; height:240px; margin-left:10px; margin-top:20px; }

#subpage {
position:relative;
float:left;
width:1000px;
height:100%;
background-color:#FFFFFF;
}
		#subpage a { text-decoration:none; color:#575a5d; }
		#subpage p { color:#575a5d; }
		#subpage ul { color:#575a5d; }
		
#services {
position:relative;
float:left;
width:717px;
height:100%;
margin-left:150px;
background-image:url(../images/services_bg.jpg);
background-repeat:no-repeat;

}

		a#button1 {
			display: block;
			width: 296px;
			height: 50px;
			background-image:url(../images/free_quote.jpg);
			margin: 0 auto;
		}
		a#button1:hover {
			background-image:url(../images/free_quote_hover.jpg);
		}
		
		a .alt { display: none; }


#methodology {
position:relative;
float:left;
width:717px;
height:447px;
margin-left:150px;
background-image:url(../images/methodolgy_bg.jpg);

}


#portfolio {
position:relative;
float:left;
width:717px;
height:100%;
margin-left:150px;
background-image:url(../images/portfolio_bg.jpg);
background-repeat:no-repeat;

}

	#portfolio-left {position:relative; float:left; width:350px; height:100%; margin-right:16px; margin-bottom:10px;}
	#portfolio-right {position:relative; float:left; width:350px; height:100%; margin-bottom:10px;}
	#portfolio-nametag {position:relative; float:left; background-color:#91c1e5; width:350px; height:25px;}

#contact {
position:relative;
float:left;
width:717px;
height:100%;
margin-left:150px;
background-image:url(../images/contact_bg.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;

}


		#contact-form {
		position:relative;
		float:left;
		width:716px;
		color:#575a5d;
		
		}

#questionnaire {
position:relative;
float:left;
width:717px;
height:100%;
margin-left:150px;
background-image:url(../images/questionnaire_bg.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;

}

#resources {
position:relative;
float:left;
width:717px;
height:447px;
margin-left:150px;
background-image:url(../images/resources_bg.jpg);

}

#sitemap {
position:relative;
float:left;
width:717px;
height:447px;
margin-left:150px;
background-image:url(../images/sitemap_bg.jpg);

}

#thank-you {
position:relative;
float:left;
width:717px;
height:447px;
margin-left:150px;
background-image:url(../images/thankyou_bg.jpg);

}

#question-thanks {
position:relative;
float:left;
width:717px;
height:447px;
margin-left:150px;
background-image:url(../images/thankques_bg.jpg);

}

#login {
position:relative;
float:left;
width:717px;
height:100%;
margin-left:150px;
background-image:url(../images/login_bg.jpg);
background-repeat:no-repeat;

}

		h1.b-border2	{ padding-bottom:5px; }
		.borderline 		{ border:2px solid #666; }
		.b-border, tr.b-border td { border-bottom:1px dotted #CCC; }
		.b-border2, tr.b-border2 td { border-bottom:1px solid #666; }
		.dottedborder 		{ border-right:1px dotted #CCC; }
		#content 			{ background-color:#FFF; padding:15px; }
		.backlt 		{ background-color:#91c1e5; }


#discovery {
position:relative;
float:left;
width:717px;
height:447px;
margin-left:150px;
background-image:url(../images/discovery_bg.jpg);

}

#construction {
position:relative;
float:left;
width:717px;
height:447px;
margin-left:150px;
background-image:url(../images/construction_bg.jpg);

}

#launch {
position:relative;
float:left;
width:717px;
height:447px;
margin-left:150px;
background-image:url(../images/launch_bg.jpg);

}

#concept {
position:relative;
float:left;
width:717px;
height:447px;
margin-left:150px;
background-image:url(../images/concept_bg.jpg);

}


/* Gallery styles */

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:url(../images/ss_files/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:781px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:254px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:781px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:45px;
}

.ssul{
	margin:0px;
	padding:0px;
}

.ssli{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
}

.ssli.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(../images/ss_files/pic_bg.png) repeat;
}

.ssli.act, ssli.act:hover{
	/* The active state of the thumb */
	background:url(../images/ss_files/active_bg.png) no-repeat;
}

.ssli.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(../images/ss_files/divider.png) no-repeat right;
}

.ssli a{
	display:block;
	background:url(../images/ss_files/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
}

.ssa img{
	border:none;
}