/*
	CRMLTD Stylesheet
	
	A. Meyer Reset Reloaded
	B. Global HTML Styles
	C. Global Styles
	D. Page Layout
	E. Page Titles
	F. Homepage Styles
	G. Project Thumbs
	H. Portfolio Styles
	I. Client Screenshot Styles
	J. Press Styles
	K. Award Styles
	L. Sitemap Styles
	M. Bio Styles
*/

/*

	A. Meyer Reset Reloaded 
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, /*em,*/ font, img, ins, kbd, q, s, samp, small, strike, /*strong,*/ sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}


/*

	B. Global HTML Styles

*/
BODY				{text-align:center; font-family:Arial, sans-serif; font-size:100%; line-height:.9em; color:#fff; background-color:#ddd;}
P					{margin:0 0 1.4em 0;}
a, a:link			{color:white; text-decoration:none;}
a:visited			{color:white !important; text-decoration:none;}
a:hover				{color: !important; text-decoration:none !important;}
P					{margin-bottom:1.5em;}
UL					{padding:0 0 1.4em 1.1em; list-style:square;}
OL					{padding:0 0 1.4em 1.5em; list-style:decimal;}
OL LI				{vertical-align:top;}
SUP					{font-size: smaller; vertical-align: baseline; position: relative; bottom: 0.33em;}
.larger				{font-size:1.1em;}


#mainContentWide h2,
#mainContent h2		{margin-bottom:1.5em; font-size:1.2em;}



/*

	C. Global Styles

*/
.note					{color:#f00; font-weight:bold;}
.hidden					{display:none;}
.lowercase				{text-transform:lowercase;}
.clear					{clear:both;}
.inline					{display:inline;}
.rightAlign				{text-align:right;}
.next					{text-align:right; margin:40px 0 40px 0; font-size:1.1em;}
.next A, .next A:visited{text-decoration:none; color:#fff !important; padding-right:20px; background:url(../images/bullet_nextpage.gif) no-repeat right center;}
.next A:hover			{text-decoration:underline; color:#619B32 !important;}
.back					{text-align:left; margin:40px 0 40px 0; font-size:1.1em;}
.back A, .back A:visited{text-decoration:none; color:#fff !important; padding-left:20px; background:url(../images/bullet_back.gif) no-repeat left center;}
.back A:hover			{text-decoration:underline; color:#619B32 !important;}

h2.sidebar				{color:#619B32; padding:24px 0 1.4em 0;}


ul.list					{margin:-1em 0 1.4em 0; padding-bottom:0;}
ul.list li					{margin: 0 0 .5em 1.2em;}


	/* For Clearing DIVs */
	.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
	.clearfix {display: inline-block;}
	html[xmlns] .clearfix {display: block;}
	* html .clearfix {height: 1%;}

label					{float:left; width:7.5em; margin-top:2px;}
input					{width:200px; height:1.3em; border:1px solid #999; margin:0 2px 5px 0; font-size:1em;}
textarea				{width:200px; height:7em; border:1px solid #999; margin:0 2px 5px 0; font-size:1em; font-family:arial,sans-serif;}
.submitButton			{background:#619B32; float:none; font-weight:bold; margin-left:7.5em; padding:0 4px 2px 4px; width:auto; border:0;}
.submitButton:hover		{background: cursor:pointer;}
.fileUpload				{height:1.8em; border:1px solid #999; width:200px;}
#thankYou				{margin:24px 0 0 0;}




/*
	
	D. Page Layout
	
*/
#container					{text-align:left; margin:0 auto; background:#fff; width:1000px; font-size:.72em;}
#header						{height:100px; background:url(../images/header_leaves.jpg)}
#nav						{width:210px; float:left; font-size:1.2em; font-weight: bold;}
#logo						{padding:5px 0 20px 36px;}
#body						{background:#333 url(../images/bg_grey_sm.gif) repeat-x 0 bottom; min-height:450px;}
/* Nav Styles */
#nav p						{display:none;}
#nav ul						{padding:60px 0 0 0px; /*padding:0;*/ list-style:none;}
#nav ul li					{position:relative; margin-bottom:10px !important; background-position:0 -12px; background-repeat:no-repeat;}
#nav ul li span				{position:absolute; left:3em;}
#nav ul li a				{background-position:0 0; display:block; width:100%; height:12px;}
#nav ul li a:hover			{color:#619B32 !important; background-image:none !important;}
#nav ul li.active			{background-position:0 -24px;color:#619B32 !important;}
#nav ul li.active a			{color:#619B32; }
	/* SubNav Styles */
	#nav ul li ul				{margin:10px 0 20px 30px !important; padding:0; width:150px;}
	#nav ul li ul li			{background:none; margin:0 0 1px 0 !important; width:100%; font-size:1em !important;}
	#nav ul li ul li a			{background:none !important; padding:0 0 1px 19px; color:#999 !important; width:100% !important; height:auto; overflow:visible !important; text-decoration:none; font-size:.8em;}
	#nav ul li ul li a:hover	{color:#619B32 !important; text-decoration:none !important;}
	#nav ul li ul li.active a	{color:#619B32 !important;}
/* Nav Styles End */	
#content					{width:790px; margin-left:210px;}
#content #mainContent		{width:296px; float:left; padding:60px 102px 40px 0;}
#content #mainContentWide	{width:448px; float:left; padding:60px 102px 40px 0;}
#content #mainContentExtraWide{width:620px; float:left; padding:60px 40px 40px 0;}
#content #mainContentWide.doubleWide	{width:679px;}
#content #sidebar			{width:352px; min-height:351px; margin-left:398px; background:url(../images/dividerLine.gif) no-repeat 0 58px; padding:58px 0 0 34px;}
#content ul#sidebar			{list-style:none; line-height:1.5;}
#content ul#sidebar a,
#content ul#sidebar a:visited{color:#fc0 !important;}
#content ul#sidebar li.active a,
#content ul#sidebar li.active a:visited{color:#f90 !important;}
#footer						{height:49px;}
#footer #icon				{padding:5px 35px 0 0; float:right; background:url(../images/grey.gif) no-repeat; width:40px; height:40px; }
#footer #copy				{float:right; padding:5px 14px 0 0; color:#999; font-size:.9em; text-align:right; line-height:1.3em;}
#footer #copy A,
#footer #copy A:visited		{color:#999 !important;}




/*
	
	E. Page Titles
	
*/
h1							{position:relative; margin:0 0 1.4em 0; color:#619B32; font-size:2.2em; line-height:18pt;}
p.url						{margin-top:-1.4em;}


/*
	
	F. Homepage Styles
	
*/
h2.recentNews				{color:#619B32; font-size:.95em; margin:2em 0 .7em 0;}
p.recentNews				{margin-bottom:.2em;}
p.recentNews a:link,
p.recentNews a:visited		{color:white !important; text-decoration:none;}
p.recentNews a:hover		{color:#619B32 !important; text-decoration:underline;}
h2.featuredProjs			{color:#619B32; margin:0 0 1.5em 0; font-size:.9em;}
p.moreSolutions				{text-align:center; width:247px; margin-top:3em;}
p.moreSolutions a,
p.moreSolutions a:visited	{color:white !important; text-decoration:none;}
p.moreSolutions a:hover		{color:#619B32 !important;}

#leftCallout				{padding:50px 0 0 32px;}



/*

	G. Project Thumbs
	
*/
p.solution						{color:#999 !important; font-size:.9em; text-align:center;}
p.solution	a					{color:#999 !important; font-size:.9em; text-align:center;}
.projThumb						{position:relative; background-repeat:no-repeat; width:246px; height:90px; margin-bottom:3em;}
#portfolioLayout .projThumb		{margin-bottom:5.5em !important;}
.portLayout .projThumb			{margin-bottom:5.5em !important;}
.projThumb a						{background-repeat:none; display:block; width:100%; height:100%; text-decoration:none !important;}
.projThumb a:hover				{background-image:none; color:#619B32; text-decoration:none !important;}
.projThumb a:hover span			{color:#619B32;}
.projThumb span					{position:absolute; top:95px; left:0; width:247px; color:#999; font-size:.9em; text-align:center;}
.projThumb span br				{display:none;}
.projThumb span img				{position:absolute; left:-999em;}
#ciscoGames p					{text-align:left !important; width:287px; color:#ddd;}

.highlight span					{color:#fdca01;}
.highlight a						{background-image:none !important; color:#fdca01; text-decoration:none !important;}
.highlight a:hover span			{color:#fdca01 !important;}

#portFilter						{float:right; margin-right:65px;}
#portFilter label					{display:none}

/* Websites */
.mapit							{background:url(../images/index_feat_proj_MapIT_sm_on.jpg);}
.mapit a							{background:url(../images/index_feat_proj_MapIT_sm_off.jpg);}
.Virtual						{background:url(../images/index_feat_proj_3D_sm_on.jpg);}
.Virtual a						{background:url(../images/index_feat_proj_3D_sm_off.jpg);}
.LSM							{background:url(../images/index_feat_proj_LSM_sm_on.jpg);}
.LSM a							{background:url(../images/index_feat_proj_LSM_sm_off.jpg);}
.ArcPad 							{background:url(../images/index_feat_proj_Arcpad_sm_on.jpg);}
.ArcPad a						{background:url(../images/index_feat_proj_ArcPad_sm_off.jpg);}
.Label 							{background:url(../images/index_feat_proj_Label_sm_on.jpg);}
.Label a							{background:url(../images/index_feat_proj_Label_sm_off.jpg);}
.MSG 							{background:url(../images/index_feat_proj_MSG_sm_on.jpg);}
.MSG a							{background:url(../images/index_feat_proj_MSG_sm_off.jpg);}
.MIN 							{background:url(../images/index_feat_proj_MIN_sm_on.jpg);}
.MIN a							{background:url(../images/index_feat_proj_MIN_sm_off.jpg);}
.FireSmart						{background:url(../images/index_feat_proj_FireSmart_sm_on.jpg);}
.FireSmart a						{background:url(../images/index_feat_proj_FireSmart_sm_off.jpg);}
.FireSmartSimple				{background:url(../images/index_feat_proj_FireSmartSimple_sm_on.jpg);}
.FireSmartSimple a				{background:url(../images/index_feat_proj_FireSmartSimple_sm_off.jpg);}
.FireSmartMobile				{background:url(../images/index_feat_proj_FireSmartMobile_sm_on.jpg);}
.FireSmartMobile a				{background:url(../images/index_feat_proj_FireSmartMobile_sm_off.jpg);}

/*

	K. Award Styles

*/
#awardListing		{width:100%; margin-top:-5px;}
#awardListing H3		{font-size:1.1em; color:#fc0; font-weight:normal; margin:15px 0 4px 0;}
#awardListing P		{margin-bottom:4px;}