/*****************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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color:#DADADA/*#F2F2F2 e69117 e5a549 f69829 ffa234*/  ;  /* For IE8 and earlier */ color: #333333;
	font-family:Arial, Verdana, Helvetica;
	font-size:75%;
}
ol {
	list-style-type:numbered;
}

.fail_safe_solutions_aside ol {margin-left:2.5em;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {color:#e67817; }
h1 {color:black; font-weight:bolder; text-shadow: 1px 2px 3px #fff;}
p {line-height:20px;  }



li {color:#f6780a;}

li span {color:#333333;}

a:hover {animation:footer 2s;
-webkit-animation:footer 2s; /* Safari and Chrome */ }

@keyframes footer
{
from {color:#e67817;}
to {color:#ac570b; }
}

@-webkit-keyframes footer /* Safari and Chrome */
{
from {color:#e67817;}
to {color:#ac570b; }
}

#contact_us li {list-style:none}

/* stop ios styling stuff */
	input[type=submit], input[type=text], textarea {
	  -webkit-appearance: none;
	}
/* stop ios styling stuff */

/* general */
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.box_inner {margin:3px; min-height:100%;}
.border {border:solid grey 1px; }



/* sizing */

nav a {}
li {}
article li { padding:5px;}


article h1,legend {}
article p{ padding:5px; line-height:19px; }



div,aside,footer,nav,#banner_container img  {border-radius:8px;}
section {}

#banner_container > #big_ban img {height:267px;}

aside { margin-bottom:3px; margin-top:3px;background: url("https://synergict.com/uploads/images/tab-content-bg.gif") 0px 0px repeat-x #F9F7F2;
border: 1px solid #DDDAD3; height:100%;}

aside li {list-style:none}
.foot_left_col li {list-style:none;}


a {text-decoration:none; }
h1 ,legend{margin-left:7px; margin-top:8px; color:#e57009; letter-spacing:1px; text-transform:capitalize;}
p {padding:2px; margin-top:8px; margin-left:2px; }
strong {font-weight:bold;}
em {font-style:italic;}

#latest_updates {}


/* tmp */
.tmp { float:left; margin-bottom:2px;background:url("https://synergict.com/uploads/images/tab-content-bg.gif") 0px 0px repeat-x #F9F7F2; border: 1px solid #DDDAD3;}



/****************THE BEEF IN THE SANDWICH****************/
::-moz-selection { 
	background: #EF8A2C; 
	color: #fff; 
	text-shadow: none; 
}
::selection { 
	background: #EF8A2C; 
	color: #fff; 

}
::webkit-selection{ 
	background: #EF8A2C; 
	color: #fff; 

}


.box_inner article {height:100%;}
.box_inner article ul {}
.box_inner article ul li{list-style:disc inside;}
.box_inner h1 {font-size:14px;}


.project_event_list {list-style:none;}

#main { width:78em; margin:0 auto;}
#header_container { margin-bottom:2px; margin-top:2px;}
#header_container article { }
#header_container article header { }
#header_container  nav { margin-bottom:2px;}


#banner_container { width:99.8%; margin-bottom:2px;}
#banner_container img { -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;  z-index:-101; width:100%; border-radius:8px;  border:solid #ddd 1px;}

.slide img { width:99.6%; border:solid #ddd 1px; margin-top:-3px; margin-left:-2px;}

#content_container { }
#content_container section { }

/* buttons */
.read_more_buttons {16px; float:right; padding-bottom:5px;}


/* header info */
#head_info p {font-style:italic; margin:0;  line-height:20px; font-size:13px;}


/* boxes */
#box_container {width:28.2em; padding-right:1px; margin-bottom:2px;  background: url("https://synergict.com/uploads/images/tab-content-bg.gif") 0px 0px repeat-x #F9F7F2;
border: 1px solid #DDDAD3; height:100%;}



.margin {margin-top:2px; margin-bottom:-2px;}
.no_margin {margin-top:0;}
.margin-top {margin-top:3px;}


/* home aside */
#home_aside {width:20.5em;  float:right;background: url("https://synergict.com/uploads/images/tab-content-bg.gif") 0px 0px repeat-x #F9F7F2;
border: 1px solid #DDDAD3;

}
#latest_updates h1 {font-weight: bolder;
text-shadow: 1px 2px 3px #FFFFFF; }
#latest_updates label {color:#333; line-height:17px; display:block-inline;}
#latest_updates a { }

#latest_updates li {color:#333;}
#latest_updates ul  {margin-left:6px; margin-top:3px;}

ul.updates {padding:2px; }
ul.events {padding:2px; }
ul.events strong {color:black; font-weight:bold;}
ul.events  li,ul.updates li {padding-top:2.6px;}


/* CSS Tree menu styles */
.tree a {17px; padding:2px;}
.tree ol.tree
{
	padding: 0 0 0 30px;
	width: 205px;
	
}
.tree li 
	{ 
		position: relative; 
		margin-left: -15px;
		list-style: none;
		15px;
		line-height:22px;
	}
.tree li.file
	{
		margin-left: -1px !important;
	}
.tree li.file a
		{
background: url("https://synergict.com/uploads/images/tmp/document.png") 0 0 no-repeat;color: #fff;
			padding-left: 21px;text-decoration: none;
			display: block;
			color:#333;}

.tree li.file a[href *= '.pdf']	{ background: url("https://synergict.com/uploads/images/tmp/document.png") 0 0 no-repeat; }
.tree li.file a[href *= '.html']	{ background: url("https://synergict.com/uploads/images/tmp/document.png") 0 0 no-repeat; }
.tree li.file a[href $= '.css']	{ background: url("https://synergict.com/uploads/images/tmp/document.png") 0 0 no-repeat; }
.tree li.file a[href $= '.js']		{ background: url("https://synergict.com/uploads/images/tmp/document.png") 0 0 no-repeat; }
.tree li input
	{
		position: absolute;
		left: 0;
		margin-left: 0;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
		height: 1em;
		width: 1em;
		top: 0;
	}
.tree li input + ol
		{
			background: url("https://synergict.com/uploads/images/tmp/toggle-small-expand.png") 40px 0 no-repeat;
			margin: -0.938em 0 0 -44px; /* 15px */
			height: 1em;
		}
.tree li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
.tree li label
	{
		background: url("https://synergict.com/uploads/images/tmp/folder-horizontal.png") 15px 1px no-repeat;
		cursor: pointer;
		display: block;
		padding-left: 37px;
	}

.tree li input:checked + ol
	{
		background: url("https://synergict.com/uploads/images/tmp/toggle-small.png") 40px 5px no-repeat;
		margin: -1.25em 0 0 -44px; /* 20px */
		padding: 1.563em 0 0 80px;
		height: auto;
	}
	.tree li input:checked + ol > li { display: block; margin: 0 0 0.125em;  /* 2px */}
	.tree li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }


.tab_content {	width:635px;
	border:solid #ddd 1px;
	margin-bottom:3px;
	background: url("https://synergict.com/uploads/images/tab-content-bg.gif") 0px 0px repeat-x #F9F7F2;}

.tab_content  li b {color:#666;}
.tab_content  li span {color:#000;}

.tabs strong {font-weight:bold; color:black;}

ul.tabNavigation {
	padding:5px;
	height:22px;
	background: #faf8f3;
	position:relative;
	z-index:2;
	border-radius:8px;
}

ul.tabNavigation li {
  height: 22px;
  float: left;
  margin: 0 0 0 10px;
  list-style-type: none;
}

ul.tabNavigation li a {
	display:inline-block;
	margin-right:2px;
	padding:0 15px;
	color:#E57009;
	border: 1px solid #fff;
	border-radius:5px;
	text-decoration:none;
	font-weight:bold;
	line-height:22px;
	-webkit-transition:1s background;
	-moz-transition:1s background;
	-o-transition:1s background;
	transition:1s background;
}

ul.tabNavigation li a.selected {
	color:#fff;
	background:#E57009;
}

#tab-1,
#tab-2,
#tab-3,
#tab-4,
#tab-5 {
	

	z-index:1;
	-webkit-transition:1s top;
	-moz-transition:1s top;
	-o-transition:1s top;
	transition:1s top;
}

#tab-1,
#tab-2,
#tab-3,
#tab-4,
#tab-5, ul {position: relative;}


#tab-1 li, #tab-2 li,#tab-3 li,#tab-4 li,#tab-5 li ,#tab-6 li,#tab-7 li ,#tab-8 li,

#tab-9 li, #tab-10 li,#tab-11 li,#tab-12 li,#tab-13 li ,#tab-14 li,#tab-15 li ,#tab-16 li

{line-height:20px; list-style:disc inside; margin: 2px 0px 2px 1.7em; padding: 0px; text-indent: -1em;}

#tab-1 strong, #tab-2 strong,#tab-3 strong,#tab-4 strong,#tab-5 strong,,#tab-6 strong ,#tab-7 strong,,#tab-8 strong{font-weight:bold; color:black;}
		
footer { margin-top:2px; }


#logo {}
#logo img{padding-bottom:8px; padding-top:3px;}









/* navigation */
nav {background: url("https://synergict.com/uploads/images/tab-content-bg.gif") 0px 0px repeat-x #F9F7F2;
border: 1px solid #DDDAD3;}
nav ul{padding:11px; position:relative; left:-8px;}
nav ul li{display:inline; padding:9px; font-variant:small-caps;}
nav ul li:hover{display:inline; color:white; background:#e57009; padding:8px; border: 1px solid #fff; border-radius:8px; }
nav ul li a{text-decoration:none;font-weight:bold; }
nav ul li a:hover{color:white; text-decoration:none; text-shadow: 0px 0px 0px  #fff; animation:nav 2s;
-webkit-animation:nav 2s; /* Safari and Chrome */ }
nav >  {color:white; text-decoration:none; text-shadow: 0px 0px 0px  #fff;}

nav ul > .menuactive {color:white; background:#e57009; border-radius:8px; border: 1px solid #fff;}
nav ul > .menuactive span {color:white; }


@keyframes nav
{
from {color:#e67817;}
to {color:#fff; }
}

@-webkit-keyframes nav /* Safari and Chrome */
{
from {color:#e67817;}
to {color:#fff; }
}


/* project box */
#projects_box {width:38.7em; margin-bottom:3px; background: url("https://synergict.com/uploads/images/tab-content-bg.gif") 0px 0px repeat-x #F9F7F2;
border: 1px solid #DDDAD3}



/* fail-safe */
.fail_safe_solutions_aside {float:right; width:24.4em; position:relative;margin-bottom:2px;}
.fail_safe_solutions_aside ul {padding:2px;}
.fail_safe_solutions_aside ul li ,.fail_safe_solutions_aside h1{list-style:disc inside;text-align:center; line-height:15px;}
.fail_safe_solutions_aside ul li a {color:#333; }


/* product display */


/* breadcumbs */
.breadcumbs_hold {border:solid #ddd 1px; background:#FFF; margin-bottom:4px;}
.breadcumbs_hold
{
  position: relative;
}
.breadcumbs_hold:before
{
  z-index: -1;
  position: absolute;
  content: "";#
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

#breadcumbs {font-size:1.2em; padding:4em;}

/* content */
#content {width:57em; float:left;  background: url("https://synergict.com/uploads/images/tab-content-bg.gif") 0px 0px repeat-x #F9F7F2;
border: 1px solid #DDDAD3; margin-bottom:3px; min-height:100%;  }

#product_content {float:left; margin-bottom:3px; margin-top:3px;}

.no_bg {background:none;}

#Projects legend, #Events legend {width:37em;  border:solid red 1px;}
#Events legend h1,#Projects legend h1 {margin-left:10px;}

.projectInRow { margin-bottom:8px;}
.projectInRow img {border: 1px solid #DEDEDE; padding: 2px; background:#D9D9DB; margin-bottom:5px;}
#projectsIMG {width:17em;margin:3px; position:relative; left:8px;}
#projectText {width:17.5em; margin-right:2px; border:solid #ddd 1px;}
.project_read {margin-right:1em;}
.date {font-style:italic; margin-left:8px; float:right;}

#projectText ul li {list-style:none; }
#projectText ul {float:right; }
#projectText p {line-height:16px;}
#projectText > ul li > b {color:black; text-transform:uppercase;}

.projectInRow b {font-style:italic;  margin-right:3px;}
.projectInRow small {}

#projectsIMG a:hover,#EventsIMG a:hover {opacity:0.8; filter:Alpha(opacity=50); /* IE8 and earlier */ }

/* in Events */
#photoGallery {width:34em; }
#photoText {width:41em;  }
.photosTop,.photosBottom { }
.photosTop li,.photosBottom li {display:inline;}
.photosTop img,.photosBottom img {margin:3px;border: 1px solid #DEDEDE; padding: 2px; background:#D9D9DB;}
.photosTop h1 {margin-left:4px;}


/* footer */

.foot_middle_col  {float:left;  height:100%; margin-left:2em; min-width:250px;  }
.foot_middle_col li {list-style:disc inside; line-height:28px;}
.foot_middle_col a { color:#333; text-shadow: 0px 0px #ddd;}
footer a:hover {animation:footer 2s;
-webkit-animation:footer 2s; /* Safari and Chrome */}
.foot_left_col {float:left; width:33em; height:100%; }
.foot_left_col li {color:#333; }




footer { background: url("https://synergict.com/uploads/images/tab-content-bg.gif") 0px 0px repeat-x #F9F7F2;
border: 1px solid #DDDAD3; }


#bannerholder {
	height: 340px;
	width: 928px;
	overflow: hidden;
	position: relative;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888; 
	padding:1px;  
	border-radius:10px;
}
.slide {
	position: relative;
	color: #fff;
	width: 928px;
	
}


.slide > div {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 570px;
}
.slide span.orangebutton {
	cursor: auto;
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: auto;
}
.slide h2 {
	font-size: 28px;
	color: #EF8A2C;
	background: none;
	margin: 0px;
	padding: 0px 0px 16px 0px;
	line-height: 1.1em;
}
.slide li {
	list-style-image: url("https://synergict.com/uploads/images/banner_li.png");
	padding-bottom: 8px;
	margin-left: 17px;
}
.slide a {
	position: absolute;
	bottom: 20px;
	left: 20px;
}
#prev {
	width: 22px;
	height: 22px;
	position: absolute;
	bottom: 18px;
	right: 50px;
	background-image: url("https://synergict.com/uploads/images/arrows.png");
	background-position: -0px 22px;
	z-index: 999;
	display: none;
}
#prev:hover {
	background-position: 0px 0px;
}
#next {
	width: 22px;
	height: 22px;
	position: absolute;
	bottom: 18px;
	right: 20px;
	background-image: url("https://synergict.com/uploads/images/arrows.png");
	background-position: 22px 22px;
	z-index: 999;
	display: none;
}
#next:hover {
	background-position: 22px 0px;
}

.orangebutton {
	background-color: #EF8A2C;
	padding: 6px 10px 6px 10px;
	font-size: 12px;
	color: #fff;
	text-decoration: none !important;
	display: inline-block;
	line-height: 1em;
	margin: 0px 8px 0px 0px;
	cursor: pointer;
	line-height: 1em;
	border: none;
	border-radius:5px;
}


#cntnt01moduleform_1 {width:50%;}
.cms_form {}
.contactform {padding:8px;}
.contactform fieldset { width:50%;}
.contactform legend {font-weight:bold;}
.contactform label { font-weight:bold; width:75px; line-height:32px; }
#fbrp__23_1,#fbrp__22,#fbrp__24,#fbrp__25 { float:right; padding:2px; }
#message {width:257px;}
.contactform  div {width:320px; }
.captchapict {margin-left:5em; margin-right:4em; }
.cms_textfield {padding:2px; width:130px;}

.contactform > fieldset > legend {display:none;}

.message {position:relative; top:-5em;}
.contactform textarea  {width:150px;}


#contact_us {padding:8px;}
#contact_us ul {}
#contact_us ul li strong {color:black;}
.breadcrumb_img > img {border:solid #ddd 1px; margin:2px; padding:3px; width:185px; float:right; position:relative; left:-3px; }

/* subscribe */

.nms_subscribe > label {display:none;}
.captcha { width:250px; text-align:center; padding:1px;}
.captcha div { width:250px; margin:5px;}

.subscribe_text_field {float:right; position:relative; top:-18px; width:180px; margin-right:5px;}
.subscribe_button {font-weight:bold; margin-left:5px;}

.cms_submit  {background-color: #EF8A2C;
	padding: 6px 10px 6px 10px;
	font-size: 12px;
	color: #fff;
	text-decoration: none !important;
	display: inline-block;
	line-height: 1em;
	margin: 0px 8px 0px 0px;
	cursor: pointer;
	line-height: 1em;
	border: none;
	border-radius:5px; font-weight:bold; margin-top:5px;}


.contactform div {}
.contactform div > #m62b34fbrp__44, #m62b34fbrp__43, #m62b34fbrp__42, #m62b34fbrp__45, .cms_emailfield {float:right; }
.contactform textarea {width:350px;}
.contactform > .error_message {display:none;}
/* Stylesheet: Synergict_styles Modified On 2013-09-13 11:20:34 */
