/* AD */


#whitepaper a#logo {
left: 75px;
text-decoration: none;
}
#whitepaper a {
color: #EC6D1E!important;
}
#whitepaper .caller a {
background: #EC6D1E;
color: white!important;
padding: 2px;
border-right: 2px solid orange;
border-bottom: 2px solid orange;
border-top: 1px solid #EFCAB3;
border-left: 1px solid #EFCAB3;
}
#whitepaper .tagline {
position: absolute;
top: 52px;
left: 320px;
}
#whitepaper ul, #whitepaper .iconparagraph {
padding: 0 0 0 10em;
background: url(http://4sightcommunications.com/img/whitepaper_icon-searchop.jpg) left no-repeat;
height: 101px;
}
.btndownload {
border: 0px!important;
margin-left: -4em;
}
.wpover {
background: #EFEFEF;
}
#wp1:hover, #wp2:hover, #wp3:hover {
background: #EFEFEF;
}

#wp1, #wp2, #wp3 {
width: 220px;
height: 60px;
position: absolute;
border: 1px solid #e3e3e3;
padding: .7em .5em 1.5em .1em; 
}
#wp1 {
margin: 9.7em 0 0 53.3em;
}
#wp2 {
margin: 18.4em 0 0 53.3em;
}
#wp3 {
margin: 27.3em 0 0 53.3em;
}
#colRight img {
position: absolute;
margin: 1em 0 0 1em;
}
#colRight h3 {
font-size: 1em;
margin: 0 0 0 1em;
font-family:verdana,tahoma,sans-serif;
color: #666;
}
#colRight a {
position: absolute;
margin: 1em 0 0 3.5em;
color: #FF6633;
}



body
{
	margin: 0;
	padding: 0;
	background: #fff;
	background-position: 30px 38px;
	background-repeat: no-repeat;
	font-family: verdana, tahoma, sans-serif;
	font-size: 12px;
	color: #333;
}

body#about { background-image: url(../img/aboutBkgd.gif); }
body#solutions { background-image: url(../img/solutionsBkgd.gif); }
body#approach { background-image: url(../img/approachBkgd.gif); }
body#work { background-image: url(../img/workBkgd.gif); }
body#contact { background-image: url(../img/contactBkgd.gif); }

a#logo
{
	position: absolute;
	top: 35px;
	left: 532px;
	display: block;
}




a#logo img { border: 0; }
a#jump { display: none; }

div#content
{
	position: absolute;
	top: 115px;
	left: 170px;
	width: 456px;
}

div#content h2
{
	margin: 0 0 .25em 0;
	padding: 0;
	font-size: 1em;
	color: #347;
}

body#home div#content h2 {
	padding-bottom: 3px;
	border-bottom: 1px dotted #f63;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 1.15em;
	font-weight: normal;
	color: #f63;
	}

div#content ul, ol
{
	line-height: 2em;
	margin-top: 0;
	margin-bottom: 2em; 
}

div#content p
{
	margin: 0 0 2em 0;
	line-height: 1.5em;
}

div#content p.homeDesc
{
	font-size: 14px;
	color: #666;
}

div#content p#foot
{
	clear: both;
	margin: 40px 0;
	padding: 0;
	font-size: 9px;
	color: #999;
}

a {
	outline: none;
	}

div#content a
{
	text-decoration: none;
	color: #35B;
}


div#content a:hover
{
	text-decoration: underline;
}

div#content a:active
{
	text-decoration: underline;
}

div#callout
{
	clear: both;
	height: 215px;
	margin: 0 0 25px 0;
	padding: 0;
	background-color: #ddd;
	background-position: 15px 15px;
	background-repeat: no-repeat;
}

div#callout * { display: none; }

div#flashcontent {
	clear: both;
	height: 215px;
	margin: 0 0 25px 0;
	padding: 0;
}

div#indexLinks {
	position: absolute;
	top: 115px;
	left: 30px;
	width: 130px;
	margin: 0;
	padding: 0;
	text-align: center;
}

div#indexLinks a#login {
	display: block;
	margin: 0 0 20px 1px;
	padding: 4px;
	background: #fff url(../img/asterisk.gif) 15px 5px no-repeat;
	border: 1px solid #ddd;
	font-size: 10px;
	text-indent: 8px;
	text-transform: uppercase;
	text-decoration: none;
	color: #444;
	}
	
body#home div#indexLinks a#forethought {
	display: block;
	width: 126px;
	height: 37px;
	margin: 0 auto;
	padding: 0;
	background: #fff url(../img/forethought.gif) 0 0 no-repeat;
	text-indent: -9000px;
	}
	
div#indexLinks a#login:hover {
	background: #f63;
	background: #f63 url(../img/asteriskRev.gif) 15px 5px no-repeat;
	color: #333;
	}


/*
div#indexLinks a {
	display: block;
	margin: 0 0 5px 1px;
	padding: 4px;
	background: #efefef;
	border: 1px solid #ddd;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	color: #f63;
	}
	
div#indexLinks a:hover {
	background: #f63;
	color: #333;
	}
*/


/*CALLOUT STYLES**************************************************************/
body#home div#callout { background-image: url(../img/callouts/callout_home.gif); }
body#about div#callout { background-image: url(../img/callouts/callout_about.gif); }
body#solutions div#callout { background-image: url(../img/callouts/callout_solutions.gif); }
body#approach div#callout { background-image: url(../img/callouts/callout_approach.gif); }
body#work div#callout { background-image: url(../img/callouts/callout_work.gif); }

/*NEW ITEMS*******************************************************************/

div.newItem {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
}

div#content div.newItem img {
	position: absolute;
	left: 0;
	top: 5px;
	}

div#content div.newItem p {
	margin-left: 130px;
	color: #666;
	}

div#content div.newItem h3 {
	margin-bottom: .5em;
	margin-left: 130px;
	font-size: 1em;
	font-weight: bold;
	color: #666;
	}

div#content div.newItem h3 a {
	color: #666;
	}

div#content div.newItem h3 a:hover {
	color: #f63;
	}

div#content div.newItem a.action {
	display: block;
	margin-top: 3px;
	}

div#content div.newItem a.action:hover {
	color: #f63;
	text-decoration: none;
	}

div#content div.newItem a.action:after {
	content: "\0020 \00BB";
}

/*FORETHOUGHT******************************************************************/

div#forethought {
	position: relative;
	}

div#forethought h2 a {
	
	}
	
div#forethought h2 a img {
	margin-bottom: -5px;
	margin-left: -3px;
	border: 0;
	}

div#content div#forethought p {
	color: #666;
	}

div#content div#forethought h3 {
	margin-bottom: .5em;
	font-size: 1em;
	font-weight: bold;
	}

div#content div#forethought h3 a {
	color: #666;
	}

div#content div#forethought h3 a:hover {
	color: #f63;
	}

div#content div#forethought a.action {
	display: block;
	margin-top: 3px;
	}
	
div#content div#forethought a.action:hover {
	color: #f63;
	text-decoration: none;
	}

div#content div#forethought a.action:after {
	content: "\0020 \00BB";
}

div#forethought a#feed {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	font-size: 9px;
	text-transform: uppercase;
	color: #f63;
	}

div#forethought a#feed img {
	border: 0;
	}

/*WORK PAGE*******************************************************************/

ul.clientList, ul.clientList2 {
	width: 200px;
	float: left;
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
	}
	
ul.clientList li, ul.clientList2 li {
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	background: transparent url(../img/square.gif) 0 5px no-repeat;
	line-height: 1.5em;
	}

ul.clientList li.title, ul.clientList2 li.title {
	margin-bottom: 8px;
	padding: 0;
	background: 0;
	font-weight: bold;
	font-size: 10px;
	color: #999;
}
ul.clientList2 {
margin-left: 36px;
}

div#workList {
	float: left;
	width: 240px;
	}

div.client h2 {
	margin: 0 0 .5em 0;
	padding: 0;
	font-size: 1.25em;
	font-weight: normal;
	text-transform: uppercase;
	color: #666;
	}

div.client p {
	}

div.client a img {
	/*
	display: block;
	float: left;
	*/	
	margin: 0 10px 10px 0;
	border: 1px solid #999;
	}

div.client a:hover img {
	border-color: #f63;
	}

div#content div.client a.action {
	display: block;
	margin-top: 3px;
	}

div#content div.client a.action:hover {
	color: #f63;
	text-decoration: none;
	}

div#content div.client a.action:after {
	content: "\0020 \00BB";
}

/*CONTACT FORM*****************************************************************/

div.address {
	width: 220px;
	float: left;
	}

form#commentForm {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	}
	
form#commentForm fieldset {
	margin: 0 0 25px 0; 
	padding: 0;
	border: 0;
	text-align: left;
	}

form#commentForm legend {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1em;
	color: #347;
	}

* html form#commentForm legend {
	margin-left: -7px;
	}
	
form#commentForm label,
form#commentForm label input,
form#commentForm label textarea {
	display: block;
	clear: both;
	}

form#commentForm label {
	margin: 0 0 .5em 0;
	}
	
form#commentForm fieldset#contact {	
	text-transform: uppercase;
	}

form#commentForm input,
form#commentForm textarea,
form#commentForm input {	
	padding: 3px;
	border: 1px solid #bbb;
	}

form#commentForm label input,
form#commentForm label textarea {
	margin: 3px 0 0 0;
	}

form#commentForm label.float {
	float: left;
	clear: none;
	width: 195px;
	margin-right: 10px;
	}

* html form#commentForm label.float {
	width: 190px;
	}

form#commentForm label.nomargin {
	margin-right: 0;
	}
	
form#commentForm label.float input {
	width: 195px;
	}

* html form#commentForm label.float input {
	width: 190px;
	}
	
form#commentForm label.fullwidth,
form#commentForm label.fullwidth input {
	width: 400px;
	}

form#commentForm label#state,
form#commentForm label#state input {
	width: 30px;
	}

form#commentForm label#zip,
form#commentForm label#zip input {
	width: 80px;
	}

form#commentForm label textarea {
	width: 400px;
	}
	
form#commentForm fieldset.radio input {
	float: left;
	margin: 0 8px 0 0;
	}
.error {
color: red;
font-size: 80%;
}




ul#primary {
	position: absolute;
	top: 56px;
	left: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
	}

ul#primary li {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	}

ul#primary li a {
	display: block;
	height: 13px;
	margin: 0;
	padding: 0;
	background-image: url(../img/primary.gif);
	background-repeat: no-repeat;
	text-indent: -9000px;
	text-decoration: none;
	font-size: 10px;
	color: #333;
	}

li#aboutNav a {
	width: 37px;
	background-position: 0 0;
	}

li#aboutNav a:hover,
body#about li#aboutNav a {
	background-position: 0 -14px;
	}

li#solutionsNav a {
	width: 58px;
	background-position: -46px 0;
	}

li#solutionsNav a:hover,
body#solutions li#solutionsNav a {
	background-position: -46px -14px;
	}

li#approachNav a {
	width: 59px;
	background-position: -113px 0;
	}

li#approachNav a:hover,
body#approach li#approachNav a {
	background-position: -113px -14px;
	}

li#workNav a {
	width: 31px;
	background-position: -182px 0;
	}

li#workNav a:hover,
body#work li#workNav a {
	background-position: -182px -14px;
	}

li#contactNav a {
	width: 47px;
	background-position: -222px 0;
	}

li#contactNav a:hover,
body#contact li#contactNav a {
	background-position: -222px -14px;
	}

ul#primary ul { display: none; }

ul#primary ul {
	position: absolute;
	top: 59px;
	left: -30px;
	width: 160px;
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul#primary ul li {
	float: none;
	margin: 0;
	padding: 0;
	}


* html ul#primary ul {
	padding-top: 1px;
	}
	
* html ul#primary ul li a {
	margin-top: -1px;
	}


ul#primary ul li a {
	display: block;
	width: 160px;	
	margin: 0;
	padding: 5px 0;
	background: none;
	text-indent: 30px;
	text-decoration: none;
	text-align: left;
	font-size: 11px;
	color: #333;
	}
	
ul#primary ul li a:hover,
ul#primary ul li.active a {
	background: #f63;
	color: #fff;
	}

/* AD */

body#about ul#about2nd { display: block; }
body#about li#aboutNav a { color: #f63; }
body#about li#aboutNav ul li a { color: #333; }
body#about li#aboutNav ul li a:hover,
body#about li#aboutNav ul li.active a { color: #fff; }

body#solutions ul#solutions2nd { display: block; }
body#solutions li#solutionsNav a { color: #f63; }
body#solutions li#solutionsNav ul li a { color: #333; }
body#solutions li#solutionsNav ul li a:hover,
body#solutions li#solutionsNav ul li.active a { color: #fff; }

body#approach ul#approach2nd { display: block; }
body#approach li#approachNav a { color: #f63; }
body#approach li#approachNav ul li a { color: #333; }
body#approach li#approachNav ul li a:hover,
body#approach li#approachNav ul li.active a { color: #fff; }

body#work ul#work2nd { display: block; }
body#work li#workNav a { color: #f63; }
body#work li#workNav ul li a { color: #333; }
body#work li#workNav ul li a:hover,
body#work li#workNav ul li.active a { color: #fff; }

body#contact ul#contact2nd { display: block; }
body#contact li#contactNav a { color: #f63; }
body#contact li#contactNav ul li a { color: #333; }
body#contact li#contactNav ul li a:hover,
body#contact li#contactNav ul li.active a { color: #fff; }