/*
Theme Name: Cursor Marketing
URI: http://www.cursormarketing.com/
Author: Cursor Marketing Team: Ian Gertler
*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input { margin:0px; padding:0px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1em; font-weight:normal; font-style:normal; }


/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

html {
	margin-left: -1px;
	overflow-Y: scroll;
}

body {
	font:14px Arial;
	background-color:#fff;
	behavior: url(hover.htc);
}

a:hover { text-decoration:none; }


/* reused on each level*/
div.centered { 
	margin:0px auto;
	text-align:left;
	width:915px;
}

/* LEVEL 1: box containing navigation 100% width */
	#header {
		width:100%;
		height:58px;
		position:relative;
		margin-top:0px; 
		text-align:center;
		background: url(../images/topborder.png) repeat-x top ;
	}
	
	#header div.centered { 
		background: url(../images/globalnav_gray.png) no-repeat; 
	}
	
	#header div.centered #globalnav { margin-left:219px; width:685px; height:93px; position:relative; }


	/* Image Replacement */
	ul.GN li { position: relative; font-size:0.9em; }
	.GN { display: block; position:absolute; top:0px; left:0px; }
	
	/* For IE5.x mac only */
	* html>body	.GN { position:static; overflow:visible; font-size:10px; }
	
	/* Image Replacement: Specifics */
	.nav { list-style: none; }
	.nav li { float: left; padding-bottom: 0px; width:111px; height:58px;
		background: url(../images/globalnavbar.png) no-repeat; 
		cursor: pointer; /* IE5 requires cursor:hand; however this is not valid CSS2 */
	}
.nav li a { width:111px; margin-top:16px; height:42px; display:block; outline-style: none; -moz-outline-style:none; }

	
	li.home { left:0px; background-position: 0 0; }
	li.home:hover { background-position: 0 -58px; }
	li.company { left: 0px; background-position:-118px 0; }
	li.company:hover { background-position: -118px -58px; }
	li.solutions { left: 0px; background-position: -229px 0; }
	li.solutions:hover { background-position: -229px -58px; }
	li.newsevents { left: 0px; background-position: -340px 0; }
	li.newsevents:hover { background-position: -340px -58px; }
	li.blog { left: 10px; background-position: -453px 0; }
	li.blog:hover { background-position: -453px -58px; }
	li.contact { left: 10px; background-position: -564px 0; }
	li.contact:hover { background-position: -564px -58px; }
	
	/* Main Dropdown Nav */
	.nav a { display: block; color:#FFFFFF; text-decoration: none; font-weight: normal; }
	* html .nav a { height: 1%; }	
	.nav li ul {
		position: absolute;
		z-index: 1; /* show the dropdowns above the images */
		top: 58px; /* position the dropdowns a set distance from the top of the image */
		left: -999em;
		list-style: none;
	}
	
	.nav li:hover ul { left: auto; }
	
	.nav li ul li {
		width: 200px;
		height: auto; /* reset the height and padding set on the globalnav list items */
		padding-bottom: 0;
		font-size: 100%;
		border-bottom: 2px ridge #DADADB;
		background-image:none;
	}
	
	.nav li ul li a { width:188px; height:auto; margin:0px; }
	
	.nav li ul a { padding: 6px; color:#fff; background: #A2A2A4; }
	.nav li ul a:hover { color:#fff; background: #7D7D7C; }
	

/* LEVEL 2a: home content*/

#homemain {
	width:915px;
	height:426px;
	background:url(../../images/mainhomebg.jpg);	
}

#homemain #left { width:303px; float:left; position:relative; }

#homemain #left a, a focus {border:0px; outline-style: none; -moz-outline-style:none;}

#homemain #left img { margin:31px 33px 31px 31px; }	
 
#homemain #right {
	width:330px;
	min-height:420px;
	padding-left:60px;
	margin:0px 0px 0px 475px; 
	border-left:0px solid #dcdcdc;
}

#homemain #right p { font-size:13px; color:#FFFFFF; line-height:15pt;}
#homemain #right h1 { font-weight:bold; font-size:20px; color:#5974CA; font-style:none; line-height:15pt;}
#homemain #right h2 { font-weight:bold; font-size:12px; color:#AEB0B3; font-style:none; line-height:17pt; }
#homemain #right a { font-size:13px; color:#0051D4; text-decoration:underline; outline-style: none; -moz-outline-style:none;}
#homemain #right a:hover { font-size:13px; color:#0051D4; text-decoration:none; }
#homemain #right a.flash { font-size:12px; color:#5974CA; text-decoration:underline; outline-style: none; -moz-outline-style:none; }
#homemain #right a:hover.flash { font-size:12px; color:#AEB0B3; text-decoration:none; }

/* LEVEL 2b: consumer content*/

#consumermain {
	width:915px;
	height:426px;
	background:url(../../images/mainconsumerbg.jpg);	
}

#consumermain #left { width:303px; float:left; position:relative; }

#consumermain #left a, a focus {border:0px; outline-style: none; -moz-outline-style:none;}

#consumermain #left img { margin:31px 33px 31px 31px; }	
 
#consumermain #right {
	width:330px;
	min-height:420px;
	padding-left:60px;
	margin:0px 0px 0px 505px; 
	border-left:0px solid #dcdcdc;
}

#consumermain #right p { font-size:13px; color:#FFFFFF; line-height:15pt;}
#consumermain #right h1 { font-weight:bold; font-size:20px; color:#FC8035; font-style:italic; }
#consumermain #right a, a focus {border:0px; outline-style: none; -moz-outline-style:none;}	
#consumermain #right a:hover { font-size:13px; color:#0051D4; text-decoration:none; }


/* LEVEL 2c: page content*/

#main {
	width:100%;
	margin:30px 0px 31px 0px;
}

#main #left { width:303px; float:left; position:relative; }

#main #left p { font-size:13px; color:#444444; line-height:15pt; margin-top: 30px;}

#main #left br { font-size:13px; color:#444444; line-height:15pt;}

#main #left a, a focus {border:0px; outline-style: none; -moz-outline-style:none;}	

#main #left img { margin:0px 30px 30px 30px; }	

#main #left ul.subnav {
	display:block;
	text-align:center;
	width:213px; 
	margin:0px 30px 30px 30px;
	list-style: none;
}

#main #left ul.subnav li a {  
	color:#fff;
	text-decoration: none;
	display: block;
	width:213px; 
	height:36px;
	line-height:36px;
	background:url(../images/subnav_off.png);
}	

#main #left ul.subnav li a:hover { background:url(../images/subnav_on.png); }

#main #left ul.subnav li #active { background:url(../images/subnav_on.png); }

#main #left ul.subnav li img { margin-top:10px; }

#main #right {
	width:501px;
	min-height:420px;
	border-left:1px solid #dcdcdc;
	padding-left:60px;
	margin:0px 40px 0px 312px; 
}

#main #right p { font-size:13px; color:#444444; line-height:15pt;}
#main #right h1 { font-weight:bold; font-size:20px; color:#FC8035; font-style:italic; }
#main #right a, a focus { font-size:13px; color:#0051D4; text-decoration:underline; line-height:15pt; border:0px; outline-style: none; -moz-outline-style:none;}
#main #right a:hover { font-size:13px; color:#0051D4; text-decoration:none; line-height:15pt; }
#main #right ul li { font-size:13px; color:#444444; line-height:15pt; list-style-type: square; margin-left : 24px;}
#main #right ol li { font-size:13px; color:#444444; line-height:15pt; margin-left : 24px;}
#main #right a.more { font-size:11px; color:#0051D4; text-decoration:underline; }
#main #right a:hover.more { font-size:11px; color:#0051D4; text-decoration:none; }
#main #right ul.sub li { font-size:13px; color:#444444; line-height:15pt; list-style-type: circle;}
#main #right p.callout { font-size:15px; color:#0051D4; font-weight: bold; line-height:18pt;}
#main #right ul.execs li { font-size:13px; color:#444444; line-height:15pt; list-style: none; margin-left: 20px; margin-top: 45px;}
#main #right ul.execs li h1 {font-size:15px; font-weight: bold; color:#444444; line-height:15pt; font-style: normal;}
#main #right ul.advisors li { font-size:13px; color:#444444; line-height:15pt; list-style: circle; margin-left: 20px; margin-top: 25px;}
#main #right ul.advisors li h1 {font-size:14px; font-weight: bold; color:#444444; line-height:15pt; font-style: normal;}

#main #right p.contact { font-size:12px; color:#444444; line-height:15pt; font-style: italic;}
#main #right a.contact, a focus.contact { font-size:12px; color:#0051D4; text-decoration:underline; line-height:15pt; border:0px; outline-style: none; -moz-outline-style:none; font-style: italic;}
#main #right a:hover.contact { font-size:12px; color:#0051D4; text-decoration:none; line-height:15pt; font-style: italic;}


/* --- Contact Form ---*/

#main #right #form {
	font:13px Arial;
	background:#FFFFFF;
	margin:15px;
	padding:15px 15px;
	width:450px;	
	}
	
#main #right #form  ol {
		list-style:none;
		margin:0;
		padding:0;
		}
		
#main #right #form li {
			padding:6px;
			background:#f0f0f0;
			margin-bottom:1px;
			}
			
#main #right #form li#send {
				background:none;
				margin-top:10px;
				}
				
#main #right #form li#updates {
				background:none;
			    border:1px solid #FFFFFF;
    			background:#f0f0f0;				
				}				
		
#main #right #form label {
			float:left;
			width:125px;
			text-align:right;	
			margin-right:7px;
			color:#0066CC;
			line-height:23px; /* This will make the labels vertically centered with the inputs */
			}		
			
#main #right #form input {
			padding:4px;
			font:13px Arial;
			border:1px solid #999999;
			width:250px;
			}
			
#main #right #form textarea {
			padding:4px;
			font:13px Arial;
			border:1px solid #999999;
			width:250px;
			}
			
#main #right #form input:focus {
				border:1px solid #666;
				background:#e3f1f1;
				}


#main #right #form textarea:focus {
				border:1px solid #666;
				background:#e3f1f1;
				}
			
#main #right #form li#send button {
			background:#003366;
			border:none;
			padding:4px 4px 4px 4px;
			border-radius:15%; /* Don't expect this to work on IE6 or 7 */
			-moz-border-radius:15%;
			-webkit-border-radius:15%;			
			color:#FFFFFF;
			margin-left:77px; margin-right: 40px; /* Total width of the labels + their right margin */
			cursor:pointer;
			}
				
			
#main #right #form li#send button:hover { 
				background-color:#0066CC;
				}


/* LEVEL 3: dark takeaways bar*/

#darktakeaways { width:915px; background:url(../../images/darktakeaway.png); }
#darktakeaways ul { list-style-type:none; font-size:12px; color:#646568; padding:14px 0px 14px 0px; overflow:auto; display:block; }
#darktakeaways ul li { float:left; display:block; width:254px; padding:1px 10px 1px 15px; border-left:1px solid #818386; }
#darktakeaways ul li.first { float:left; display:block; width:254px; padding:1px 5px 1px 50px; border:none; }

#darktakeaways ul li a, a focus { font-weight:bold; font-size:18px; color:#B4C3F1; font-style:none; text-decoration: none; border:0px; outline-style: none; -moz-outline-style:none; }
#darktakeaways ul li a:hover { font-weight:bold; font-size:18px; color:#5974CA; font-style:none; text-decoration: none; }
#darktakeaways ul li { font-weight:none; font-size:12px; color:#FFFFFF; font-style:none; text-decoration: none; line-height:14pt; }

#darktakeaways ul li.first a, a focus { font-weight:bold; font-size:18px; color:#B4C3F1; font-style:none; text-decoration: none; border:0px; outline-style: none; -moz-outline-style:none; }
#darktakeaways ul li.first a:hover { font-weight:bold; font-size:18px; color:#5974CA; font-style:none; text-decoration: none; }
#darktakeaways ul li.first { font-weight:none; font-size:12px; color:#FFFFFF; font-style:none; text-decoration: none; line-height:14pt; } 

/* LEVEL 3a: gray takeaways bar*/

#hometakeaways { width:915px; background-color:#f0f0f0; }
#hometakeaways ul { list-style-type:none; font-size:12px; color:#646568; padding:14px 0px 14px 0px; overflow:auto; display:block; }
#hometakeaways ul li { float:left; display:block; width:200px; padding:5px 25px 5px 10px; border-left:1px solid #d2d2d2; }
#hometakeaways ul li.first { text-align:center; line-height:56px; width:175px; border:none; font-weight:bold; font-size:21px; color:#646568; padding-left:0px; }

/* LEVEL 3b: gray takeaways bar*/

#takeaways { width:100%; background-color:#f0f0f0; }
#takeaways ul { list-style-type:none; font-size:12px; color:#646568; padding:14px 0px 14px 0px; overflow:auto; display:block; }
#takeaways ul li { float:left; display:block; width:200px; padding:5px 25px 5px 10px; border-left:1px solid #d2d2d2; }
#takeaways ul li.first { text-align:center; line-height:56px; width:175px; border:none; font-weight:bold; font-size:21px; color:#646568; padding-left:0px; }


/* LEVEL 4: footer / bottom bar*/
#footer { width:100%; height:41px; background:url(../images/footer.png) repeat-x top; }
#botbar	{ width:915px; height:41px; background:url(../images/botbar.png) no-repeat; }
#botbar2 { width:915px; height:41px; background:url(../../images/botbar2.png) no-repeat; }

/* LEVEL 4: home footer / bottom bar*/

#footer_home { width:100%; height:24px; background:url(../images/footer.png) repeat-x top; }
#botbar_home { width:915px; height:10px; background:url(../../images/botbar_home.png) no-repeat; }

/* LEVEL 5: Closing Copyright & Social Media --*/
#copyright { font:10px Arial; color:#7D7E78; margin-top:10px; }
#copyright div.centered { position:relative; }
#copyright a, a focus { color:#0051D4; text-decoration:underline; border:0px; outline-style: none; -moz-outline-style:none; }
#copyright a:hover { color:#0051D4; text-decoration:none; }
#socialmedia { position:absolute; top:0px; right:0px; }

/* LEVEL 5: Home Closing Copyright --*/

#copyright_home { font:10px Arial; color:#7D7E78; margin-top:0px; }
#copyright_home div.centered { position:relative; }
#copyright_home a, a focus { color:#0051D4; text-decoration:underline; border:0px; outline-style: none; -moz-outline-style:none; }
#copyright_home a:hover { color:#0051D4; text-decoration:none; }
#socialmedia_home { position:absolute; top:0px; right:0px; padding-bottom: 8px; margin-top:0px; }