/* ===========  HTML 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,
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-size:				100%;
	background:			transparent;
}

/* Website Updates - Added 2008-09-01 (min-height: 101% - Firefox jump fix) */
html {
	height:				101%;
	min-height:		101%;
	}

body {
	line-height:			1;
}

ol, ul {
	list-style:				none;
}

blockquote, q {
	quotes:					none;
}

/* remember to define focus styles! */
:focus {
	outline:					0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration:		none;
}

del {
	text-decoration:		line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:		collapse;
	border-spacing:		0;
}

/* ===========  Styling  ============= */

html {
	height:					100.1%
	}

body {
	font-family:			georgia,serif;
	font-size:				1em;
	background:			#fff;
	text-align:				center;
	}

.wrapper {
	display:					block;
	margin:					0 auto;
	padding-bottom:		15px;
	width:					882px;
	background:			#fff;
	}

.edge_left {
	background:			url(../img/edge_left.gif) 0 0 repeat-y;
	}

.edge_right {
	background:			url(../img/edge_right.gif) 100% 0 repeat-y;
	}

.main {
	display:					block;
	margin:					0 auto;
	text-align:				left;
	width:					860px;
	background:			#fff;
	}

/* Website Updates - Added 2008-09-01 (.homeHeader created. Two different heights of header on homepage (Flash/Img) */
.header, .homeHeader {
	position:				relative;
	float:						left;
	height:					261px;
	background:			#fff;
	margin-top:			15px;
	}

.homeHeader {
	height:					305px;
	}

/* Website Updates - Added 2008-09-01 (height less) */
.homeFlash {
	float:						left;
	display:					inline;
	width:					820px;
	height:					246px;
	margin-left:			20px;
	}

/* Website Updates - Added 2008-09-01 (Styling the Dynamic Header Text) */
.homeFlash p {
	position:				relative;
	width:					455px;
	margin-top:			90px;
	margin-left:			19px;
	color:					#8F8B85;
	font-size:				1.5em;
	line-height:			1.15em;
	}

a.homeLink {
	display:					block;
	float:						left;
	position:				absolute;
	top:						0;
	left:						20px;
	padding:				0px;
	width:					210px;
	height:					76px;
	background:			#fff url(../img/cwlogo.gif) no-repeat;
	}

.topmenu {
	position:				absolute;
	top:						0px;
	left:						230px;
	height:					52px;
	margin-right:			0px;
	padding:				24px 0 0 20px;
	font-size:				0.9em;
	line-height:			1.3em;
	color:					#333;
	font-weight:			bold;
	background:			#fff;
	}

.topmenu br {
	display:					none;
	}

.topmenu a {
	display:					inline;
	float:						left;
	/* padding:			12px 15px 0px 10px; */
	padding-right:		12px;
	padding-left:			10px;
	padding-top:			12px;
	padding-bottom:		2px;
	height:					27px;
	color:					#333;
	text-decoration:		none;
	}

.topmenu span.circleoff1 a:hover {
	background:			url(../img/topmenu_aboutus_on.gif) no-repeat;
	}

.topmenu span.circleoff2 a:hover {
	background:			url(../img/topmenu_aboutus_on.gif) no-repeat;
	}

.topmenu span.circleoff2 a {
	/*padding-left:			6px;*/
	}

.topmenu span.circleoff3 a:hover {
	background:			url(../img/topmenu_services_on.gif) no-repeat;
	}

.topmenu span.circleoff3 a {
	/*padding-right:		13px;*/
	}

.topmenu span.circleoff4 a:hover {
	background:			url(../img/topmenu_latest_on.gif) no-repeat;
	}

.topmenu span.circleoff4 a {
	/*padding-right:		18px;*/
	}

.topmenu span.circleoff5 a:hover {
	background:			url(../img/topmenu_whowework_on.gif) no-repeat;
	}

.topmenu span.circleoff6 a:hover {
	background:			url(../img/topmenu_contactus_on.gif) no-repeat;
	}

.topmenu span.circleoff6 a {
	/* padding-right:			30px; */
	}

.topmenu span b {
	float:						left;
	height:					27px;
	padding-right:		12px;
	padding-left:			10px;
	padding-top:			12px;
	padding-bottom:		2px;
	/*padding:				12px 15px 0px 10px; */
	}

.topmenu span.circleon1 b {
	background:			url(../img/topmenu_aboutus_on.gif) no-repeat;
	}

.topmenu span.circleon2 b {
	background:			url(../img/topmenu_aboutus_on.gif) no-repeat;
	/*padding-left:			6px;*/
	}

.topmenu span.circleon3 b {
	background:			url(../img/topmenu_services_on.gif) no-repeat;
	/*padding-right:		13px;*/
	}

.topmenu span.circleon4 b {
	background:			url(../img/topmenu_latest_on.gif) no-repeat;
	/*padding-right:		18px;*/
	}

.topmenu span.circleon5 b {
	background:			url(../img/topmenu_whowework_on.gif) no-repeat;
	}

.topmenu span.circleon6 b {
	background:			url(../img/topmenu_contactus_on.gif) no-repeat;
	}

.topmenu span.circleoff6 b {
	/* padding-right:		30px; */
	}

.sidebarHome {
	float:						left;
	width:					182px;
	height:					200px;
	margin-right:			20px;
	}

.contentHome {
	float:						left;
	}

.contentHome h4 {
	width:					520px;
	}

.contentHome p {
	width:					520px;
	}

.contentHome p i {
	color:					#666;
	}

.leftSidebar {
	float:						left;
	width:					182px;
	margin-right:			20px;
	}

.menu {
	display:					inline;
	float:						left;
	font-size:				0.95em;
	margin-left:			20px;
	line-height:			1.2em;
	padding-bottom:		10px;
	}

.menu .menuHead {
	border-bottom:		1px solid #b10f15;
	width:					159px;
	color:					#b10f15;
	height:					27px;
	}

.menu a {
	font-size:				0.9em;
	color:					#999;
	text-decoration:		none;
	}

.menu li {
	float:						left;
	width:					159px;
	border-bottom:		1px dotted #999;
	}

.menu li a {
	float:						left;
	width:					159px;
	padding:				6px 0 6px 0px;
	}

.menu li a#subsubon,.menu li a:hover {
	font-size:				0.9em;
	font-weight:			bold;
	color:					#000;
	}

/*
.menu {font-size: 0.75em; float: left; width: 199px;}
.menu a {display: block; text-decoration: none;}
.menu a.cat {padding-top: 8px;}
.menu li {float: left; width: 199px; list-style: none;}
.menu ul.cat {float: left; width: 199px; border-bottom: 1px solid #fff;}
.menu li.cat a.cat {display: block; margin-left: 20px; height: 23px; font-weight: bold; color: #000; text-decoration: none;}
.menu li.cat a.cat:hover {color: #000; margin-left: 0px; padding-left: 3px; border-left: 17px solid #8dc63f;}
.menu li.cat a#caton {padding-left: 3px; margin-left: 0px; border-left: 17px solid #8dc63f;}
.menu ul.cat li.cat {border-top: 1px solid #fff;}
.menu ul.subsub {float: left; width: 182px; border-left: 17px solid #8dc63f; padding-bottom: 15px;}
.menu ul.subsub li.subsub {border-top: 0px; width: 177px; padding-right: 5px;}
.menu ul.subsub li.subsub a {display: block; margin-left: 0px; padding-left: 15px; color: #000; padding-bottom: 5px;}
.menu ul.subsub li.subsub a:hover {font-weight: bold;}
.menu ul.subsub li.subsub a#subsubon {font-weight: bold;}
*/

.content {
	float: left;
	width: 427px;
	background: #fff;
	min-height: 450px;
	}

/*
* html .content {
	height: 500px;
	}
*/

.content_margin {margin: 19px 0 0 0;}

.maintext {
	font-size:				0.7em;
	font-family:			verdana,sans-serif;
	float:						left;
	width:					427px;
	color:					#333;
	line-height:			1.4em;
	padding-bottom:		10px;
	}

.maintext h2, .maintext h3 {font-weight: bold; color: #000;}
.maintext h2 {font-size: 1em; margin-bottom: 3px;}
.maintext h3 {font-size: 1em; line-height: 1.3em; margin-bottom: 5px;}

.maintext h4 {
	font-family:			georgia,serif;
	font-size:				1.3em;
	margin-bottom:		16px;
	font-weight:			normal;
	line-height:			1.3em;
	}

.maintext p {
	margin-bottom:		16px;
	}

.maintext a {
	color:					#000;
	}

.maintext a:hover {
	color:					#888;
	}

.maintext ul {
	position:				relative;
	top:						-25px;
	padding-left:			20px;
	list-style:				disc;
	}

.maintext ul ul {position: relative; top: 10px;}
.maintext ul li {position: relative; top: 22px; margin-bottom: 10px;}

.maintext ol {
	position:				relative;
	top:						-25px;
	padding-left:			30px;
	list-style:				decimal;
	}

.maintext ol li {position: relative; top: 25px; margin-bottom: 10px;}



a.clientLink, span.clientLink {
	float:						left;
	margin:					0px;
	padding:				0px;
	width:					141px;
	height:					114px;
	}

a.clientLink:hover img {
	width:					135px;
	height:					108px;
	border:					3px solid #B52A31;
	overflow:				hidden;
	}

a.clientLink img, span.clientLink img {
	width:					135px;
	height:					108px;
	border:					3px solid #fff;
	float:						left;
	margin:					0px;
	padding:				0px;
	}

a.clientLink:hover img {
	}

.contactForm {
	float:						left;
	width:					427px;
	}

.contactForm br {
	display:					none;
	}

.contactForm span {
	display:					block;
	float:						left;
	margin-bottom:		5px;
	}

.contactForm span label {
	float:						left;
	width:					84px;
	line-height:			1.1em;
	margin-top:			8px;
	}

.contactForm span input {
	float:						left;
	width:					330px;
	height:					15px;
	background:			url(../img/formBack.gif) repeat-x;
	border-top:			1px solid #6b6b6b;
	border-left:			1px solid #939393;
	border-bottom:		1px solid #b5b5b5;
	border-right:			1px solid #939393;
	font-family:			verdana,sans-serif;
	padding:				4px;
	font-size:				1.1em;
	}

.contactForm span textarea {
	width:					330px;
	height:					177px;
	overflow:				auto;
	border-top:			1px solid #6b6b6b;
	border-left:			1px solid #939393;
	border-bottom:		1px solid #b5b5b5;
	border-right:			1px solid #939393;
	background:			url(../img/contactForm_TextareaBack.gif) repeat-x;
	font-family:			verdana,sans-serif;
	padding:				4px;
	font-size:				1.1em;
	}

.contactForm span#howdidyou label {
	width:					160px;
	margin-right:			15px;
	}

.contactForm span select {
	width:					248px;
	}

.contactForm input.formBtn {
	float:						right;
	width:					111px;
	height:					28px;
	margin-right:			4px;
	text-align:				center;
	background:			url(../img/formBtn.gif) no-repeat;
	text-decoration:		none;
	color:					#324727;
	border:					0px;
	cursor:					pointer;
	}

div.alertBox {
	display:					none;
	float:						left;
	background:			red;
	color:					white;
	padding:				2px 5px;
	margin-bottom:		15px;
	}

ul.sitemap li {
	list-style:				none;
	margin:					0 0 4px 0;
	}

ul.sitemap li#toplevel {
	font-weight:			bold;
	padding-top:			10px;
	}

ul.sitemap li#sublevel {
	margin-left:			40px;
	}

ul.sitemap a {
	color:					#000;
	}

ul.sitemap a:hover, ul.sitemap a:visited {
	color:					#888;
	}


.rightSidebar {
	float:						left;
	width:					192px;
	margin-left:			19px;
	margin-top:			5px;
	}

.rightSidebar img {
	width:					192px;
	margin-bottom:		5px;
	}

#container {
	color:					#fff;
	background:			#dad7A9 url(../img/sidebar_textHand.gif) 154px bottom no-repeat;
	line-height:			1.1em;
	}

#container p {
	font-size:				0.95em;
	margin:					3px 13px;
	}

#container p a {
	color:					#fff;
	text-decoration:		underline;
	}

#container p a:hover {
	color:					#483316;
	}

#containerContact {
	font-family:			verdana,sans-serif;
	font-size:				0.7em;
	line-height:			1.3em;
	color:					#000;
	background:			#dad7A9 url(../img/sidebar_textHand.gif) 154px bottom no-repeat;
	}

#containerContact p {
	height:					326px;
	margin:					3px 13px;
	}

.rtop, .rbottom{position: relative; display:block; background: #fff;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background: #dad7A9}
.rbottom {margin-top:			25px;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

.rbottom span.back {
	float:					left;
	display:				block;
	position:			absolute;
	top:					0;
	left:					163px;
	width:				11px;
	height:				5px;
	background:		url(../img/sidebar_textHandBottom.gif)  no-repeat;
	}

/* Website Updates - Added 2008-09-01 (Connectwell logo added to footer) */
.footer {
	clear:				both;
	width:				845px;
	height:				42px;
	background:		#fff url(../img/footer_hand.gif) no-repeat;
	margin-left:		15px;
	}

.footer p {
	display:				inline;
	float:					left;
	margin-top:		14px;
	margin-left:		32px;
	font-family:		verdana,sans-serif;
	font-size:			0.57em;
	line-height:		1.3em;
	color:				#999;
	}

.footer p a {
	color:				#999;
	text-decoration:	underline;
	margin:				0 0 0 14px;
	}

.footer p a:hover {
	color:				#333;
	}

.zoomedia a {
	float:					right;
	display:				block;
	width:				25px;
	height:				28px;
	background:		url(../img/zoomedia.gif) 0 5px no-repeat;}

.edge_bottom {
	display:				block;
	width:				882px;
	height:				14px;
	background:		url(../img/edge_bottom.gif) no-repeat;
	margin-top:		-6px;
	}