@charset "UTF-8";
#wrapper {
}

a img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bgjen.jpg);
	background-color: #143542;
	background-repeat: no-repeat;
	background-position: center top;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	line-height: 18px;
}
#wrapper #topnav {
	width: 964px;
	margin-right: auto;
	margin-left: auto;
	height: 38px;
}
#wrapper #topnav #topleft {
	height: 38px;
}
#wrapper #logo {
	width: 964px;
	margin-right: auto;
	margin-left: auto;
	height: 106px;
	clear: both;
}
#wrapper #mainnav {
	width: 964px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#wrapper #flash {
	width: 964px;
	height:294px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#wrapper #innercontent {
	background: url(../images/bginnernew.jpg) no-repeat;
	background-position: top left;
	width: 964px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #innercontent #innerleft {
	float: left;
	width: 235px;
}
#wrapper #innercontent #innerleft #leftnav {
	background: url(../images/leftnavback.jpg);
	height: inherit;
	width: 235px;
	background-position:top;
}
#wrapper #innercontent #innerleft #leftnav #listitem {
	background: url(../images/leftback.jpg) no-repeat;
	background-position: top left;
	height: 30px;
	width: 204px;
	padding: 0px;
	margin: 0px;
}
#wrapper #rightcontent {
	float: right;
	width: 729px;
}
#wrapper #innercontent #rightcontent #rightextarea {
	background: url(../images/rightinnerbacker2.jpg) no-repeat;
	background-position: top;
	padding: 0px;
	margin: 0px;
	clear: both;
	width: 729px;
	height:inherit;
}
#wrapper #logofiller {
	height: 52px;
}
#wrapper #boxes {
	background: url(../images/boxes.jpg);
	width: 964px;
	height: 184px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #boxes #boxone {
	float: left;
	height: 184px;
	width: 318px;
	clear: both;
}
#wrapper #boxes #boxtwo {
	height: 184px;
	width: 335px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
#wrapper #boxes #boxthree {
	height: 184px;
	width: 311px;
	float: right;
}
#wrapper #content {
	width: 964px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/contentbacker1.jpg);
	clear: both;
}
#wrapper #content #socialnetworks {
	width: 318px;
	float: left;
}
#wrapper #content #rightcontent {
	float: right;
	width: 646px;
	background: url(../images/rightcontent.jpg) no-repeat;
	padding: 0px;
	margin: 0px;
}
#wrapper #address {
	width: 964px;
	position: inherit;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

/* topnav navigation styles*/

#topnav ul {
list-style-type: none;
margin: 0px;
padding: 0px;
text-align: center;
}

#topnav ul li {
width: auto;
float: left;
margin: 0px;
padding: 0px;
}

#topnav ul li ul {
	background: #fff;
	padding: 0;
	margin: 0;
	list-style: none;
	display: none;
	font-size: 0;
	z-index: 99999;
	position: relative;
	left: 0;
	overflow: visible;
	width: 140px;
	border: 0px dashed #FFF;
}

#topnav ul li ul li {
	float: none;
	margin: 0;
	padding: 0;
	background: #f3f6f0 url(../images/menubackera.jpg);
	color: #3b4428;
	text-align: left;
}

/* dropdown hover styles*/

#topnav ul li ul li a {
	width: 140px;
	white-space: nowrap;
	display: block;
	padding: 0 6px 0 6px;
	text-decoration: none;
	color: #12244D;
	font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
}
#topnav ul li ul li a:hover {
	background: #7197D8 url(../images/menubacker.jpg);
	color: #FFFFFF;
}
#topnav ul li:hover ul, #navmenu ul li a:hover ul { 
display: block; 
}
#topnav ul li ul { 
top: auto; 
left: auto; 
}

/* home button */

#topnav ul li#home {
height: 38px;
width: 67px;
margin:0;
padding:0;
background:url("../images/home_over.jpg");
}
li#home a, #topnav ul li#home a:link {
display:block;
}
li#home img {
width:67px;
height:38px;
border:0;
}
#home a:hover img {
visibility:hidden;
}

/* contactus button */

#topnav ul li#contactus {
height: 38px;
width: 105px;
margin:0;
padding:0;
background:url("../images/contact_over.jpg");
}
li#contactus a, #topnav ul li#contactus a:link {
display:block;
}
li#contactus img {
width:105px;
height:38px;
border:0;
}
#contactus a:hover img {
visibility:hidden;
}

/* sitemap button */

#topnav ul li#sitemap {
height: 38px;
width: 82px;
margin:0;
padding:0;
background:url("../images/sitemap_over.jpg");
}
li#sitemap a, #topnav ul li#sitemap a:link {
display:block;
}
li#sitemap img {
width:82px;
height:38px;
border:0;
}
#sitemap a:hover img {
visibility:hidden;
}

/* ftp button */

#topnav ul li#ftp {
height: 38px;
width: 106px;
margin:0;
padding:0;
background:url("../images/ftp_over.jpg");
}
li#ftp a, #topnav ul li#ftp a:link {
display:block;
}
li#ftp img {
width:106px;
height:38px;
border:0;
}
#ftp a:hover img {
visibility:hidden;
}

/* mainnav navigation styles*/

#mainnav ul {
list-style-type: none;
margin: 0px;
padding: 0px;
text-align: center;
}

#mainnav ul li {
width: auto;
float: left;
margin: 0px;
padding: 0px;
}

#mainnav ul li ul {
	background: #fff;
	padding: 0;
	margin: 0;
	list-style: none;
	display: none;
	font-size: 0;
	z-index: 99999;
	position: relative;
	left: 0;
	overflow: visible;
	width: 140px;
	border: 0px dashed #FFF;
}

#mainnav ul li ul li {
	float: none;
	margin: 0;
	padding: 0;
	background: #f3f6f0 url(../images/menubackera.jpg);
	color: #3b4428;
	text-align: left;
}

/* dropdown hover styles*/

#mainnav ul li ul li a {
	width: 140px;
	white-space: nowrap;
	display: block;
	padding: 0 6px 0 6px;
	text-decoration: none;
	color: #12244D;
	font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
}
#mainnav ul li ul li a:hover {
	background: #7197D8 url(../images/menubacker.jpg);
	color: #FFFFFF;
}
#mainnav ul li:hover ul, #navmenu ul li a:hover ul { 
display: block; 
}
#mainnav ul li ul { 
top: auto; 
left: auto; 
}

/* about button */

#mainnav ul li#aboutus {
height: 52px;
width: 166px;
margin:0;
padding:0;
background:url("../images/aboutus_over.jpg");
}
li#aboutus a, #mainnav ul li#aboutus a:link {
display:block;
}
li#aboutus img {
width:162px;
height:52px;
border:0;
}
#aboutus a:hover img {
visibility:hidden;
}

/* services button */

#mainnav ul li#services {
height: 52px;
width: 87px;
margin:0;
padding:0;
background:url("../images/services_over.jpg");
}
li#services a, #mainnav ul li#services a:link {
display:block;
}
li#services img {
width:87px;
height:52px;
border:0;
}
#services a:hover img {
visibility:hidden;
}

/* testimonials button */

#mainnav ul li#testimonials {
height: 52px;
width: 124px;
margin:0;
padding:0;
background:url("../images/testimonials_over.jpg");
}
li#testimonials a, #mainnav ul li#testimonials a:link {
display:block;
}
li#testimonials img {
width:124px;
height:52px;
border:0;
}
#testimonials a:hover img {
visibility:hidden;
}

/* portfolio button */

#mainnav ul li#portfolio {
height: 52px;
width: 101px;
margin:0;
padding:0;
background:url("../images/portfolio_over.jpg");
}
li#portfolio a, #mainnav ul li#portfolio a:link {
display:block;
}
li#portfolio img {
width:101px;
height:52px;
border:0;
}
#portfolio a:hover img {
visibility:hidden;
}

/* clientlist button */

#mainnav ul li#clientlist {
height: 52px;
width: 106px;
margin:0;
padding:0;
background:url("../images/clientlis_over.jpg");
}
li#clientlist a, #mainnav ul li#clientlist a:link {
display:block;
}
li#clientlist img {
width:106px;
height:52px;
border:0;
}
#clientlist a:hover img {
visibility:hidden;
}
#clearone {
	clear: both;
	height:1px;
}#wrapper #gallery1 {
	background: url(../images/portfoliomockup2.jpg) no-repeat;
	clear: both;
	width: 964px;
	height: 600px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #gallery1 #galnav {
	height: 45px;
	padding-top: 113px;
}
#wrapper #gallery1 #galnav #gnav01 {
	float: left;
	height: 45px;
	width: 149px;
}
#wrapper #gallery1 #galnav #gnav02 {
	float: left;
	height: 45px;
	width: 145px;
}
#wrapper #gallery1 #galnav #gnav03 {
	float: left;
	height: 45px;
	width: 107px;
}
#wrapper #gallery1 #galnav #gnav04 {
	float: left;
	height: 45px;
	width: 175px;
}
#wrapper #gallery1 #galnav #gnav05 {
	float: left;
	height: 45px;
	width: 155px;
}
#wrapper #gallery1 #galnav #gnav06 {
	float: left;
	height: 45px;
	width: 139px;
}
#wrapper #gallery1 #galnav #gnav07 {
	float: right;
	height: 45px;
	width: 94px;
}