body {
	margin:0;
	background-color: #FFF;
	background-image: url(images/body_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#container {width:944px; margin:0 auto; padding-bottom:40px;}

#header {
	height:48px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 0px;
}
.proimg {
	border: 1px solid #999;
	padding: 3px;
	margin-right: 40px;
	background-color: #FFF;
}

.proimgs {
	border: 1px solid #999;
	padding: 3px;
	margin-right: 8px;
	background-color: #FFF;
	margin-bottom: 2px;
}
#logo {
	width:313px;
	height:48px;
	text-indent:-9999px;
	float:left;
}
#logo a {display:block; width:313px; height:48px;}
#number {font-family:"Myriad Pro", "Trebuchet MS", Arial; font-size:20px; text-align:right; width:140px; float:left; padding:19px 10px 0 357px;}
#contact {width:84px; height:19px; background-image:url(images/contact.png); float:left; margin-top:22px; text-indent:-9999px;}
#contact a {display:block; width:84px; height:19px;}
#contact a:hover {background-image:url(images/contact_over.png);}

#menu {height:39px; width:944px;}
#menu ul {list-style:none; margin:0; padding:0;}
#menu ul li {float:left; height:39px; display:block; text-indent:-9999px;}
#menu a {display:block; width:100%; height:100%;}
#menu_services {width:100px; background-image:url(images/menu_services_active.png);}
#menu_services a {background-image:url(images/menu_services.png);}
#menu_services a:hover {background-image:url(images/menu_services_over.png);}
#menu_services a.active, #menu_services a:hover.active {background-image:url(images/menu_services_active.png);}
#menu_portfolio {width:100px; background-image:url(images/menu_portfolio_active.png);}
#menu_portfolio a {background-image:url(images/menu_portfolio.png);}
#menu_portfolio a:hover {background-image:url(images/menu_portfolio_over.png);}
#menu_portfolio a.active, #menu_portfolio a:hover.active {background-image:url(images/menu_portfolio_active.png);}
#menu_about {width:83px; background-image:url(images/menu_about_active.png);}
#menu_about a {background-image:url(images/menu_about.png);}
#menu_about a:hover {background-image:url(images/menu_about_over.png);}
#menu_about a.active, #menu_about a:hover.active {background-image:url(images/menu_about_active.png);}
#menu_articles {width:91px; background-image:url(images/menu_articles_active.png);}
#menu_articles a {background-image:url(images/menu_articles.png);}
#menu_articles a:hover {background-image:url(images/menu_articles_over.png);}
#menu_articles a.active, #menu_articles a:hover.active {background-image:url(images/menu_articles_active.png);}
#menu_empty {width:570px; background-image:url(images/menu_empty.png);}

#banner {
	width:680px;
	height:220px;
	margin-top:5px;
	margin-bottom: 10px;
	background-image: url(swf/guardgrille.jpg);
	background-repeat: no-repeat;
}

#main_top {width:944px; height:6px; background-image:url(images/main_top.png); margin-top:5px; font-size:1px;}
#main {
	width:944px;
	color:#140505;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:180%;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#main_bottom {width:944px; height:8px; background-image:url(images/main_bottom.png); font-size:1px;}

h1 {
	font-size:20px;
	margin:0 0 10px 0;
	font-weight:normal;
	font-family:Tahoma, Arial, Helvetica;
	line-height:normal;
	color: #0065CC;
}
h2 {
	font-size:14px;
	margin:12px 0 5px 0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;
	color: #900;
}
h3 {margin:0; font-weight:normal;}
a {
	color:#036cb6;
	outline-style:none;
	text-decoration: none;
}
a:hover {color:#023f6b;}
ul {margin:0px; padding:0;}
li {margin:0px; padding:0;}
ol {margin:5px 0 5px 30px; padding:0;}
img {border:0;}
br {line-height:7px;}
.line {background:url(images/line.png); width:100%; height:2px; margin:40px 0 20px 0; font-size:1px; clear:both;}
.clear {clear:both;}
form {margin:0;}
form div {margin-top:3px;}
label {display:block; float:left; width:90px;}
.textfield {width:200px;}
textarea {width:400px; height:100px;}
.button {margin-left:89px; margin-top:3px; cursor:pointer;}
.textfield:focus, textarea:focus {background-color:#FAFAFA;}
.sublink {margin-left:11px; list-style:circle;}
.url {margin:-5px 0 15px 0;}

#awards {
	background-image:url(images/frame.png);
	width:884px;
	height:381px;
	margin-top:20px;
}

#awardss {float:left; padding:15px 20px 16px 20px;}

#services {height:185px; padding-top:20px; clear:both;}
#services ul {margin:0 0 0 70px; padding:8px 0 0 0; clear:both; height:100px;}
#services li {list-style:none; background:url(images/services_li.png) no-repeat 0px 5px; padding:0 0 0 12px; font-size:11px; line-height:14px;}
#services li a {color:#535353; text-decoration:none;}
#services li a:hover {text-decoration:underline;}
#services li.sublink {background:url(images/services_subli.png) no-repeat 0px 5px; padding:0 0 0 8px; margin-left:10px; color:#999999;}
#services li.sublink a {color:#747474;}
#services h3 a {
	text-transform:capitalize;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	margin-top:22px;
}
#services a.more {display:block; background:url(images/services_more.png) no-repeat; width:116px; height:11px; margin-left:135px;}
#services_software, #services_websites, #services_marketing {background:url(images/services_bg.png) no-repeat; width:279px; height:185px; float:left; margin-right:23px;}
#services_software div.icon {
	width:31px;
	height:32px;
	margin:16px 7px 0 15px;
	float:left;
	display:inline;
}
#services_software h3 a {color:#408508;}
#services_websites div.icon {
	width:30px;
	height:33px;
	margin:15px 7px 0 15px;
	float:left;
	display:inline;
}
#services_websites h3 a {color:#0666b2;}
#services_marketing div.icon {
	width:48px;
	height:30px;
	margin:16px 7px 2px 15px;
	float:left;
	display:inline;
}
#services_marketing h3 a {color:#f73906;}

#projects {clear:both; line-height:normal;}
#projects h3 {text-transform:uppercase; font-size:16px; font-family:"Myriad Pro", "Trebuchet MS", Arial; color:#606060; margin:0 0 0 7px;}
#projects h3 a {text-decoration:none;}
#projects a.more {display:block; background:url(images/projects_more.png) no-repeat; width:102px; height:12px; margin:15px 0 0 7px;}
#projects .projects {float:left; margin-right:24px;}
.projects {background:url(images/projects_bg.png) no-repeat; width:264px; height:173px; padding:13px 0 0 14px; margin-top:15px;}
.projects a {text-decoration:none; font-size:13px; color:#000000;}
.projects a:hover span {text-decoration:underline; color:#000000;}
.projects img {margin-bottom:7px; border:#e0e0e0 solid 2px;}
.projects p {margin:3px 48px 0 0; color:#6b6b6b; font-size:11px;}
#projects_software, #projects_websites, #projects_marketing {float:left; width:278px; margin:20px 24px 0 0;}
#projects_software .projects, #projects_websites .projects, #projects_marketing .projects {float:none; margin-right:0;}
#projects_software h3 a {color:#408508;}
#projects_websites h3 a {color:#0666b2;}
#projects_marketing h3 a {color:#f73906;}
#projects .last, #services_marketing, #projects_marketing {margin-right:0;}
.screenshot {border:#e0e0e0 solid 4px; margin:10px 0;}

#sidebar {
	float:right;
	width:232px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 20px;
}
#sidemenu_top {
	width:232px;
	height:20px;
	background-image:url(images/sidemenu_top.png);
}
#sidemenu_top h3 {background:url(images/sidemenu_arrow.png) no-repeat right bottom; float:left; padding:10px 30px 0 15px; height:24px; text-transform:uppercase; font-family:"Myriad Pro", "Trebuchet MS", Arial; color:#000000; font-size:14px;}
#sidemenu_top h3 a {color:#000000; text-decoration:none;}
#sidemenu {
	width:212px;
	background-image:url(images/sidemenu_bg.png);
	padding-left: 10px;
	padding-right: 10px;
	color: #0065CC;
}
#sidemenu ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 0;
}
#sidemenu li {
	list-style:none;
	font-family:Verdana, Tahoma, Helvetica;
	font-weight:bold;
	color:#000000;
	font-size:11px;
	line-height:15px;
	padding-top: 3;
	padding-right: 0;
	padding-bottom: 3;
	padding-left: 17px;
	height: 30px;
	background-image: url(images/li.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#sidemenu li a {
	color:#0065CC;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-style:normal;
	height: 25px;
	font-size: 11px;
}
#sidemenu li a:hover {
	text-decoration:underline;
	height: 25px;
}
#sidemenu li.sublink {
	background:url(images/sidemenu_subli.png) no-repeat 0px 6px;
	margin-left:10px;
	color:#606060;
	height: 25px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
}
#sidemenu li.sublink a {
	color:#0065CC;
}
#sidemenu_bottom {
	width:232px;
	height:14px;
	background-image:url(images/sidemenu_bottom.png);
}
.box {
	border:2px solid #FFFFFF;
	background-image: url(images/map_contact_us.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.box h3 {text-transform:uppercase; font-family:"Myriad Pro", "Trebuchet MS", Arial; color:#000000; font-size:14px; margin:0 0 5px 0;}
.box ul {margin:0 10px;}
.box li {list-style:none; background:url(images/sidemenu_li.png) no-repeat 0px 6px; padding:0 0 0 12px;}

/* .box img {margin-bottom:5px; border:#EEEEEE solid 2px;} */
.adsense {border:1px solid #FFFFFF; margin:20px 12px 0 12px; text-align:center;}
.nomargin .adsense {margin-top:0px;}

#footer {
	background-image:url(images/footer.png);
	width:944px;
	height:70px;
	margin-top:5px;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
#footer a {color:#FFFFFF; text-decoration:none; font-weight:normal;}
#footer a:hover {text-decoration:underline;}
#footer span {font-weight:normal;}
#footer_left {float:left; background:url(images/copyright.png) no-repeat 28px 24px; padding:26px 0 6px 55px;}
#footer_right {float:right; padding:26px 30px 0 0; font-weight:bold;}




.menunav {
	TEXT-ALIGN: center;
	position: relative;
	margin-right: 2px;
	margin-left: 2px;
}

ul.nav{
	width:900px;
	height:32px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
ul.nav li{
	padding:0 2px 0 0;
	float:left;
}
ul.nav li a.navLink{
	display:block;
	color:#369;
	text-decoration:none;
	background-color:inherit;
	padding-top: 0;
	padding-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 32px;
	font-weight: bold;
	width:108px;
	background-image: url(images/menubg.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
ul.nav li a.navLink:hover{
	color:#FFF;
	background-image: url(images/menunow.jpg);
	background-repeat: no-repeat;
}



ul.nav li a.hover{
	display:block;
	background-color:#3B597F;
	font:bold 11px/36px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background-color:inherit;
	padding:0 13px;
}
ul.nav li.noImg{
	padding:0;
	float:left;
	background-image:none;
}
#mbody {
	width: 680px;
}
.proimg {
	border: 1px solid #999;
	padding: 4px;
	margin-right: 40px;
}

.proimgs {
	border: 1px solid #CCC;
	padding: 3px;
	margin-right: 8px;
	background-color: #FFF;
	margin-bottom: 2px;
}
.GreenBtn{
	width: 80px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 11px;
	padding-left: 0;
	display: block;
}

.GreenBtn a {
	color:#fff;
	float:left;
	line-height:23px;
	display:block;
	text-align:center;
	text-decoration:none;
	background: url(images/blue-btn-left.jpg) left top no-repeat;
	width: 75px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}
.GreenBtn a span {
	color:#fff;
	padding:0 9px 0 5px;
	float:left;
	line-height:23px;
	height:23px;
	display:block;
	text-align:center;
	cursor:pointer;
	background: url(images/blue-btn-right.jpg) right top no-repeat;
}
.FRight {
	float:right;
}