/* CSS Document */

body {
	margin:0px;
	padding:0px;
/*	background-color:#f3f6fb;*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;

}
#paperFold{
	width:875px;
	background-image:url(img/paperfold.jpg);
	background-repeat: no-repeat;
	padding-top:5px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
}
#paperFoldLong{
	width:875px;
	background-image:url(img/paperfoldLong.jpg);
	background-repeat: no-repeat;
	padding-top:5px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
}
#blueBar{
width:100%;
height:10px;
background-image:url(blueBar.jpg);
}
#wrapper{
	width:850px;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	#margin-top:15px;
	background:#FFF;
	/*border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-left-color: #E6E6E6;*/
}
#paperfold-bottom{
width:875px;
height:16px;
margin-left:auto;
margin-right:auto;
background-image:url(img/paperfold-bottom.jpg);
}
#footer{
width:865px;
height:16px;
margin-left:auto;
margin-right:auto;
padding-left:10px;
font-size:11px;
color:#AEC4EB;
}
#header{
	width:850px;
	height:49px;
	/*padding-left:15px;
	padding-right:15px;*/
	/*padding-top:12px;*/
}
#logo{
	width:263px;
	height:40px;
	position:relative;
	left:15px;
	top:-24px;
	

}
#contact4Header{
	width:222px;
	height:34px;
	position:relative;
	left:610px;
	top:12px;

}
#nav{
width:828px;
height:57px;
margin-top:12px;
margin-left:auto;
margin-right:auto;
background-image:url(img/NavMenuBkgrd.jpg);
background-repeat:no-repeat;
}
#nav ul{
margin:0px;
padding:0px;

}
#nav span{
display:none;
}
#nav li, #nav a{
height:57px;
display:block;
}
#nav li{
float:left;
list-style:none;
display:inline;
}
#nav-home{
width:65px;
}
#nav-about{
width:65px;
margin-left:15px;
}
#nav-services{
width:70px;
margin-left:17px;
}
#nav-portfolio{
width:78px;
margin-left:25px;
}
#nav-blog{
width:55px;
margin-left:20px;
}
#nav-contact{
width:85px;
margin-left:18px;

}
#nav-home a:hover{background:url(img/NavMenuBkgrd.jpg) 0px -57px no-repeat;}
#nav-about a:hover{background:url(img/NavMenuBkgrd.jpg) -80px -57px no-repeat;}
#nav-services a:hover{background:url(img/NavMenuBkgrd.jpg) -162px -57px no-repeat;}
#nav-portfolio a:hover{background:url(img/NavMenuBkgrd.jpg) -257px -57px no-repeat;}
#nav-blog a:hover{background:url(img/NavMenuBkgrd.jpg) -355px -57px no-repeat;}
#nav-contact a:hover{background:url(img/NavMenuBkgrd.jpg) -428px -57px no-repeat;}

#outline-container{
width:850px;

}
#outline-top{
	width:850px;
	height:12px;
	background-image:url(img/outline_top.gif);
	background-repeat: no-repeat;
}
#outline-middle{
width:850px;
background-image:url(img/outline_middle.gif);
}
#flash-about-wrapper{
width:810px;
margin-left:auto;
margin-right:auto;
padding-left:5px;
}
#flash-container{
width:559px;
height:273px;
margin-left:2px;
background-color:#dadada;
}
#about-info{
width:235px;
height:273px;
background-image:url(img/about_info.gif);
padding-left:8px;
}
#about-info-text{
width:220px;
height:220px;
margin-left:auto;
margin-right:auto;
line-height:20px;
}
.stripeLine{
width:810px;
height:7px;
margin-left:auto;
margin-right:auto;
margin-top:3px;
background-image:url(img/stripLine.jpg);
}
#features-news-contain{
	width:810px;
	height:218px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
}
#features-contain{
width:556px;
height:205px;
padding-top:5px;
padding-left:3px;
}
#web-service{
width:168px;
height:119px;
font-size:11px;
margin-top:10px;
padding-top:56px;
padding-left:13px;
line-height:25px;
background-image:url(img/webDesignServicesBk.jpg);
} 
#logo-service{
width:168px;
height:119px;
font-size:11px;
margin-top:25px;
margin-right:7px;
padding-top:56px;
padding-left:13px;
line-height:25px;
background-image:url(img/LogoServicesBk.jpg);
}
#tech-service{
width:168px;
height:119px;
font-size:11px;
margin-top:25px;
padding-top:56px;
padding-left:13px;
line-height:25px;
background-image:url(img/TechServicesBk.jpg);
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#web-service{
width:168px;
height:119px;
font-size:11px;
margin-top:10px;
padding-top:56px;
padding-left:13px;
line-height:25px;
background-image:url(img/webDesignServicesBk.jpg);
} 
#logo-service{
width:168px;
height:119px;
font-size:11px;
margin-top:10px;
margin-right:7px;
padding-top:56px;
padding-left:13px;
line-height:25px;
background-image:url(img/LogoServicesBk.jpg);
}
#tech-service{
width:168px;
height:119px;
font-size:11px;
margin-top:27px;
padding-top:56px;
padding-left:13px;
line-height:25px;
background-image:url(img/TechServicesBk.jpg);
}
}
#featPrj-contact-contain{
width:810px;
height:165px;
margin-left:auto;
margin-right:auto;
}
#featprojects{
width:525px;
height:120px;
padding-left:15px;
padding-right:15px;
padding-top:36px;
background-image:url(img/featprjBkgrd.jpg);
}
#feat1{
width:252px;
height:104px;
}
#feat2{
width:252px;
height:104px;
}
#contactMain{
width:232px;
height:153px;
padding-top:5px;
padding-left:8px;
background-image:url(img/contentbkgrd.gif);
}
#contact-text{
width:218px;
height:153px;
margin-left:auto;
margin-right:auto;
/*margin-top:5px;*/
}
#news{
width:232px;
height:202px;
padding-top:5px;
padding-left:8px;

background-image:url(img/newsbkgrd.gif);

}
#newsSecondary{
width:232px;
height:202px;
padding-top:5px;
padding-left:8px;
margin-left:5px;
margin-bottom:5px;

background-image:url(img/newsbkgrd.gif);

}
#news-info-text{
width:220px;
height:190px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
font-size:11px
}
#outline-bottom{
width:850px;
height:17px;
background-image:url(img/outline_bottom.gif);
background-repeat:no-repeat;
}
#contact-form{
width:732px;
height:422px;
background-image:url(contact/img/contactFormBkgrd.jpg);
padding-top:20px;
padding-left:15px;
}
#botanicSplash{
width:800px;
height:600px;
/*padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;*/
margin-left:auto;
margin-right:auto;

}
#cosmicsplash{
width:800px;
height:600px;
margin-left:auto;
margin-right:auto;

}
.float-right{float:right}
.float-left{float:left}

a.blue-link{font-weight:bold; color:#7594D0; text-decoration:none;}
a.blue-link:visited {font-weight:bold; color:#7594D0; text-decoration:none;}
a.blue-link:active {font-weight:bold; color:#7594D0; text-decoration:none;}
a.blue-link:hover {font-weight:bold; color:#7594D0; text-decoration:underline;}

a.webservice-link{ font-weight:bold; color:#7493d2; text-decoration:none;}
a.webservice-link:visited{ font-weight:bold; color:#7493d2; text-decoration:none;}
a.webservice-link:active{ font-weight:bold; color:#7493d2; text-decoration:none;}
a.webservice-link:hover{ font-weight:bold; color:#7493d2; text-decoration:underline;}

a.logoservice-link{ font-weight:bold; color:#c7553e; text-decoration:none;}
a.logoservice-link:visited{ font-weight:bold; color:#c7553e; text-decoration:none;}
a.logoservice-link:active{ font-weight:bold; color:#c7553e; text-decoration:none;}
a.logoservice-link:hover{ font-weight:bold; color:#c7553e; text-decoration:underline;}

a.techservice-link{ font-weight:bold; color:#8C72B9; text-decoration:none;}
a.techservice-link:visited{ font-weight:bold; color:#8C72B9; text-decoration:none;}
a.techservice-link:hover{ font-weight:bold; color:#8C72B9; text-decoration:underline;}

.paragraphHeading{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#7594D0;}
.paragraphHeadingSecond{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#7594D0;}
.paragraphHeadingSmall{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#7594D0;}