﻿* {
	padding: 0;
	margin: 0;
}

body {
 /* font-family: Arial, Helvetica, sans-serif;  font-size: 13px; */
 font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 14px; font-weight:bold; background-color:#436FB6; margin-top: 0px;
/* background-image: url('blueback.gif') */
}
#wrapper { 
 margin: 0px auto;
 width: 860px;
 background-color: white;
}
.logo { color: black; font-family: arial, sans-serif; font-size: 36pt; width: 275px; padding-top: 10px; border-top: 20px solid #83c614; font-weight: normal; margin-top: 0; }
.slogan { color: #83c614; font-size: 12pt; font-family: arial, helvetica, verdana, sans-serif; background-color: white; width: 275px; font-weight: normal; letter-spacing: .3pt;}
h1 { font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 18px; font-weight:bold; margin: 10px 0 10px 30px; }
body.home h1 { margin: 5px 0 10px 0px; }

.bodytext  { font-family:sans-serif,Verdana,Helvetica; font-size: 12px; font-weight:normal; margin: 0 40px 10px 30px; color:#333; }
.context  { font-family:sans-serif,Verdana,Helvetica; font-size: 12px; font-weight:normal; color:#333; margin: 0px 40px 20px 20px; }

.bodytext p { margin-bottom: 1em; }

.boxtext {font-family:sans-serif,Verdana,Helvetica; font-size: .9em; font-weight:normal; line-height:1.5em; color:#000000; }

#header {
 width: 860px;
 float: left;
 padding: 0px;
 border: 0px;
 height: 347px;
 margin: 0px 0px 0px 0px;
}

.innerbox {
	width: 860px;
	color: #999999;
}
.left {
	width: 315px;
	float: left;
	padding-bottom: 10px;
/* 	height: 300px; */
}

.mymenu { padding-left: 10px; }

.right { 
	width: 540px; 
	/* height: 350px; */
	float: right;
	vertical-align:bottom;
	margin-bottom: 0;
}

.topnav { text-align: right; margin-right: 60px; margin-top: 31px; }
.topnav a:hover { color: #fa6a0a; font-size: 11pt; font-family: arial, sans-serif; margin-left: 10px; }

.topnav a:visited { color: #fa6a0a; font-size: 11pt; font-family: arial, sans-serif; margin-left: 10px; }

.topnav a { color: #fa6a0a; font-size: 11pt; font-family: arial, sans-serif; margin-left: 10px; }

.rtcontent { width: 530px; margin-top:35px; margin-bottom:0px; float:right; }

.rightcontent { margin-top:54px; margin-bottom:0px; float:right; }
	
.tableright { margin-left:35px; margin-right: 15px; float:right; }

#navigation {
	float: left;
	width: 100%;
	height: 30px;
	color: white;
	padding: 0px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	background-image: url('images/orange-bar.jpg');
	overflow:hidden;
}
#leftcolumn { 
 color: #333;
 border: 0px;
 background: white;
 margin: 0px 0px 0px 0px;
 padding: 15px 9px 10px 18px;
 height: 120px;
 width: 200px;
 float: left;
}
#leftmiddle { 
 color: #333;
 border-left: 1px solid #ccc;
 background: white;
 margin: 0px 0px 0px 0px;
 padding: 15px 10px 10px 12px;
 height: 120px;
 width: 185px;
 float: left;
}
#rightmiddle { 
 color: #333;
 border-left: 1px solid #ccc;
 background: white;
 margin: 0px 0px 0px 0px;
 padding: 15px 10px 10px 12px;
 height: 120px;
 width: 185px;
 float: left;
}
#rightcolumn { 
 color: #333;
 border-left: 1px solid #ccc;
 background: white;
 margin: 0px 0px 0px 0px;
 padding: 15px 10px 10px 12px;
 height: 120px;
 width: 185px;
 float: left;
}
#footer { 
 width: 860px;
 clear: both;
 color: #333;
 border-top: 1px solid #ccc;
 background: white;
 margin: 10px 0px 10px 0px;
 padding: 8px 0px 8px 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 text-align: center;
}
.footer  {	
 margin: 0px 20px 0px 20px;
}
.leftimg { margin-left: 0px; margin-right: 7px; margin-bottom: 0px; margin-top:5px; } 

/* 
.navcont_C35FC251 { width: auto }
.navbox_C35FC251 { width:100%; height:20px; padding: 10px 0 10px 0; border-bottom: 1px solid #83c614; background: inherit; }
.navbox_C35FC251 a { font-family: arial; font-size: 11pt; color: #666666; text-decoration: none; margin-left:3px; }
.navbox_C35FC251 a:visited { font-family: arial; font-size: 11pt; color: #666666; text-decoration: none; margin-left:3px; }
.navbox_C35FC251 a:hover { font-family: arial; font-size: 11pt; color: #666666; text-decoration: none; margin-left:3px; }
*/

.dsR2 /*agl rulekind: base;*/ { width: 275px; height: auto; margin-top: 10px; }
.dsR3 /*agl rulekind: base;*/ { width: 275px; height: 55px; }

/* 
body.home a#home  { color: #F67B00; }
body.design a#webdesign  { color: #F67B00; }
body.hosting a#hosting  { color: #F67B00; }
body.marketing a#marketing  { color: #F87202; }
body.faqs a#faqs  { color: #F67B00; }
body.portfolio a#portfolio  { color: #F67B00; }
*/

/* common styling */
.menu {font-family: arial, sans-serif; width:260px; height:240px; position:relative; font-size:11px; margin:10px 0 0 20px; z-index:1;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color: #666666; width:258px; height:22px; text-align:left; padding: 8px 0 8px 5px; 
border-bottom: 1px solid #83c614; background:#ffffff; line-height:21px; font-size:11pt; }
.menu ul {padding:0; margin:0; list-style-image: url('/benelda/images/arrow.gif'); }
.menu ul li {float:left; margin-right:1px; position:relative; }
.menu ul li ul {display: none; list-style:none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#83c614; }
.menu ul li:hover ul {display:block; position:absolute; top:0; left:264px; width:164px; }
.menu ul li:hover ul li a.hide {background:#fdffff; color:#fff; list-style:none;}
.menu ul li:hover ul li:hover a.hide {width:165px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#f67b00; color:#fff; width:150px; list-style:none; border-bottom: 1px solid #eaeaea;}
.menu ul li:hover ul li a:hover {background:#f67b00; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:200px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000; list-style:none;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}

body.startup .bodytext ul, body.startup .bodytext ol { padding-left: 25px; }