/* - - - - - - - - - - - - - - - - - - - - -

Title : i2action
Author : Sheila Farrell : Zing Media
URL : www.zingmedia.com
Description : i2action website
Created : 15 November 2006
Revised : 1 May 2009

/* --------- CSS FOR I2ACTION ----------- */

/* BASIC AND GENERAL ELEMENTS */

*{margin:0; padding:0;}

body{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:100%;
	background-color:#fff;
	color:#000;
	text-align: center;
}


h1, h2, h3, h4, h5{font-size:100%;font-weight:bold;}

h1{color:#ff7721;}

h6{font-size:60%;font-weight:lighter;font-style:oblique;padding: 0 15px 12px 15px;}

strong{color:#003366;}

p{font-size:80%; padding: 0 0 12px 0;}

ul{list-style-position:outside;}

ol{list-style-position:outside;}

li {font-size:80%; line-height:150%;}

.clearleft{clear:left;}

.clearright{clear:right;}

.floatleft{float:left;}

.floatright{float:right;}

.padtop {padding-top:12px}
.padbelow {padding-bottom:6px;}

/* STRUCTURAL ELEMENTS */
/* NOTE: Please take caution editing this CSS as this holds the structure of the page */

#pagewrapper{
	text-align:left;
	width:770px;
	margin:12px auto 0 auto;
}

#topbanner{
	width:770px;
}

#topright{
	width:650px;
	float:right;
}

#bar{
	clear:left;
	margin:0; 
	padding:0;}

#homecontent{
	float:left;
	width:500px;
	margin:6px 0 0 0;
}

#blog{
	float:right;
	margin:6px 0 0 0;
	width:220px;
	height:145px;
	background: url(images/blog.jpg) no-repeat;
}

#main2{
	clear:left;
}

#case{
	float:left;
	width:385px;
	height:195px;
	background: url(images/case_studies.jpg) no-repeat;
}

#people{
	float:right;
	width:385px;
	height:195px;
	background: url(images/our_people.jpg) no-repeat;
}

#maincontent{
	float:left;
	width:420px;
	margin:6px 0 0 8px;
}

#maincontent ul{
	padding-left:16px;
	list-style-type:bullet;
	list-style-position:outside;
}

#maincontentwide{
	float:left;
	width:580px;
	margin:6px 0 0 8px;
}

#maincontentwide ul{
	padding-left:16px;
	list-style-type:bullet;
	list-style-position:outside;
}

#maincontentwide ol{
	padding-left:24px;
	list-style-type:bullet;
	list-style-position:outside;
}

#maincontentsub{
	float:left;
	width:400px;
	margin:6px 0 0 8px;
}

#maincontentsub ul{
	list-style-type:bullet;
	list-style-position:inside;
}

#maincontenttimeline{
	float:left;
	width:596px;
	margin:8px 0 0 8px;
}

#maincontentfull{
	width:750px;
	margin:6px 0 0 8px;
}

#maincontentfull ul{
	list-style-type:bullet;
	list-style-position:inside;
}

#lefttext{text-align:left; width:inherit;}

#biogbg{
	clear:left;
	width:580px;
	margin:0 0 0 0;
	background-image:url(/images/bg_main.jpg);
	background-repeat:repeat-y !important;
	background-position:top right;
	height:auto;;
	overflow:visible;
}

#biogs{
	float:left;
	width:540px;
	margin:0 0 0 12px;
	/*padding:0 10px 0 0;*/
	padding: 0 10px 0 0 !important;
	*height:auto;
	overflow:visible;
}

#biogtop{
	background-image:url(/images/bg_top.jpg);
	height:54px;
	margin:0;
	padding:0;
	}

#biogbt{
	clear:left;
	width:580px;
	margin:0 0 0 0;
	height:24px;
	background-image:url(/images/bg_bt.jpg);
}

biogpic{margin:-10; padding:0;}

#snippets{
	margin:12px 0 0 0;
	float:right;
	width:170px;
}

#notepadpop{
	height:165px;
}


#notepad{
	background: url(images/notepad.gif) no-repeat;
	height:165px;
}


#notepadtext{
	font-size:80%;
	padding: 20px 0 0 18px;	
}

#info{
	background: url(images/info.jpg) no-repeat;
	height:140px;
	margin:8px 0 0 0;
}

#info2{
	background: url(images/info2.jpg) no-repeat;
	height:140px;
	margin:16px 0 0 0;
}	

#info3{
	background: url(images/info3.jpg) no-repeat;
	height:140px;
	margin:20px 0 0 0;			
}

#infotext{
	font-size:80%;
	padding: 14px 0 0 12px;
}


#infotext2{
	font-size:80%;
	padding: 14px 0 0 40px;
}

#infoimage{
	padding: 40px 0 0 6px;
}

.listext{margin: 0 0 0 1em;}

#footerwrapper{
	clear:left;
	text-align:center;
	font-size:80%;
}

#sitemap a{
	text-decoration:none;
	font-weight:normal;
	color:#000;
}

#sitemap a:hover{
	text-decoration:underline;
	font-weight:normal;
	color:#000;
}

/* PRESENTATIONAL ELEMENTS */
.boxtitle{
	color:#fff;
	padding: 8px 0 0 12px;
}

.boxtext{
	padding: 12px 12px 0 12px;
	color:#000;
}

.blogtext{
	padding: 12px 12px 0 12px;
	color:#000;
	/* margin: 0 0 0 10px; */
}

.blogtext a{
	font-weight:bold;
	text-decoration:none;
	color:#ff7721;
}
		  
.blogtext a:hover{
	font-weight:bold;
	text-decoration:underline;
	color:#ff7721;
}


.heretitle{
	color:#ff7721;
	padding: 0 0 8px 0;
}

.highlight{color:#ff7721;
	font-weight:bold;
}

.case{
	border-top:#ff7721 solid 1px;
	border-bottom:#ff7721 solid 2px;
	padding: 3px 0;
	margin: 0 0 4px 0;
	width: 150px;
	}

.justifytext{text-align:justify;}

.backtop{text-align:right;}

/* NAVIGATIONAL ELEMENTS */

a:link{
	font-weight:bold;
	text-decoration:none;
	color:#ff7721;
}
a:visited{
	font-weight:bold;
	text-decoration:none;
	color:#ff7721;
}
a:hover{
	font-weight:bold;
	text-decoration:underline;
	color:#ff7721;
}
a:active{
	font-weight:bold;
	text-decoration:none;
	color:#ff7721;
}

#mininav{
	font-weight:bold;
	clear:both;
	float:right;
	font-size:70%;
	padding:10px 0 0 0;
	margin:0;
	width:250px;
	text-align:right;
}

#mininav a{
	color:#28266a;
	text-decoration:none;
}

.boxtext a{
	color: #000;
	text-decoration:none;
}

.boxtext a:link{
	color: #000;
	text-decoration:none;
}

.boxtext a:visited{
	color: #000;
	text-decoration:none;
}

.boxtext a:hover{
	color: #ff7721;
	text-decoration:none;
}


#mininav a:hover{
	color:#ff7721;
	text-decoration:underline;
}

#footerwrapper a{
	color:#28266a;
	text-decoration:none;
}

#footerwrapper a:hover{
	color:#ff7721;
	text-decoration:underline;
}

/*main navigation */
#mainnav{
	font-weight:bold;
	padding:0;
	margin:0;
	margin-top:4px;
	width:770px;
	height:38px;
	background: url(images/tear_drop_bar.gif) no-repeat;
}

#mainnav ul{
	margin:0;
	padding:0;
}

#mainnav li{
	list-style:none;
	margin: 0;
	padding: 0;
	float:left;
	width:128px;
	height:38px;
}

#mainnav a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:8px 0 0 18px;
	margin:0;
}

#mainnav a:hover{
	color:#fff;
	text-decoration:underline;
}

/* front page second navigation */
#request{
	font-weight:bold;
	font-size:85%;
	padding:0;
	margin:0;
	float:right;
	width:260px;
	height:35px;
	background: url(images/tear_drop_double.gif) no-repeat;
}

#request ul{
	margin:0;
	padding:0;
}

#request li{
	list-style:none;
	margin: 0;
	padding: 0;
	float:left;
	width:128px;
	height:35px;
}

#request a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:8px 0 0 8px;
	margin:0;
}

#request a:hover{
	color:#fff;
	text-decoration:underline;
}

/* navigation and sub navigation */
#leftnav{
	clear:left;
	float:left;
	width:165px;
	height:auto;
	margin:8px 0 8px 0;
	background: url(images/left_nav_bg.gif) no-repeat #eaeaea;
}

#leftnav ul{
	margin:10px 0 0 0;
	padding:0 0 10px 0;
}

#leftnav li{
	list-style:none;
	padding:0;
	margin: 6px 0 6px 0;
	float:left;
	width:165px;
	height:auto;
}

#leftnav a{
	display:block;
	color:#28266a;
	text-decoration:none;
	padding:0 0 0 6px;
}

#leftnav a:hover{
	display:block;
	color:#ff7721;
	text-decoration:none;
	padding:0 0 0 6px;
	background-color:#fff8f2;
}

#currentsub{color:#ff7721;}

#subnav{
	float:left;
	background-color:#fff;
	border-left:#f60 4px solid;
	border-right:#fff 2px solid;
}

#subnav ul{
	margin:5px 0 0 0;
	padding:0;
	font-size:110%;
}

#subnav li{
	list-style:none;
	padding:0 0 4px 0;
	margin: 4px -9px 0 2px;
	float:left;
}

#subnav a{
	display:block;
	color:#28266a;
	text-decoration:none;
}

#subnav a:hover{
	display:block;
	color:#ff7721;
	text-decoration:none;
	background:none;
}

/* Breadcrumb trail navigation */

#breadcrumb {border-bottom:solid 1px #28266a;
	font-size:90%;
	height:20px;
}

#breadcrumb ul {list-style:none;}
#breadcrumb li {float:left; padding-right:6px;}

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover {color:#000; font-weight:normal;}
#breadcrumb li.location {color:#ff7721;}

/* ------ */

#current{background-color:#fff8f2;}

#navtitle{
	color:#fff;
	padding: 4px 0 0 4px;
	font-size:80%;
}

#navtitle a{
	color:#fff;
	text-decoration:none;
}

#navtitle a:hover{
	color:#fff;
	text-decoration:none;
	background:none;
}

.feeds{width: 105px; float:left; height:20px; vertical-align:top;}
.lefttext{text-align:left;}


/* ------ */
/* Revised Home Page May 2009 */

#mainHome {}

#mainHome h1 {color:#ff7721; padding: 0 0 6px 0;}
#mainHome h2 {color:#ff7721; padding: 0 0 6px 0;}

#mainTop {width:770px;}

#mainTop #clients ul {list-style:none;}

#mainTop #intro {float:left; width:300px; padding-right:30px}
#mainTop #clients {float:left; width:180px; padding-right:10px;}
#mainTop #work {float:left; width:250px}

#mainMiddle {clear:left; width:770px; border-top:#ccc solid 1px; padding-top:10px;}
	#mainMiddle a:link, #mainMiddle a:visited, #mainMiddle a:hover {color:#27266A}
	#mainMiddle #quick ul {list-style:none; padding-bottom:10px;}

#mainMiddle #quick {float:left; width:240px;}
#mainMiddle #goodBus {float:left; width:245px; border-left:#ccc solid 1px; margin-right:12px; padding-left:10px; min-height:180px }
#mainMiddle #ourBlog {float:left; width:245px; border-left:#ccc solid 1px; padding-left:10px; min-height:180px}

/* #mainMiddle #quick {float:left; width:240px; padding-right:6px; border-right:#ccc solid 1px; margin-right:12px;}
#mainMiddle #goodBus {float:left; width:245px; padding-right:6px; border-right:#ccc solid 1px; margin-right:12px;}
#mainMiddle #ourBlog {float:left; width:245px} */