/*
*************************************************
Elliott Connection

Author:		www.elliottconnection.com
Updated:	February 09, 2009
Notes:
*************************************************
*/


/*-------------------------------------------
	RESET STYLES v1.0 | 20080212
	http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------*/

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,
b, u, i, center, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
a:focus { outline: 1px dotted; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

form{ clear:both; }


/*-------------------------------------------
	CLEARFIX
-------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* End hide from IE-mac */


/*-------------------------------------------
	GENERAL SELECTORS
-------------------------------------------*/

html { height: 100%; }
body { margin: 0 auto; width: 100%; position: relative; background: #a9bf92 url(images/bgbody.gif) top left repeat-x; color: #949393; font-family:arial; font-size: 100.0%; height: 100%;  }

h1, h2, h3, h4, h5, h6 { font-family:arial; font-size: 15px; }
h1 { margin: 0px 0px 0px 0px; color: #a6c197; font-size: 2.2em !important; font-weight: normal; letter-spacing: 0em; padding: 0px 0px 0px 0px; }
h2 { margin: 0px 0px 0px 0px; color: #a6c197; font-size: 1.4em; font-weight: normal; letter-spacing: 0em; padding: 0px 0px 0px 0px; }
h3 { margin: 0px 0px 0px 0px; color: #a6c197; font-size: 1.2em; font-weight: normal; letter-spacing: 0em; padding: 0px 0px 0px 0px; }
h4 { margin: 14px 15px 7px 0px; font-size: 13px; }
h5 { margin: 14px 15px 7px 15px; font-size: 13px; font-style: italic; }
h6 { margin: 0px; font-size: 10px; color: #b6b6b6; text-transform: uppercase; }
p  { margin: 0px 0px 10px 0px; font-size: 12px; line-height: 13px; padding: 0px 0px 0px 0px; color: #333; }
label { font-size: 11px; }

input { border: 1px solid #ccc; padding: 1px; margin: 0px; color: #666; }
textarea {background: #FBFBFB;; border: 1px solid #ccc; padding: 1px; margin: 2px; color: #666; text-align: left;}

a:link { color: #666; }
a:visited { color: #666; }
a:hover { color: #666; }
a:active { color: #666; }

/* LISTS */
li, dt, dd { font-size: 11px; }
li { margin: 0px; }
dt { font-weight: bold; line-height: 18px; }
dd { line-height: 18px; }

/* TABLES */
table { margin: 0 0 0 0; padding: 0 0 0 0; }
th { text-align: left; }
th, td { padding: 0px 0px 0px 0px; vertical-align: top; text-align: left; font-size: 12px;}
td p { margin-top: 0; }
caption { margin-bottom: 0px; font-size: 15px; font-weight: bold; text-align: left; }

/*-------------------------------------------
	FULL BODY MASSAGE WRAPPER
-------------------------------------------*/
#full-wrapper { background: transparent url(images/newbg.png) top center repeat-y; width: 100%; position: relative; min-height: 100%; height: auto !important;
	height: 100%; margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
 }

/*-------------------------------------------
	HEADER ITEMS
-------------------------------------------*/
#header-wrapper { width: 100%; height: 140px;  }
#header { width: 911px; height: 140px; margin: 0 auto; background: transparent url(images/designtop.png) top left no-repeat; position: relative; }

#logo a { display: block; background: transparent url(images/logo.png) no-repeat top left; width: 175px; height: 112px; position: absolute; top: 15px; left: 28px; }

#businesssearch { position: absolute; top: 30px; right: 20px; }

#nav { position: absolute; top: 70px; right: 20px; background: transparent url(images/navslide.png) no-repeat top left; width: 668px; }
#nav ul { list-style-type: none; }
#nav ul li { float: left; }
#nav ul li a { text-indent: -999px; overflow: hidden; }
	#nav ul li a { background: transparent url(images/nav.png) no-repeat 0px 0px; height: 36px;  display: block;}
	#nav ul li a.home { background-position: 0px 0px; width: 75px; }
	#nav ul li a.home:hover { background-position: 0px -36px; }
	#nav ul li a.home:active { background-position: 0px -72px; }

	#nav ul li a.services { background-position: -75px 0px; width: 90px; }
	#nav ul li a.services:hover { background-position: -75px -36px; }
	#nav ul li a.services:active { background-position: -75px -72px; }

	#nav ul li a.contact { background-position: -165px 0px; width: 90px; }
	#nav ul li a.contact:hover { background-position: -165px -36px; }
	#nav ul li a.contact:active { background-position: -165px -72px; }

	#nav ul li a.connections { background-position: -256px 0px; width: 133px; }
	#nav ul li a.connections:hover { background-position: -256px -36px; }
	#nav ul li a.connections:active { background-position: -256px -72px; }

	#nav ul li a.aboutlinda { background-position: -389px 0px; width: 120px; }
	#nav ul li a.aboutlinda:hover { background-position: -389px -36px; }
	#nav ul li a.aboutlinda:active { background-position: -389px -72px; }

	#nav ul li a.mymission { background-position: -509px 0px; width: 120px; }
	#nav ul li a.mymission:hover { background-position: -509px -36px; }
	#nav ul li a.mymission:active { background-position: -509px -72px; }

#nav2 { position: absolute; top: 70px; right: 20px; background: transparent url(images/nav2.png) no-repeat top left; width: 668px; height: 36px;  }
.firefox #nav2 { padding: 10px 0px 0px 0px; }
#nav2 ul { list-style-type: none; }
#nav2 ul li { float: left; }
#nav2 ul li a { overflow: hidden; padding: 10px 15px; color: #fff; text-decoration: none; background: transparent url(images/nav-hover.png) no-repeat top right; font-size: 1.4em; font-weight: bold; display: block; font-style: italic; }

#nav2 ul li a:hover { background: transparent url(images/nav-hover.png) no-repeat bottom right; }

#datetime { position: absolute; top: 115px; right: 25px; font-size: 10px; text-transform: uppercase; color: #aec397; }

/*-------------------------------------------
	CONTENT ITEMS
-------------------------------------------*/
#content-wrapper { width: 100%; }
#content { width: 851px; margin: 0 auto; padding: 20px 20px 180px 20px; min-height: 250px; }
#content p { font-size: 1.1em; line-height: 1.2em; color: #666; padding: 15px 20px 5px 0px !important; margin: 0px 0px 10px 0px; clear: both; }


/* GREEN INPUTS */
.glossyinput { background: transparent url(images/inputbg.gif) no-repeat top left; width: 262px; height: 28px; padding: 5px 5px 3px 5px; }
.glossyinput input.field { background: transparent; margin: 5px 0px 0px 4px; border: 0px; font-size: 11px; width: 215px; float: left; color: #999; }
.glossyinput input.add { background: transparent url(images/add.png) no-repeat top left;; text-indent: -9999px; width: 26px; height: 28px; float: right; border: 0px; }
.glossyinput input.search { background: transparent url(images/search.png) no-repeat top left;; text-indent: -9999px; width: 26px; height: 28px; float: right; border: 0px; }

a.session { background: transparent url(images/big_session.png) no-repeat top left; padding: 0px 0px 0px 0px; text-align: center; width: 149px; height: 86px; display: block; margin: 0px 10px 0px 0px; }
a.session:active { position: relative; top: 1px; }
a.session:hover  { background: transparent url(images/big_session.png) no-repeat bottom left; }

a.clientfeedback { background: transparent url(images/clientfeedback.png) no-repeat top left; padding: 0px 0px 0px 0px; text-align: center; width: 149px; height: 86px; display: block; margin: 0px 10px 0px 0px; }
a.clientfeedback:active { position: relative; top: 1px; }
a.clientfeedback:hover  { background: transparent url(images/clientfeedback.png) no-repeat bottom left; }

/* QUOTE AREA */
#content p.quote_text { font-size: 11px !important; color: #5d5d5d !important; }
#content p.quote_name { font-size: 14px !important; color: #a9bf91 !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; font-weight: bold; text-align: right;  }
#content p.quote_title { font-size: 11px !important; color: #666 !important; margin: 0px 0px 10px 0px !important; padding: 2px 0px 0px 0px !important; text-align: right; }

/* BUTTON */
a.fbtn  { background: transparent url(images/greenbutton.png) no-repeat top left; padding: 9px 0px 5px 0px; text-align: center; width: 263px; height: 20px; display: block; color: #fff; text-decoration: none; font-size: 13px; font-weight: bold; margin: 0px 0px 0px 0px; float: right; clear: both; }
a.fbtn:hover  { background: transparent url(images/greenbutton.png) no-repeat bottom left; }

	.btn { background: #971113 url(images/Buttons/button.gif) repeat-x top left; border: 1px solid #9cb283; color: #fff !important; font-size: 11px; text-decoration: none; padding: 4px 10px; margin: 15px 0px 0px 0px; line-height: 50px; text-shadow:1px 1px 0 #6d8552;  }
	a.btn:active { background: #b3c99a; }
	.msie7 .btn { height: 40px; position: relative; top: 5px; }

/*-------------------------------------------
	FOOTER ITEMS
-------------------------------------------*/
#footer-wrapper { width: 100%; position: absolute; bottom: 0px; right: 0px; }
#footer { width: 871px; margin: 0 auto; padding: 10px 20px 10px 20px; position: relative; height: 75px; }

#footer_nav { position: absolute; top: 5px; left: 35px;}
#footer_nav ul { list-style-type: none; }
#footer_nav ul a { color: #666; }
#footer_nav ul li { float: left; border-left: 1px solid #999; padding: 0px 13px 0px 13px; }
#footer_nav ul li:first-child { border-left: 0px; padding: 0px 13px 0px 0px; }
#footer_nav ul li a { display: block;  }

#connections { position: absolute; top: 0px; right: 35px; width: 273px; height: 21px; background: transparent url(images/connections.gif) no-repeat top left; }

#copyright { position: absolute; top: 30px; left: 35px;}
#copyright p { clear: both; float: none; font-size: 11px; color: #666; margin: 0px; }
#copyright ul { list-style-type: none; clear: left; float: none; display: block; }
#copyright ul li { float: left;  line-height: 16px; color: #666; }
#copyright a.altairlogo{ text-indent: -9999999px; display: block; background: transparent url(http://www.altairtech.com/images/atlogo.png) no-repeat top left; width: 17px; height: 17px; }

#socialnetworks { position: absolute; top: 28px; right: 35px;}
#socialnetworks ul { list-style-type: none; clear: left; float: none; display: block; }
#socialnetworks ul li { float: left; display: block; line-height: 16px; }
#socialnetworks a.linkedin { text-indent: -9999999px; display: block; background: transparent url(images/buttons/linkedin_16.png) no-repeat top left; width: 16px; height: 16px; margin-left: 3px; }
#socialnetworks a.facebook { text-indent: -9999999px; display: block; background: transparent url(images/buttons/facebook_16.png) no-repeat top left; width: 16px; height: 16px; margin-left: 3px; }

#newsletter { position: absolute; top: -50px; right: 35px;  }