/* CSS Document */

body {
background:#FFFFFF top left repeat-x;
margin:0 auto 0 auto;
padding:0;
text-align:center;
font-family: Arial, Helvetica, sans-serif, ·s²Ó©úÅé;
color:#0D2045;
}
p
{
font-size:11px;
font-weight:normal;
margin:10px 0 5px 0;
padding:0px;
line-height:17px;
color:#0D2045;
}
h1
{
font-size:22px;
font-weight:normal;
margin:0;
padding:0px;
color:#899AAE;
}
h2
{
font-size:20px;
font-weight:normal;
margin:0;
padding:0px;
color:#4B5E83;
}
h3
{
font-size:15px;
font-weight:normal;
margin:5px 0 5px 0;
padding:0px;
}
h3 a, h3 a:hover
{
font-size:15px;
font-weight:normal;
margin:5px 0 5px 0;
padding:0px;
color:#FF8500;
}
h4
{
font-size:12px;
font-weight:normal;
font-style:italic;
margin:5px 0 5px 0;
padding:0px;
}
a:link, a:active, a:visited 
{
font-size:11px;
color:#FF8500;
text-decoration:none;
}

a:hover
{
font-size:11px;
text-decoration:underline;
}
a.mainPanelLink 
{
color:#FF8500;
padding:20px 35px 20px 0;
background: url(../images/panalButtonOff.jpg) right no-repeat;
}
a:hover.mainPanelLink 
{
padding:20px 35px 20px 0;
background: url(../images/panalButtonOn.jpg) right no-repeat;
}

#wrapper {
background:#B4C5D3 top center no-repeat;
margin:00px auto 0 auto;
padding:0;
text-align:center;

}



}
#navigation ul {
list-style-type:none;
margin:0;
padding:0;
padding-left:85px;
height:198px;
text-align:center;

}
#navigation ul li {
display:inline;
float:left;
}
#navigation ul li span {
display:none;

}
#navigation ul li.navOne a {
display:block;
width:95px;
height:105px;

margin:60px 30px 0 40px;
}
#navigation ul li.navTwo a{
display:block;
width:115px;
height:100px;
margin:60px 50px 0 0;

}
#navigation ul li.navThree a{
display:block;
width:160px;
height:150px;

margin:30px 50px 0 0;
}
#navigation ul li.navFour a{
display:block;
width:110px;
height:100px;

margin:60px 30px 0 0;
}
#navigation ul li.navFive a{
display:block;
width:110px;
height:100px;
margin:60px 0px 0 0;

}
#navigation #emailMe a
{
display:block;
width:1000px;
margin:0 auto 0 auto;
height:60px;
text-align:center;
float:left;
}
#navigation #emailMe a span
{
display:none;

}

/* nav hover/*/

.menu li {

	float: left;
	position: relative;
	text-align: center;
}
.menu a {
	
	display: block;
	
}
.menu li em {
	background: url(../images/hover.png) no-repeat;
	width: 10px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: 0px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	font-size:10px;
	z-index: 2;
	display: none;
}
.header{
	width:750px;
	margin:0 auto;
	padding:20px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.header .main-nav{
	margin-top:-48px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.main-nav li{ width:127px; margin-right:10px; float:left;}
.main-nav li a{ height:37px; padding-right:30px; background:#e5e5e5; text-align:right; display:block; color:#6c6c6c; font:normal 700 12px/37px Verdana;}
.home .nav-home, .portfolio .nav-portfolio, .service .nav-service, .about .nav-about,
.main-nav li a:hover{ background:url(../images/common/bg_nav.png); color:#fff;}
.backtop { height:42px; background:#fff url(../images/breaker.jpg) top left no-repeat;color:#C2CBD0; text-align:left; margin:0 auto 0 auto;padding-top:15px;padding-left:20px; clear:both;font-size:9px;width:736px; }
.backtop a:link, .backtop a:visited, .backtop a:active { color:#C2CBD0;font-size:9px; font-weight:bold; }

#content {
background:#B4C5D3 url(../images/botNavBack.jpg) top center no-repeat;
width:1000px;
margin:0 auto 0 auto;
padding-top:145px;
text-align:center;

}

#content_inner {
position:relative;
background:#B4C5D3 url(../images/innercontentBack.jpg) top left repeat-y;
margin:0 auto 0 auto;
padding:0 auto 0 auto;
width:1000px;
text-align:center;
}
/* feature pannel*/
.featuredProject {
		margin:0 auto 0 auto;
		padding-bottom: 0 0 20px 0;
		width:746px;
	
}
.featuredProjectHeader {
	width:746px;
	height:80px;
	float:left;
	background:#fff url(../images/newProjectHeader.jpg) top left no-repeat;
	
}
.featuredProjectHeader h2 {
	width:746px;
	height:70px;
	margin:0;
	padding:0 0 0 20px;
	text-align:left;
	padding-top:27px;
}

.featuredProjectHeader h2 span {
	display:none;
}
.featuredProjectimages
{

	margin:0 0 0px 0;
	text-align:left;
}
.featuredProjectTextLeft
{
float:left;
width:280px;
text-align:left;
margin:20px;

}

.featuredProjectTextRight
{
float:left;
width:300px;
text-align:left;
margin:20px;
padding-left:20px;
border-left:solid #C2CBD0 1px;
}
.featuredProjectTextRight p
{
padding:0;
margin:3px 0 0 0;
}

/* info pannel*/

.infoPannel {

		margin:0 auto 0 auto;
		padding-bottom: 0 0 20px 0;
		width:746px;

	
}
.infoPanneltHeader {
	width:746px;
	height:45px;
	margin:0;
	padding:0px;
	text-align:left;
	
}
.infoPannel img {
margin-right:10px;
	float:left;
}
.infoPannelHeader h2 {
	width:746px;
	height:45px;
	margin:0;
	text-align:left;
	padding:0 0 0 20px;
	padding-top:27px;
	background:#fff url(../images/wordsHeader.jpg) top left no-repeat;
}

.infoPannelHeader h2 span {
	display:none;
}

.infoPannelContent
{
	padding:20px;
	float:left;
	text-align:left;
}	
/*info pannel small*/
#infopannelSmallContainer
{
		margin:0 auto 0 auto;
		padding: 0;
		width:746px;
}
.projectKey
{
margin-bottom:10px;
padding:15px 0 0 20px;
height:50px;
width:746px;
background:#fff url(../images/niceworkHeader.jpg) top left no-repeat;color:#C2CBD0;
}
.projectKey img, .projectKey h4
{
float:left;
margin-right:10px;
color:#4B5E83;
}
.infoPannelSmall {

		padding: 4px;
		margin: 0 0 20px 20px;
		text-align:left;
		float:left;
		width:212px;
		background:#fff;
		border:solid 1px #CDD4D8;
}

.infoPannelSmall img {

	float:left;
	margin:0 0 5px 0;
	padding:0;
	border:solid 1px #CDD4D8;
	
}

.infoPannelSmall  a:hover img{

	border:solid 1px #FF8500;
	
}

.infoPannelSmallHeader h1 span {
	display:none;
}

.infoPannelSmallContent
{
	padding: 0px 0 0 0;
	float:left;
	width:212px;
}	
.infoPannelSmallContent h4
{
font-size:13px;
font-style:normal;
font-weight:bold;
}	
.infoPannelSmallContent p
{
	padding: 0px 0 0 27px;
}	
.infoPannelSmallContent img.webProject
{
margin:0 10px 0 0;
border:none;
}
/* light box homepage*/
#gallery {
		width:465;
		float:right;
		padding:0;

		}
#gallery ul {
	float:left;
	margin:0;
	padding:0;

	width:465px;
	list-style: none;
	
 }
#gallery ul li {
	float:left;
	display:block;
	width:80px;
	position:relative;
	margin:0 ;
	padding:3px;
	}
#gallery ul li a:link img, #gallery ul li a:active img, #gallery ul li a:visited img {
	margin:0 0 0 0;
	padding:0;
	height:52px;
	border:solid 1px  #0D2045;

	
 }
 #gallery ul li a:hover img
  {
	margin:0 0 0 0;
	padding:0;
	height:52px;
	border:solid 1px  #FF8500;
	}
	
#footer
{
margin:0 auto 0 auto;
color:#fff;
padding:0;
background:#4B5E83 url(../images/footerRepeat.jpg) top center repeat-x;

}
.footerInner {
background: url(../images/footer.jpg) top center no-repeat;
margin:00px auto 0 auto;
padding:75px 0 10px 0;
width:1000px;
text-align:center;
}

#footer p, #footer a
{

color:#fff;
font-size:10px;

}