/*
***********************************************************

GLOBAL

***********************************************************
*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#333;
	background-color:#FFFFFF;
}

/*
***********************************************************

LAYOUT

***********************************************************
*/

#wrapper {
	width:750px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	background-color:#ececec;
}

#bgWrapperTop {
	width:750px;
	height:25px;
	background-image: url(../images/bg_main_top.gif);
	background-repeat: no-repeat;
}

#bgWrapperBot {
	width:750px;
	height:25px;
	background-image: url(../images/bg_main_bottom.gif);
	background-repeat: no-repeat;
	clear:both;
}

#main{
	width: 700px;
	padding: 0 0 0 25px;
	margin: 0;
}

#bgContentTop {
	width:490px;
	height:22px;
	background-image: url(../images/bg_content_top.gif);
	background-repeat: no-repeat;
}

#bgContentBot {
	width:490px;
	height:22px;
	background-image: url(../images/bg_content_bottom.gif);
	background-repeat: no-repeat;
	clear:both;
}

#content {
	padding: 0 25px 0 25px;
}

#left {
	width: 490px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	background:none;
}

#contentBlock {
	width: 490px;
	margin: 10px 0 0 0;
	padding:0;
	float:left;
	background-color:#FFF;
}

#right {
	width: 200px;
	margin:10px 0 0 0;
	padding:0;
	float:left;
}

img.callout {
	margin:0;
	padding:0 0 10px 0;
	display:block;
	border:none;
}

#homepic {
	width:240px;
	float:left;
	margin: 0 15px 0 0;
	padding: 0;
	text-align:center;
}

#hometext {
	width:180px;
	float:left;
}

img.contactCallout {
	float:left;
	display:block;
}

#subnav {
	width: 700px;
	height: 40px;
	background-image: url(../images/bg_subnav.gif);
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
	padding: 12px 0 0 0;
	text-align:center;
}

#subnav p {
	padding: 0;
	margin: 0;
	font-size: 1.3em;
}

#subnav a {
	color: #FFFFFF;
	text-decoration:none;
	font-weight:normal;
	padding: 0 3px 0 3px;
	margin: 0;
}

#subnav a.active {
	color: #FFFFFF;
	text-decoration:underline;
	font-weight:normal;
	padding: 0 3px 0 3px;
	margin: 0;
}

#subnav a:hover {
	color: #85d1e9;
}

table {
	padding: 0;
	margin:0;
	border: #cccccc 1px solid;
}

tr.blue {
	background-color:#e6f3f9;
}

td p {
	padding:0;
	margin:0;
	color:#666;
}

td p strong {
	color:#333;
}

table.header {
	padding: 0;
	margin:15px 0 0 0;
	border: none;
}

/*
***********************************************************

TEXT STYLES

***********************************************************
*/

p {
	line-height:1.8em;
	padding: 0;
	margin: 0 0 15px 0;
}

p.grey {
	color: #666;
}

p.caption {
	font-size: .8em;
	color:#999;
	padding: 0;
	margin: 0;
}

a {
	color: #1b9dc6;
	text-decoration:none;
	margin:0;
	padding:0;
}

a:hover {
	text-decoration:underline;
}

h1 {
	font-size:1.7em;
	line-height: 1.4em;
	color:#1b9dc6;
	font-weight:normal;
	padding:0 0 15px 0;
	margin:0;
}

h3 {
	font-size:1.3em;
	color:#fba70d;
	font-weight:bold;
	padding:0;
	margin:0 0 5px 0;
}

h4 {
	font-size:1.3em;
	color:#fba70d;
	font-weight:bold;
	padding:0;
	margin:0 0 3px 0;
}

h5 {
	font-size:1em;
	color:#fba70d;
	font-weight:normal;
	padding:0;
	margin:0 0 15px 0;
	font-style:italic;
}


/*
***********************************************************

NAV

***********************************************************
*/


#nav {
	width:595px; /*with case studies - 700px*/
	height:63px;
	margin:44px auto 0 auto;
	padding:0;
	list-style-type:none;
}

#nav li {
	float:left;
}

#nav li a {
	color:#fff;
	display:block;
	text-indent:-999em;
}

/* HOME NAV */

#nav .home { /* Hack to pre load on state */
	background:url(../images/nav_home_on.gif) no-repeat;
}

#nav .home a {
	background:url(../images/nav_home_off.gif) no-repeat;
	width: 72px;
	height: 63px;
}
#nav .home a:hover {
	background:url(../images/nav_home_on.gif) no-repeat;
}
#nav .homeActive a {
	background:url(../images/nav_home_active.gif) no-repeat;
	width: 72px;
	height: 63px;
}


/* WHAT IS SIFT NAV */

#nav .what { /* Hack to pre load on state */
	background:url(../images/nav_overview_on.gif) no-repeat;
}

#nav .what a {
	background:url(../images/nav_overview_off.gif) no-repeat;
	width: 169px;
	height:63px;
}
#nav .what a:hover {
	background:url(../images/nav_overview_on.gif) no-repeat;
}
#nav .whatActive a {
	background:url(../images/nav_overview_active.gif) no-repeat;
	width: 169px;
	height:63px;
}

/* FEATURES NAV */

#nav .features { /* Hack to pre load on state */
	background:url(../images/nav_features_on.gif) no-repeat;
}

#nav .features a {
	background:url(../images/nav_features_off.gif) no-repeat;
	width: 166px;
	height: 63px;
}
#nav .features a:hover {
	background:url(../images/nav_features_on.gif) no-repeat;
}
#nav .featuresActive a {
	background:url(../images/nav_features_active.gif) no-repeat;
	width: 166px;
	height: 63px;
}


/* CASE STUDIES NAV */

#nav .casestudies { /* Hack to pre load on state */
	background:url(../images/nav_casestudies_on.gif) no-repeat;
}

#nav .casestudies a {
	width: 129px;
	height: 63px;
	background:url(../images/nav_casestudies_off.gif) no-repeat;
}
#nav .casestudies a:hover {
	background:url(../images/nav_casestudies_on.gif) no-repeat;
}
#nav .casestudiesActive a {
	width: 129px;
	height: 63px;
	background:url(../images/nav_casestudies_active.gif) no-repeat;
}

/* TEAM NAV */

#nav .team { /* Hack to pre load on state */
	background:url(../images/nav_team_on.gif) no-repeat;
}

#nav .team a {
	width: 97px;
	height: 63px;
	background:url(../images/nav_team_off.gif) no-repeat;
}
#nav .team a:hover {
	background:url(../images/nav_team_on.gif) no-repeat;
}
#nav .teamActive a {
	width: 97px;
	height: 63px;
	background:url(../images/nav_team_active.gif) no-repeat;
}


/* CONTACT NAV */

#nav .contact { /* Hack to pre load on state */
	background:url(../images/nav_contact_on.gif) no-repeat;
}

#nav .contact a {
	width: 91px;
	height: 63px;
	background:url(../images/nav_contact_off.gif) no-repeat;
}
#nav .contact a:hover {
	background:url(../images/nav_contact_on.gif) no-repeat;
}
#nav .contactActive a {
	width: 91px;
	height: 63px;
	background:url(../images/nav_contact_active.gif) no-repeat;
}


/*
***********************************************************

FOOTER

***********************************************************
*/

#footer {
	width: 700px;
	height:50px;
	padding: 10px 0 0 0;
	margin: 0 auto 0 auto;
	text-align:center;
}

#footer p {
	font-size:.85em;
	color:#CCC;
}