/* Basic Style Sheet Document for All Pages */

/*--------------------------------------------------------------------------------------------------------------
Version: 	1.0 (Standard browsers - IE6+)
Author:		Mlaforest (Connetik Interactive)
Email: 		info@connetik.com
Website:	http://www.connetik.com
Legend:		:TODO: Remember to remove this rule before the site goes live
			:KLUDGE: I managed to fix this problem in IE by setting a small negative margin
			:BUG: Rule breaks in IE6
--------------------------------------------------------------------------------------------------------------*/

/* Basic
---------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #000000 url(images/bg_main.jpg) no-repeat top center;
	position: relative; /*:KLUDGE:  Fixes hasLayout problem in IE7 when zooming */
}
a {
	color: #fdc57f;
	font-weight: bold;
	text-decoration: underline;
}
a:visited {
	color: #fdd1a5;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}
#container {
	position: relative;
	margin: 0 auto;
	width: 950px;
	text-align: left;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	clear: both;
}
#container #subTabs {
	position: absolute;
	width: 23px;
	height: 187px;
	top: 286px;
	left: -23px;
}
#footer {
	position: relative;
	margin: 0 auto;
	width: 100%;
	background: #8694a1 url(images/bg_footer.jpg) repeat-x top;
	clear: both;
}
#footerWrapper {
	position: relative;
	margin: 0;
	width: 950px;
	text-align: left;
	background: url(images/bg_footerdeco.gif) no-repeat bottom;
}
#copyright {
	position: relative;
	margin: 0 auto;
	width: 100%;
	background: #131418 url(images/bg_copyright.jpg) repeat-x top;
	clear: both;
}
#copyrightWrapper {
	position: relative;
	margin: 0;
	width: 950px;
	text-align: left;
}
.clear {
	clear: both;
}
hr {
	color: #b8d0d8;
	background-color: #b8d0d8;
	height: 1px;
	border: 0;
}

/* Header
---------------------------------------------------------------*/

#header {
	float: left;
	width: 950px;
	height: 111px;
	background: url(images/bg_logo.jpg) no-repeat top left;
	clear: both;
}
#header h1 {
	/* Font */
	font-size: 1.5em;
	/* Layout */
	position: absolute;
	z-index: 2;
	margin: 0;
	width: 244px;
	height: 100px;
	text-indent: -9000px;
	background: url(images/logo_connetik.jpg) no-repeat;
}
#header h1 a {
	display: block;
	width: 244px;
	height: 100px;
	background: url(images/logo_connetik.jpg) no-repeat;
}
#header ul {
	float: right;
	margin: 0;
	padding-top: 33px;
	padding-right: 0px;
	list-style-type: none;
	width: 640px;
}
#header ul li {
	float: left;
	padding: 3px 10px 3px 10px;
	line-height: 70px;
	background: url(images/img_menuseparator.gif) no-repeat;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	font-weight: normal;
}
#header ul li a, #header ul li a:visited {
	/* Font */
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	font-weight: normal;
}
#header ul li a:hover {
	/* Font */
	color: #ffe0cf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	font-weight: normal;
}

/* Footer and Copyright
---------------------------------------------------------------*/

.linkList {
	margin: 0;
	padding: 24px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #ffffff;
}
.vertSeparator {
	/*border-right: 1px solid #a1abb4;*/
}
.linkList ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 260px;
}
.linkList a {
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
}
.linkList a:visited {
	color: #ddcdc0;
	font-weight: normal;
	text-decoration: underline;
}
.linkList a:hover {
	color: #fdc57f;
	font-weight: normal;
	text-decoration: underline;
}
.linkList .title {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 15px;
}
#copyright .legal {
	color: #70808f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	clear: left;
	width: 800px;
	float: left;
	padding: 0 0 15px 24px;
}
#copyright ul {
	margin: 0;
	padding: 0 0 0 24px;
	list-style-type: none;
}
#copyright ul li {
	float: left;
	padding-right: 20px;
}
#copyright a {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 40px;
	font-weight: normal;
	text-decoration: none;
}
#copyright a:visited {
	color: #ddcdc0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 40px;
	font-weight: normal;
	text-decoration: none;
}
#copyright a:hover {
	color: #fdc57f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 40px;
	font-weight: normal;
	text-decoration: underline;
}

/* Submenu
---------------------------------------------------------------*/

#submenu {
	float: left;
	height: 28px;
	width: 800px;
}
#submenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#submenu ul li {
	background: url(images/submenu_drkgradient.gif) repeat-x top left;
	line-height: 28px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}
#submenu a {
	color: #fdc57f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
#submenu a:visited {
	color: #fdc57f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
#submenu a:hover {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
#submenu #selected a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}
#submenu #selected a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}
#submenu #selected a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}
#addThis {
	float: right;
	width: 140px;
}

/* Slideshow / Suboptions
---------------------------------------------------------------*/

#subheader {
	clear: both;
	height: 128px;
}
#suboptions {
	height: 128px;
	background: #cdb6a3 url(images/img_subheaderbarrepeat.gif) repeat-x top left;
}
#suboptions .intro {
	background: url(images/img_subheaderbarleft.gif) no-repeat top left;
	padding: 0px 0px 0px 19px;
	float: left;
	width: 100px;
	height: 128px;
}
#suboptions .intro h4 {
	color: #114664;
	font-size: 15px;
	font-weight: normal;
	padding: 8px 0px 0px 0px;
	margin: 0;
}
#suboptions .separator {
	background: url(images/img_subheaderseparator.gif) no-repeat top center;
	float: left;
	width: 10px;
	height: 128px;
}
#suboptions .icons {
	color: #114664;
	font-size: 13px;
	padding-top: 18px;
	width: 132px;
	text-align: center;
	float: left;
}
#suboptions .icons a, #suboptions .icons a:visited {
	color: #0065b1;
	font-size: 13px;
	text-decoration: none;
}
#suboptions .icons a:hover {
	color: #114664;
	font-size: 13px;
	text-decoration: none;
}
#suboptions .roundedCorners {
	background: url(images/img_subheaderbarright.gif) no-repeat top left;
	float: right;
	width: 10px;
	height: 128px;
}

/* Content Area
---------------------------------------------------------------*/

#subContentBox {
	background: url(images/bg_subcontentmid.gif) repeat-y top left;
	margin: 5px 0px 8px 0px;
	width: 698px;
	float: none !important; /*:KLUDGE:  Floats divs in proper place in IE6 */
	float: left;
}
#subContentBox .topBg {
	background: url(images/bg_subcontenttop.jpg) no-repeat top left;
	padding: 8px 16px 8px 23px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
}
#subContentBox .topBgPosting {
	background: url(images/bg_subcontenttop.jpg) no-repeat top left;
	padding: 16px 16px 8px 23px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
}
#subContentBox .topBg h2 {
	color: #d6d6d6;
	font-size: 18px;
	font-weight: normal;
	padding: 8px 0px 26px 0px;
	margin: 0;
}
#subContentBox .botBg {
	background: url(images/bg_subcontentbot.gif) no-repeat bottom left;
	height: 11px;
}

/* Sidebar Area
---------------------------------------------------------------*/

#subSidebar {
	width: 252px;
	float: right;
	margin-top: 11px;
}
#callToAction {
	margin-bottom: 10px;
}
#subSidebarContent, #subSidebarContentForm {
	background: url(images/bg_subsidebarmid.gif) repeat-y top left;
	margin-bottom: 8px;
}
#subSidebarContent h3, #subSidebarContentForm h3 {
	background: url(images/bg_subsidebartop.gif) no-repeat top left;
	color: #d6d6d6;
	font-size: 18px;
	font-weight: normal;
	padding: 10px 11px 4px 11px;
	margin: 0;
}
#subSidebarContent p, #subSidebarContentForm p {
	padding: 0px 11px 0px 11px;
}
#subSidebarContent .botBg, #subSidebarContentForm .botBg {
	background: url(images/bg_subsidebarbot.gif) no-repeat bottom left;
	height: 11px;
}