/* FOUNDATIONS
   -------------------------------------------------------------------------------------- */

html, body {
	padding: 0 0 15px 0;
	margin: 0;
	color: #333;
	background: #fff;
	text-align: center;
}
	
#comfortZone {
	width: 992px;
	margin: auto;
	text-align: left;
}

.actionMessage {
	border: 1px solid #369;
	background: #eef;
	color: #369;
	padding: 5px;
}



/* GLOBALS
   -------------------------------------------------------------------------------------- */


a,
a:link,
a:visited {
	color: #1c68a6;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #000;
	text-decoration: underline;
}

a.button {
	background: url(../media/buttons/button-blue.gif) 0px 3px no-repeat;
	color: #fff !important;
	font: bold 11px/34px Verdana, Arial, Helvetica, sans-serif;
	height: 34px;
	width: 104px;
	overflow: hidden;
	text-decoration: none !important;
	display: block;
	text-align: center;
	vertical-align: middle;
}
a.button:hover {
	background-position: -104px 3px;
}

a.bigButton {
	background: url(../media/buttons/button-orange-big.gif) 0px 3px no-repeat;
	color: #fff !important;
	font: bold 15px/34px Verdana, Arial, Helvetica, sans-serif;
	height: 34px;
	width: 175px;
	overflow: hidden;
	text-decoration: none !important;
	display: block;
	text-align: center;
	vertical-align: middle;
}
a.bigButton:hover {
	background-position: -175px 3px;
}

.highLight {
	color: #f5823c;
	display: block;
	font-weight: bold;
}




/* MAIN HEADER CONTAINER
   -------------------------------------------------------------------------------------- */

#header {
}

	/* LOGO */
	
		h1 {
			padding: 0;
			margin: 10px 0px;
			line-height: 59px;
			height: 59px;
		}
		h1 a {
			background: url(../media/isell-logo.gif) no-repeat;
			display: block;
			width: 90px;
			height: 59px;
		}
		h1 a span {
			display: none;
		}
	
	/* GLOBAL INTERACTION LINKS */
	
		#interaction {
			text-align: right;
			margin: -79px 0px 0px 0px;
			padding: 0;
			position: relative;
			clear: both;
		}
		#interaction li {
			float: right;
			display: inline;
		}
		#interaction li a#support {
			background: url(../media/marketing-top-nav/support.gif) no-repeat;
			width: 95px;
			height: 28px;
			display: block;
		}
		#interaction li a#save {
			background: url(../media/marketing-top-nav/save.gif) no-repeat;
			width: 69px;
			height: 28px;
			display: block;
		}
		#interaction li a#share {
			background: url(../media/marketing-top-nav/share.gif) no-repeat;
			width: 74px;
			height: 28px;
			display: block;
		}
		#interaction li a#contact {
			background: url(../media/marketing-top-nav/contact.gif) no-repeat;
			width: 99px;
			height: 28px;
			display: block;
		}
		#interaction li a span {
			display: none;
		}
	
	/* NAVIGATION */
	
		#navigation {
			clear: both;
			margin-top: 89px;
		}
		
		#navigation #tabs {
			list-style: none;
			padding: 0;
			margin: 0;
			width: 100%;
			height: 30px;
		}
		#navigation #tabs li {
			float: left;
			margin: 0;
			padding: 0;
			height: 30px;
			font: bold 12px/30px verdana,arial,sans-serif;
		}
		#navigation #tabs li a,
		#navigation #tabs li a:link,
		#navigation #tabs li a:visited {
			display: block;
			background: url(../media/nav/nav-bg.gif) top repeat-x;
			height: 30px;
			text-decoration: none;
			color: #fff;
			padding: 0px 25px;
			border-left: 1px solid #356ea6;
		}
		@media screen and (-webkit-min-device-pixel-ratio:0){
			/* correct opera and safari. mostly safari's font issues, but couldn't
			   target sdafari only, so opera gets caught up in this as well. */
			#navigation #tabs li {
				font: 11px/30px verdana,arial,sans-serif;
			}
			#navigation #tabs li a,
			#navigation #tabs li a:link,
			#navigation #tabs li a:visited {
				padding-right: 37px;
				padding-left: 38px;
			}
		} 
		#navigation #tabs li a:hover,
		#navigation #tabs li a:active {
			background: url(../media/nav/nav-bg-hover.gif) top repeat-x;
		}
		#navigation #tabs li a#lc {
			background: url(../media/nav/nav-lc.gif) left no-repeat;
			border: 0;
			padding: 0px 26px;
		}
		#navigation #tabs li a#lc:hover,
		#navigation #tabs li a#lc:active {
			background: url(../media/nav/nav-lc-hover.gif) left no-repeat;
		}
		#navigation #tabs li a#rc {
			background: url(../media/nav/nav-rc.gif) right no-repeat;
			padding: 0px 21px;
		}
		#navigation #tabs li a#rc:hover,
		#navigation #tabs li a#rc:active {
			background: url(../media/nav/nav-rc-hover.gif) right no-repeat;
		}
		#navigation #tabs li.selected a,
		#navigation #tabs li.selected a:link,
		#navigation #tabs li.selected a:visited,
		#navigation #tabs li.selected a:hover,
		#navigation #tabs li.selected a:active {
			display: block;
			background: url(../media/nav/nav-bg-selected.gif) top repeat-x;
			height: 30px;
			text-decoration: none;
			color: #333;
		}
		#navigation #tabs li.selected a#lc,
		#navigation #tabs li.selected a#lc:link,
		#navigation #tabs li.selected a#lc:visited,
		#navigation #tabs li.selected a#lc:hover,
		#navigation #tabs li.selected a#lc:active {
			background: url(../media/nav/nav-lc-selected.gif) left no-repeat;
		}
		#navigation #tabs li.selected a#rc,
		#navigation #tabs li.selected a#rc:link,
		#navigation #tabs li.selected a#rc:visited,
		#navigation #tabs li.selected a#rc:hover,
		#navigation #tabs li.selected a#rc:active {
			background: url(../media/nav/nav-rc-selected.gif) right no-repeat;
		}
		
		#navigation div {
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			background: #fff url(../media/sections/section-preview-bg.gif) bottom repeat-x;
			height: 252px;
			padding: 10px;
		}
		
		#navigation div div {
			height: auto;
			background: transparent;
			border: 0;
		}
		#navigation div div h3 {
			color: #1c68a6;
			font: 15px/17px Verdana, Arial, Helvetica, sans-serif;
			margin: 0px 0px 10px 0px;
		}
		
		#navigation div .summary {
			height: 252px;
			width: auto;
			padding-left: 500px;
		}
		#navigation div .summary p {
			font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
			margin: 0;
		}
		#navigation div .summary a {
			font: 11px Verdana, Arial, Helvetica, sans-serif;
		}
		#navigation #isell-summary .summary {
			background: url(../media/sections/section-itquoter.jpg) left center no-repeat;
		}
		
		#navigation #itquoter-summary .summary {
			background: url(../media/sections/section-itquoter.jpg) left center no-repeat;
		}
		
		#navigation #crm-summary .summary {
			background: url(../media/sections/section-itquoter.jpg) left center no-repeat;
		}
		
		#navigation #sm-summary .summary {
			background: url(../media/sections/section-itquoter.jpg) left center no-repeat;
		}
		
		#navigation #ecom-summary .summary {
			background: url(../media/sections/section-itquoter.jpg) left center no-repeat;
		}
		
		#navigation #suppliers-summary .summary {
			background: url(../media/sections/section-itquoter.jpg) left center no-repeat;
		}
		
		#navigation #integration-summary .summary {
			background: url(../media/sections/section-itquoter.jpg) left center no-repeat;
		}



/* CONTENT and SIDEBAR
   -------------------------------------------------------------------------------------- */

#content-top {
	background: #fff url(../media/content-bg-top.gif) top no-repeat;
	margin-top: 20px;
	padding-top: 5px;
}
#links #content-top {
	margin-top: -5px;
}
#content-bottom {
	background: transparent url(../media/content-bg-bottom.gif) bottom no-repeat;
	padding-bottom: 8px;
}

#content {
	background: transparent url(../media/content-bg.gif) bottom repeat-x;
	margin: 0;
	padding: 1px 20px 1px 20px;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
}

#sideBar {
	width: 200px;
	float: right;
	margin-top: 20px;
	text-align:center;
}
#sideBar h3 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}
#sideBar #screenshot-link img,
#sideBar #newlead-link img {
	border:none;
}
#sideBar #screenshot-link span {
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	margin:11px 0;
	display:block;
}
#sideBar #newlead-link img {
	margin-top:10px;
}
#sideBar p {
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
}

#actualContent {
	padding-right: 20px;
	margin-right: 220px;
	border-right: 1px solid #eee;
}
#actualContent  h2 {
	color: #1c68a6;
	font: bold 17px/20px Verdana, Arial, Helvetica, sans-serif;
}
#actualContent h2.sectionIndexTitle {
	font-weight: normal;
}
#actualContent h3 {
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
}
#actualContent .sectionIndexIntroduction p {
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
}
#actualContent h4 {
	font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#actualContent p,
#actualContent li {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
}
#actualContent li {
	margin-bottom: 10px;
}
#actualContent .sectionIndex li {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
}

	/* HOME SPECIFIC */

	#home #actualContent {
		margin-right: auto;
		padding-right: 0;
		border-right: 0;
	}
	#home #sideBar {
		display: none;
	}
	#home #actualContent .intro {
		width: 230px;
		float: left;
		margin: 0px 10px 0px 0px;
		color: #666;
	}
	#home #actualContent .introMouseOver {
		color: #000 !important;
		cursor: pointer;
	}
	#home #actualContent .introMouseOver a {
		color: #000 !important;
		cursor: pointer;
	}
	#home #actualContent .introLast {
		margin-right: 0;
	}
	#home #actualContent .intro h3 {
		font: bold 17px/58px Arial, Helvetica, sans-serif;
		height: 58px;
		padding-left: 10px;
		margin-top: 0;
	}
	#home #actualContent .intro h3 a {
		display: block;
		text-decoration: none;
	}
	#home #actualContent #intro_txt {
		text-align:center;
		margin-bottom:35px;
	}
	#home #actualContent #intro_txt p {
		color:#004685;
		font-size:23px;
	}
	#home #actualContent #intro_itq h3 {
		background: url(../media/itquoter.gif) no-repeat;
	}
	#home #actualContent #intro_crm h3 {
		background: url(../media/crm.gif) no-repeat;
	}
	#home #actualContent #intro_sm h3 {
		background: url(../media/sm.gif) no-repeat;
	}
	#home #actualContent #intro_ecom h3 {
		background: url(../media/ecommerce.gif) no-repeat;
	}
	#home #actualContent .intro h4 {
		font: bold 13px Verdana, Arial, Helvetica, sans-serif;
		color: #f5823c;
		padding: 0px 0px 0px 10px;
		margin: 0;
	}
	#home #actualContent .intro ul {
		margin: 5px 0px 0px 15px;
		padding: 0px 10px 10px 15px;
	}

	/* CONTACT SPECIFIC */

	#actualContent p#au {
		font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
		padding-left: 20px;
		background: url(../media/flag-au.gif) left no-repeat;
	}
	#actualContent  p#nz {
		font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
		padding-left: 20px;
		background: url(../media/flag-nz.gif) left no-repeat;
	}
	#actualContent p#uk {
		font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
		padding-left: 20px;
		background: url(../media/flag-uk.gif) left no-repeat;
	}
	#actualContent #contactForm {
		margin-left: 10px;
	}	



/* FOOTER
   -------------------------------------------------------------------------------------- */


#footerOuterLeft {
	margin: 20px 0px 20px 0px;
	background: transparent url(../media/footer-bg-left.gif) top left no-repeat;
	text-align: center;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif
}
#footerOuterRight {
	background: transparent url(../media/footer-bg-right.gif) top right no-repeat;
}
#footer {
	margin: 0px 6px 0px 6px;
	height: 99px;
	background: url(../media/footer-bg.gif) repeat-x;
	padding: 10px 0px 6px 2px;
}
	#footer div {
		text-align: left;
		float: left;
		width: 322px;
		margin: auto;
		height: 80px;
	}
		#footer div ul {
			color: #1c68a6;
			margin-top: 12px;
		}
		#footer div ul li {
			font-style: italic;
		}
		#footer div#one {
			background: url(../media/footer-one.gif) 220px 4px no-repeat;
			border-right: 1px solid #ddd;
		}
		#footer div#two {
			background: url(../media/footer-two.gif) 135px 0px no-repeat;
			border-right: 1px solid #ddd;
		}
		#footer div#three {
			background: url(../media/footer-three.gif) 220px 0px no-repeat;
		}