#ie-message {
background:#C00;
text-align:center;
border-bottom:1px solid #900;
color: #fff;
position:absolute;
top:0;
padding:5px;
width:100%;
}
#ie-message a {
color: #fff;
}

#wrapper {
padding:0px;
margin:0px;
}
 
#headerWrap { 
display:block; 
width:100%; 
height:200px; 
background:url(../images/headerBar.jpg);
background-repeat:repeat-x;
}

#header {
width:950px; 
margin:0 auto; 
}

#menu {
}
 
#pagebodyWrap {
width:100%; 
}
  
#pagebody {
	display:block;
	position:relative;
	width:950px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	height: 550px;
	border-right-color: #464646;
	border-left-color: #464646;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #464646;
}

#menubtn {
margin:0px;
padding:0px;
float:left;
}

.hidden {
display:none;
}

body { 
height:100%; 
font-size:75%; 
line-height:1.5em; 
text-align:left; 
font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana; 
color:#fff; 
background-color:#252525; 
color:#fff;
padding:0px;
margin:0px; 
}


/* Main Navigation
----------------------------------------------------------*/

#myController {float: right; width: 950px; }
 #myController span.jFlowControl div {cursor:pointer; }
   #myController span.jFlowControl div.home {cursor:pointer; }
 #myController span.jFlowSelected {  }
  .jFlowControl {float: left; }
   .jFlowControl a { background:url(../images/rollMenu.jpg) no-repeat; }
  
/*details*/  
  
.one a { display:block; width:265px; height: 200px; background-position: 0 0; }
 .one a:hover, .jFlowSelected .one a { background-position: 0 -200px; }

.two a { display:block; width:265px; height: 200px; background-position:-265px 0; }
 .two a:hover, .jFlowSelected .two a { background-position: -265px -200px; }
  
.three a { display:block; width:270px; height: 200px; background-position: -530px 0; }
 .three a:hover, .jFlowSelected .three a { background-position: -530px -200px; }




/* Slides
----------------------------------------------------------*/

#jFlowSlide{ display:relative; }
 #mySlides { height:473px; overflow:hidden; margin:0; }
  .jFlowSlideContainer { margin:0; }
   .contentWrapper {margin: 0 auto; width: 950px; margin-bottom:20px;}

/*details*/





#contact.contentWrapper {background-color:#232019; border-color: #232019;}

.contentWrapper .content { padding: 12px; }


#contact.contentWrapper .content {background-color:#fffcf6;}



/* Slide Navigation 
----------------------------------------------------------*/

    .jFlowSlideContainer { margin: 0; }
	  .jFlowPrev, .jFlowNext{ cursor:pointer; position:relative; z-index:9999;}
	   .jFlowNext {float: right; }

/*details*/



#home .jFlowNext a {
	display:block;
	position:relative;
	z-index:99;
	margin-top:-111px;
	width:216px;
	height: 44px;
	background-image: url(../images/homeBtn44px.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#home .jFlowNext a:hover { display: block; background:url(../images/homeBtn44px.gif) no-repeat 0 0px; }



#who .jFlowNext a { display:block; width:124px; height: 43px; background: url(/img/smaller-navigation.png) no-repeat -124px 0; }

#who .jFlowNext a:hover { display: block; background: url(/img/smaller-navigation.png) no-repeat -124px -43px; }



#what .jFlowNext a { display:block; width:124px; height: 43px; background: url(/img/smaller-navigation.png) no-repeat -250px 0; }

#what .jFlowNext a:hover { display: block; background: url(/img/smaller-navigation.png) no-repeat -250px -43px; }



#how .jFlowNext a { display:block; width:124px; height: 43px; background: url(/img/smaller-navigation.png) no-repeat -375px 0; }

#how .jFlowNext a:hover { display: block; background: url(/img/smaller-navigation.png) no-repeat -375px -43px; }



#contact .jFlowNext a { display:block; width:124px; height: 43px; }

#contact .jFlowNext a:hover { display: block; }




/* PAGE SPECIFIC

===================================================================================== */



/****************** HOME ****************************/



#home.contentWrapper {display:block; width:950px; height:500px; }

#home {
background-image:url(../images/intro.gif);
}

.jFlowControl .home a { background:none; }


/***************** PORTFOLIO ****************/

#portWrap {
	background-image:url(../images/portSlide2.png);
	height:550px;
	z-index:99;
	background-repeat:no-repeat;
	overflow:hidden;
}

#thumbWrap {
	height:550px;
	padding:0px;
	margin:0px;
}

ul.thumb {
	float: left;
	list-style: none;
	padding: 0px;
	width: 360px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;
	margin-top:40px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(../images/thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect*/
	border: none;
}
#main_view {	
	margin-top:30px;
	padding:10px;
	float: left;
}
#info1 {
	background-color:#ffff00;
	width:510px;
	height:110px;
	display:block;
	margin-top:10px;
	padding-top:1px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color:#000000;
}

#info1 h1 {
	padding:0px;
}

#info1 p {
	padding:0px;
}

/***************** Services ****************/

#servWrap {
	background-image:url(../images/servSlide2.png);
	height:550px;
	z-index:99;
	background-repeat:no-repeat;
	overflow:visible;
}


#servContent
	{
	width:900px;
	margin:auto;
	padding-top:40px;
	}
	
#servLeft {
	width:250px;
	height:470px;
	display:block;
	padding:10px;
	margin:0px;
	margin-right:10px;
	float:left;
	background-color:#00FF00;
	}

#servRight {
	width:590px;
	height:470px;
	display:block;
	float:left;
	padding:10px;
	margin:0px;
	margin-left:10px;
	background-color:#669900;
	}
	


#servContent ul{
  list-style: none;
  margin: 0;
  padding: 0;
  width:800px;
  height:470px;
  margin:auto;
}

#servContent ul li{
  float: left;
  padding: 10px;
  display: block;
  margin-right: 10px;
}

#servContent ul li a{
  display: block;
  overflow: hidden;
  height: 450px;
  width: 75px;
  background-image:url(../images/slideBG.png);
}

#servContent #a1{
  width: 75px;
  background-image:url(../images/slideBG1.png);
  overflow:hidden;
}

#servContent #a2{
  width: 75px;
  background-image:url(../images/slideBG2.png);
  overflow:hidden;
}

#servContent #a3{
  width: 75px;
  background-image:url(../images/slideBG3.png);
  overflow:hidden;
}

#servContent #a4{
  width: 75px;
  background-image:url(../images/slideBG4.png);
  overflow:hidden;
}

#servContent #a5{
  width: 75px;
  background-image:url(../images/slideBG5.png);
  overflow:hidden;
}

#servContent ul li img{
  position: absolute;
}

#servContent ul li p{
  margin: 0;
  padding: 0;
  width: 200px;
  display: block;
  margin-left: 95px;
  margin-top:10px;
  font-size:13px;
}





/***************** About ****************/

#aboutWrap {
	background-image:url(../images/aboutSlide2.jpg);
	background-repeat:no-repeat;
	height:450px;
}

#aboutContent {
	width:500px;
	height:400px;
	color:#00FF00;
	margin-top:20px;
	margin-left:400px;
	padding:20px;
	padding-top:60px;
	font-size:15px;
}

#aboutContent a {
	color:#00CC00;
}

#aboutContent a:visited {
	color:#009900;
	}
	
.socialButton {
	float:left;
	margin-left:30px;
}