/*@import url("/media/css/homepage.css");*/

body {margin:0; padding:0; font:normal 12px 'Lucida Grande', helvetica, verdana, sans-serif; line-height:1.2em;}
a {text-decoration:none;color:#0983d1;}
a:hover {}
a:active {}
a:visited {}
a img {border:0px;text-decoration:none;}

.clear {clear:both;}

h2 {color:#0d0d0d;margin-top:30px; font-size:1.2em;}
	h2:first-child {margin-top:00px;}
h3 {color:#0d0d0d;margin-top:30px; font-size:1.2em;}
	h3:first-child {margin-top:00px;}
em {color:#333;font-weight:normal;font-style:italic;}
small {color:#333;}
hr {border:0px;border-bottom:1px solid #ccc;}

/* start main menu */
#mainmenu {height:38px; background: url('media/img/mainmenu_bg.png');}
#mainmenu #bar {position:relative; min-width:750px; max-width:1000px; height:38px; margin:0 auto; background:;}
#mainmenu #company {position:absolute; left:0;}
	#mainmenu #company img {margin-top:5px;}		
#mainmenu #menu {display:; position:absolute; right:196px; height:38px;}
	#mainmenu #menu ul {margin:11px 0 0 0; padding:0;}
	#mainmenu #menu ul li{display:block; float:left; margin-left:30px;font-weight:bold; color:#ffffff; text-shadow: black 0px 1px 0px;}
	#mainmenu a {color:#cccccc;}
	#mainmenu a:hover {color:#ffffff;}

body#overview #mainmenu li.one a,
body#features #mainmenu li.one a,
body#networking #mainmenu li.one a,
body#specs #mainmenu li.one a,
body#quicktours #mainmenu li.two a,
body#profiles #mainmenu li.three a,
body#services #mainmenu li.four a,
/*main menu selected color*/
body#support #mainmenu li.five a {color:#ffcc00;}

body#overview #homeheader #submenu li.one a,
body#features #homeheader #submenu li.two a,
body#networking #homeheader #submenu li.three a,
body#specs #homeheader #submenu li.four a {color:#0983d1; background:url('/media/img/overview/submenupijltje.gif') no-repeat top center;} 

/* main menu items*/
#mainmenu #buttons {width:175px; height:38px; position:absolute; right:0;}
	#mainmenu a {margin:6px 0 0 5px;}
	#mainmenu a#phone {position:relative; float:left; display:block; width:101px; height:25px; background: url('media/img/button_phone.png');}
		#mainmenu a#phone:hover {background-position:0px -25px;}
		#mainmenu a#phone:active {background-position:0px -50px;}
	#mainmenu a#email {float:left; display:block; width:60px; height:25px; background:url('media/img/button_email.png');}
		#mainmenu a#email:hover {background-position:0px -25px;}
		#mainmenu a#email:active {background-position:0px -50px;}

#stickie {display:block; position:absolute; z-index:1; right:5px; padding-top:10px; top:32px; width:178px; height:106px;
		background: url('/media/img/mainmenu_stickie.png')no-repeat 0 10px;}
#stickie table {margin:26px 0 0 20px; font-size:0.8em; font-weight:bold; text-shadow: white 0px 1px 0px;}
#stickie table td {padding:4px 3px 0 0;}
#stickie table .label {text-align:right; color:#B7AE87;}

/* Layout maincontent */
#maincontent {width:1000px; margin:0 auto; background:; opacity:1;}
.columnwide {float:left; width:380px; margin-right:60px;margin-top:-60px;}
.columnwide .intro {font-size:1.2em; color: #131313;}
.columnwide p {color:#4c4c4c; line-height:2.0em;}
.columnnarrow {float:left; width:250px; margin:0 0 20px 0;line-height:2.0em;}
	.columnnarrow:first-child {margin:0px 40px 20px 0;}
	.columnnarrow p {color:#4c4c4c;}
	.columnnarrow ul {font-size:0.9em; border:solid gray 1px;list-style:none;padding: 0 0 0 0;}
	.columnnarrow li {padding: 3px;}
	.columnnarrow li.header {background:#666666;color:white;font-style:bold;}
	.columnnarrow li.highlight {background:#cdcdcd;}
#doublecolumn {width:560px; float:left; color:#4c4c4c;}
#doublenarrowcolumn {width:560px; float:left; margin-top:33px;}
#doublenarrowcolumn p {line-height:2.0em;}


/* forms */
.form_column_left {width: 283px; float: left; }
.form_column_right {width: 283px; float: left; margin-left: 10px;}

form {padding:12px 15px 20px 15px;border:solid 1px #dfd7ab;background-color:#fff9d8; -webkit-border-radius:6px;}
form ul {padding:0px;}
form li {color: #ababab;font-size:0.9em;padding: 0.5em 0 0.5em 0em;list-style:none;}

form li input{width:215px;}
form li h1{color:black;font-size:0.9em;margin: 0 0 0 0;}

form .myerrors {color:red;font-weight:normal;font-size:0.9em;margin:0 0 0 0.4em;}
form .formintro{color: black;font-size:1em;font-weight:bold;border:1px dotted #bababa;display:block;padding: 0.5em 0.3em 0.5em 1em;background-color:#fffcda;}


/* show me's */
.showme {margin-left:2px;height:11px;width:41px;background:url('/media/img/showme3.gif');display:inline-block;}
p:hover .showme {background-position:0px -11px;}

/* bluebutton */ 
a.bluebutton {display:block; float:left; position:relative; margin:0 0 0 9px; padding:0; height:40px; background:url('media/img/button_middle.gif'); line-height:1em;}
a.bluebutton .label {display:block;margin-left:8px;margin-right:10px;margin-top:12px; font-size:1.5em; color:#fff;}
a.bluebutton .left {display:block; margin:0 -9px; width:15px; height:40px; background:url('media/img/button_left.gif'); position:absolute; left:0px;}
a.bluebutton .right {display:block; margin:0 -9px; width:34px; height:40px; background:url('media/img/button_right.gif'); position:absolute; right:0px;}

/* yellowbutton */ 
a.yellowbutton {display:block; float:left; position:relative; margin:0 0 0 9px; padding:0; height:40px; background:url('media/img/yellow_middle.gif'); line-height:1em;}
a.yellowbutton .label {display:block;margin-left:8px;margin-right:10px;margin-top:14px; font-weight:bold;font-size:1.5em; color:#000;}
a.yellowbutton .left {display:block; margin:0 -9px; width:15px; height:40px; background:url('media/img/yellow_left.gif'); position:absolute; left:0px;}
a.yellowbutton .right {display:block; margin:0 -9px; width:14px; height:40px; background:url('media/img/yellow_right.gif'); position:absolute; right:0px;}
a.yellowbutton img {margin-top:10px;float:left;}

/* rounded rect "black button" used on Quicktours side bar */
.bb {display:block; background:red; height:46px; background:url('/media/img/button/blackb_middle.gif'); color:#fff; margin:0 0 15px 0; width:98%;}
	.bb:hover {background-position:0px -46px;}
	.bb:hover .bb_left {background-position:0px -46px;}
	.bb:hover .bb_right {background-position:0px -46px;}
.bb_left {display:block; float:left; background:url('/media/img/button/blackb_left.gif'); width:6px; height:46px;}
.bb_middle {display:block; float:left; background:; height:16px; margin:5px 6px 0 6px; }
	.bb_title {display:block; float:left; padding:0 12px 0 0; margin-top:1px; border-right:1px solid #767781; font-size:1.2em;}
	.bb_expl {display:block; float:left; padding:2px 0 0 10px; color:#fff; font-size:0.9em; font-weight:;}
.bb_right {display:block; float:right; background:url('/media/img/button/blackb_right.gif'); width:32px; height:46px;}

/* mouseprint, mainly on services */
.mouseprint {width:500px;display:block;float:left;margin-top:20px;line-height:1.4em;color:#CCC;}
.mouseprint small {color:#979797;}


/* searching */
.search {color:#4c4c4c;line-height:1.5em;font-size:1em;}
.search em {font-style:normal;background-color:#E6E6C8;}
.search p {margin: 2em 0;}
.search a {margin-bottom:5px;display:block;font-size:0.8em;}

.roundedsquare	{width:351px;border-left:1px solid #c0c0c0;border-right:1px solid #c0c0c0;background:url('media/img/whitefade.png') repeat-x #e4e4e4;min-height:161px;color:#444444;font-size:1em;line-height:1.7em;float:left;}
	.roundedsquare p {margin:10px 15px 10px 0px;font-size:1.5em;text-align:center;}
	.roundedsquare h1 {font-size:1em;text-align:left;margin-bottom:5px;margin-top:10px;color:#000;}
	.roundedsquare h2 {margin:0px 15px 0px 25px;text-align:center;font-size:1.1em;color:#696969;}
	.roundedsquare .cross {margin:0px 0px 0px 0px;float:left;}
.roundedsquare_top {height:7px;width:353px;background: url('media/img/roundedsquare_top.png');float:left;margin-top:15px;}
.roundedsquare_bottom {height:7px;width:353px;background: url('media/img/roundedsquare_bottom.jpg');float:left;}
.roundedsquare_buttons {margin:15px 15px 10px 30px;}
	.roundedsquare_buttons table {font-size:1.0em;width:100%;border:none;}

.payperincident {display:block;width:380px;margin-top:40px;float:left;}


#questions {float:left; width:380px; margin-right:60px;margin-top:40px;background-color: #f2f2f2; border: solid 1px #ccc; -webkit-border-radius: 8px;}
#questions h3 {font-size: 16px; margin: 19px; padding-bottom: 6px; border-bottom: dotted gray 1px;}
#questions li {padding-top: 10px;}

#answers {width:560px;float:left;color:#4c4c4c;line-height:2.0em;margin-top:10px;}
#answers em {font-size:2em;font-style:normal;margin-right:10px;}

.attention {border: dotted gray 1px; padding:10px; background:#fcfcfc;}

.qb {display:block; color:#555; text-decoration:none; height:116px; margin:0 0 20px 0; background:;} /*quicktour button*/
.qb_left {display:block; float:left; width:15px; height:116px; background:url('media/img/pad_left.gif');}
	.qb:hover .qb_left {background-position:0px -118px;}
.qb_middle {display:block; float:left; width:490px; height:116px; background:url('media/img/pad_middle.gif');}
	.qb:hover .qb_middle {background-position:0px -118px;}
.qb_right {display:block; float:left; width:15px; height:116px; background:url('media/img/pad_right.gif');}
	.qb:hover .qb_right {background-position:0px -118px;}

.qb img {width:153px; height:90px; margin:13px 30px 13px 5px; float:left;}
.qb_text {display:block; background:; float:left; height:46px; margin:35px 0 0 0; line-height:1.7em;}
.qb_name {display:block; font-size:1.25em; color:#000000; margin:;}
.qb_time {display:block; font-size:1em; color:#666666;}

.profileitem {margin-bottom:40px;}
.profileitem h3 {padding:10px 0 0 0 ;}
.profileitem p {font-size:0.8em;line-height:1.8em;margin-bottom:5px;}
.profileitem a {font-size:0.8em; color:#0f86d2;}
.profileitem img {margin-right:15px;}
#profilesdoublecolumn {width:560px;float:left;margin-top:80px;}
#profilesdoublecolumn h1 {border-bottom:solid 1px #b1b1b1;font-size:1.6em;padding-bottom:0.6em;}
#profilesdoublecolumn q {font:italic 1.3em Georgia;line-height:1.5em;color:#4c4c4c;}
	#profilesdoublecolumn q:before {content:"\201C\00A0";}
	#profilesdoublecolumn q:after {content:"\00A0\201D";}


/* Style the bottom callouts
-------------------*/
#promos {height:168px; width:1000px; margin:10px auto 25px auto; background: url('media/img/background_borders.gif'); 
	line-height:1.5em;}
#promos a {display:block; height:168px; width:250px; margin:0; float:left; color:#4c4c4c;}

#promos .link {margin:15px 0 0 15px; color:#000; font-weight:bold; font-size:1em; display:block;}
#promos .link img {margin:-2px 0 0 3px; vertical-align: middle;}

#promos a:hover .link {color:#0069A9;}
#promos a#profilespromo:hover .link {color:#A5E7FF;}

#promos .text {display:block; margin:15px 0 0 15px; font-size:0.8em; width:200px;}
#promos img {margin-right: 20px;}

/* Callout tyles
------------------------*/
#servicespromo img {margin:10px 10px 0 5px;}
#profilespromo {background: url('media/img/searchlight_promo.jpg');}
#profilespromo .link {color:#fff; text-shadow:#000 1px 1px 1px; font-weight:bold;}

#networkingpromo {background: url('media/img/callout_dossier_bg.jpg')no-repeat 0 1px;}
	#networkingpromo .text {margin:15px 0 0 15px; font-size:0.8em; width:80px;}

#buynowpromo {background: url('/media/img/promos/pricing_background.jpg')no-repeat 0 1px;}
	#buynowpromo .text {margin:15px 0 0 15px; font-size:0.8em; width:120px;}
	
	
#footer {height:100px; width:1000px; margin:0 auto; text-align:center;color:#999;font-size:0.9em;line-height:2em;}