body{
  background: #fff url('../images/sym_siteheader.gif') repeat-x;
	font-family: verdana, arial, sans-serif;
	font-size: 65%;
	color: #000;
	text-align:center;
	margin:0;
}

a:link, a:visited {
	background:		 				 #9fd107;
	text-decoration:			 none;
	color:								 #fff;
	padding:							 2px 10px;
	line-height:					 2em;
}

a:hover {
	background:		 				 #fff;
	color:								 #ff8c00;
}

#logo a:link,#logo a:visited {
	background:		 				 transparent;
	text-decoration:			 none;
	color:								 none;
	padding:							 0;
	line-height:					 0;
}

#logo a:hover {
	background:		 				 none;
	color:								 none;
}

a.imageLink:link, a.imageLink:visited {
  background:						 #fff;
	padding:							 0;
}

div#frame {
  display:block;
  width: 760px;
	border-right:0px solid #000;
	padding:0;
	margin:0 auto;
	/*background:#333 url('../images/sym_frameback.gif') repeat-y;*/
	text-align:left;
}

div#header{
  display: block;
	height:	 70px;
	padding: 20px 0 0 0;
}

div#logo {
  float:left;
	border-right:1px solid #8fbc8f;
	width:50px;
}

div#company {
  float:left;
  border-left:1px solid #cfcfcf;
	font-size: 10px;
	font-weight: 700;
	color: #fff;
	padding:13px 0 0 10px;
	height:	30px;
}

div#nav {
  display:block;
  width: 184px;
	border-right:0px solid #000;
	padding:0;
	margin:0;
	/*background:#a9a9a9;*/
	color: #000;
	float:left;

}

div#login{
  display: block;
	padding: 20px 0 0 0;
	margin: 0 0 10px 0;
}

div#screen {
  display:block;
  width: 560px;
	padding:0;
	margin:0 0 10px 0;
	color: #000;	
	float:left;
}

div#screen p {
	padding: 0 180px 0 0;
}

.home {
	height: 280px;
	background: url( '../images/bulb.jpg' ) bottom right no-repeat;
}

div#footer {
  clear:both;
	background: url( '../images/line_dotted_green.gif') top left repeat-x;
	padding: 3px 0px;
	margin: 10px 0 0 0;
}

/* Navigation Styles */

#nav ul {
  margin:0 0 0 0px;
	padding:0;
	list-style:none;
}

#nav ul li a {
  display:block;
	width:180px;
	font-weight: 500;
	letter-spacing: -1px;
	color:#000;
	padding:2px 2px 4px;
	text-decoration: none;
	text-transform: uppercase;
	background: url( '../images/line_dotted_green.gif') bottom left repeat-x;
	line-height:		 1.2em;
}

li a span {
	float:right;
}

#nav ul ul {
  margin:0 0 0px 10px;
	padding:0 0 6px 0;
	list-style:none;
	width: 164px;
	background: url( '../images/line_dotted_green.gif') bottom left repeat-x;
}

#nav ul ul li a {
  display:block;
	width: 170px;
	font-weight: 500;
	letter-spacing: -1px;
	color:#000;
	padding:2px;
	text-decoration: none;
	text-transform: uppercase;
	background: none;
}


/*third level*/
#nav ul ul ul {
  margin:0 0 0px 10px;
	padding:0 0 6px 0;
	list-style:none;
	width: 160px;
	background: #fff;
}

#nav ul ul ul li a {
  display:block;
	font-weight: 500;
	width: 160px;
	letter-spacing: -1px;
	color:#000;
	padding:2px;
	text-decoration: none;
	text-transform: uppercase;
	background: none;
}

/* Hover/Selected styles */

#nav li a:hover, #nav li.dropdown_on a, #nav li.dropdown_on .selected a {
	background:		 				 #9fd107;
	color:								 #fff;
}

#nav ul ul ul li a:hover {
	background:		 				 #9fd107;
	color:								 #fff;
}

/* Content Styles */

.editorialPanel{
  padding:0 10px 0 10px;
}

#content{
  padding:0 10px;
	display:block;
	width: 340px;
	float:left;
}

div#content .wide {
  width: 500px!important;
	border:1px solid red;
}

#right_column{
  padding:0 10px;
	display:block;
	width: 160px;
	float:right;
	border:0px solid red;
}

#right_column img {
  border: 1px solid silver;
	padding: 2px;
}

.cabinet{
  padding:0 10px;
	display:block;
	float:left;
}

.cabinet_work {
  padding:0 10px;
	display:block;
	float:left;
  width: 280px;
	border:0px solid red;
}

.cabinet_news {
  padding:0 10px;
	display:block;
	float:left;
  width: 200px;
	border:0px solid red;
}

.cabinet_footer {
  padding:0 10px;
	display:block;

	clear:both;
	border:0px solid red;
}

.column {
  float:left;
	display:block;
	width:200px;
	border:0px solid;
	border-color: #999;
	margin: 0 0 10px 10px;

	background:transparent;
	color:#333;
}

.column div {
  padding:4px;
}

.client{
  float:left;
	display:block;
	border:1px solid;
	border-color: #999;
	margin: 0 0 10px 10px;
	font-size:9px;
	background:#fff;
	color:#333;
	padding:2px;
}

.client a {
  padding:0;
	background:#fff;
}


h1 {
  font-size:20px;
  color: #9fd107;
	font-weight:500;
	letter-spacing: -2px;
	text-transform: uppercase;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h2 {
  font-size:120%;
  color: #ff8c00;
	font-weight:500;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

h3 {
  font-size:110%;
  color: #9fd107;
	font-weight:500;
  letter-spacing: -1px;
	text-transform: uppercase;
	clear:left;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

h4 {
  margin:0;
	padding:0;
	display:block;
  font-size:100%;
  color: #ff8c00;
	font-weight:500;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

hr.clear {
  background: transparent;
	color: #fff;
	margin: 0;
	padding: 0;
	clear: both;
	height: 0px;
	border:0;
	
}

.smart_content, .smart_content_alt {
	width:530px;
	padding: 10px 10px 10px 10px;
	margin: 0 10px 0 0;
}

.smart_content_product, .smart_content_product_alt {
	background: #fff; /*url( '../images/line_dotted_green.gif') bottom left repeat-x;*/
	width:170px;
	padding: 10px;
	margin: 0 10px 10px 0;
	border:solid silver;
	border-width:		 1px;
	float:left;
}

.smart_content_knowledgebase, .smart_content_client, .smart_content_news, .smart_content_knowledgebase_alt, .smart_content_client_alt, .smart_content_news_alt {
	width:530px;
	padding: 10px 10px 10px 10px;
	margin: 0 10px 0 0;
	border:solid silver;
	border-width:		 0px;
	float:left;
}

.cabinet_work .smart_content_client_alt,  {
  float:left;
	display:block;
	border:1px solid;
	border-color: #999;
	margin: 0 0 10px 10px;
	font-size:9px;
	background:#fff;
	color:#333;
	padding:2px;
}

.smart_content img {
  padding: 2px;
	border: 1px solid gray;
}

.smart_content_client img, .smart_content_client_alt img {
  float: left;
	border: 1px solid gray;
	margin: 0 10px 0 0;
	width: 70px;
	height: 70px;
}

div.cabinet_work .smart_content_client img, div.cabinet_work .smart_content_client_alt img {
  float: none;
	border: 0;
	margin: 0;
	width: 70px;
	height: 70px;
}

.smart_content_client .smartText, .smart_content_client_alt .smartText {
  padding: 0px;
	border: 0px solid gray;
	margin-left: 80px;
}

.smart_content_news, .smart_content_news_alt {
  padding: 0;
}

.smart_content_news, .smart_content_news_alt h2 {
  margin:0;
}

p.lead {
  font-weight: 700;
}


.thumbnail{
position: relative;
z-index: 0;
background: #fff;
}

a.thumbnail{
	background:		 				 #fff;
	text-decoration:			 none;
	color:								 #fff;
	padding:							 0;
	line-height:					 0;
}

.thumbnail img {
  border: 0px solid silver;
	padding: 2px;
}

.gallery .thumbnail img {
  border: 1px solid silver;
	padding: 2px;
}


.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: 1px solid;
border-color: silver grey grey silver; 
visibility: hidden;
color: black;
text-decoration: none;
line-height:					 2em;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -60px;
left: -290px; /*position where enlarged image should offset horizontally */

}

div.gallery .thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -380px;
left: -220px; /*position where enlarged image should offset horizontally */

}

div.client .thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
width:240px;
height:300px;
top: -100px;
left: 280px; /*position where enlarged image should offset horizontally */
z-index:10;
background:#fff;
}

div.client .thumbnail:hover span.option1{ /*CSS for enlarged image on hover*/
left: 190px; /*position where enlarged image should offset horizontally */
}

div.client .thumbnail:hover span.option2{ /*CSS for enlarged image on hover*/
left: 100px; /*position where enlarged image should offset horizontally */
}

div.client .thumbnail:hover span.option3{ /*CSS for enlarged image on hover*/
left: 280px; /*position where enlarged image should offset horizontally */
top: -190px;
}

div.client .thumbnail:hover span.option4{ /*CSS for enlarged image on hover*/
left: 190px; /*position where enlarged image should offset horizontally */
top: -190px;
}

div.client .thumbnail:hover span.option5{ /*CSS for enlarged image on hover*/
left: 100px; /*position where enlarged image should offset horizontally */
top: -190px;
}

div.client .thumbnail span h3, div.client .thumbnail span h4, div.client .thumbnail span p {
  margin:0;
} 

.underline {
	background: url( '../images/line_dotted_green.gif') bottom left repeat-x;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.seperate {
	background: url( '../images/line_dotted_green.gif') top left repeat-x;
	padding-top: 10px;
	margin-top: 10px;
}

div.cabinet_work .seperate {
	background: none;
	padding-top: 0px;
	margin-top: 0px;
}

/* Form Styles */
#contact-fieldset {
  border:0px;
}

#contact-fieldset input {
  margin: 2px;
}

#contact-fieldset input.text {
  width: 200px;
	margin:0;
}

#contact-fieldset textarea {
  width: 520px;
	height: 80px;
	margin:0 0 10px 0;
}

#contact-fieldset select {
  font-size:100%;
}

.block1 {
  float:left;
	border:0px solid red;
}

.block2 {
  float:right;
	border:0px solid blue;
}


/* Error Styles */

.error {
  padding:10px;
	margin: 10px;
	color: #c00;
}