/*----------------------------------------------------------------------------
 styles for specific classes and ids
 updated from main.css on Jan 8
----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}


html, body#main_body {
    text-align: center;
	height: 100%;
}

/*-- global container ------------------------------------------------------*/

#container {
	padding: 0;
    	margin: 0 auto;
   	text-align: left;
	width: 900px;
}



#content_container p {
    	padding: 10px;
}

.mainbox {
	width: 50%;
	margin-top: 10px;
	background: transparent url(images/box_fill.png) repeat-x;
	background-color: #e8e8e8;
	z-index:100;
}

#logo {
	position: absolute;
	top: 40px;
	left: 68%;
	z-index:1;
}


#info_boxes {
	position: absolute;
	left: 52%;
	top: 30px;
	width: 200px;
	z-index:10;
}

#newsbox_front {
	position: absolute;
	/* height: 260px; */
	height: 190px;
	width: 200px;
	background: transparent url(images/box_fill.png) repeat-x;
	background-color: #e8e8e8;
	font-family: arial, serif;
	font-size: 11px;
  	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	text-align:left;
	margin-top:10px;
	position: absolute;
}	

#newsbox_front p {
	padding-left: 5px;
	padding-right: 3px;
}

#newsbox_front a {
	color: #0000aa;
	}

#newsbox_front a:hover {
  	color: #fc5b00;
}

#testibox {
	height: 180px;
	width: 200px;
	position: absolute;
	top: 200px;
	background: transparent url(images/box_fill.png) repeat-x;
	background-color: #e8e8e8;
	font-family: arial, serif;
	font-size: 11px;
  	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align:left;
	margin-top: 10px;
}	

#testibox p {
	padding-left: 7px;
	padding-right: 3px;
}

#moreinfobox {
	height: 170px;
	width: 200px;
	position: absolute;
	/* top: 270px; */
	top: 390px;
	background: transparent url(images/box_fill.png) repeat-x;
	background-color: #e8e8e8;
	font-family: arial, serif;
	font-size: 11px;
  	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align:left;
	margin-top: 10px;
}	

#moreinfobox p {
	padding:5px;
}
#moreinfobox a {
	color: #0000aa;
	}

#moreinfobox a:hover {
  	color: #fc5b00;
}


#sdk_request {
	height: 80px;
	width: 200px;
	position: absolute;
	top: 600px;
	margin-top:10px;
	left: 18%;
}	

#sdk_request a:hover{
	opacity: .85;
} 

/*--- footer ---------------------------------------------------------------*/

#footer {
 position: relative;
 bottom: 0px;
	height: 20px;
	width: 1000px;
}

#footer_text {
    text-align: left;
    margin: 5px;
    text-align: center;
}

#footer img {position:relative; top:10px; right:3px; border:none;}

#footer hr {color:#999; margin:0; }



/*----------------------------------------------------------------------------
  default-styles for .content html-elements
----------------------------------------------------------------------------*/

/*--- paragraph ------------------------------------------------------------*/

.content {
	font-family: arial, serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align:left;
	line-height: 1.5em;	
}
  
.content p  {
    font-family: arial, serif;
	font-style: normal;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	margin: 10px 5px;
	text-indent:0px;
	line-height: 1.5em;
}
/*--- tables ---------------------------------------------------------------*/

.content table {
    font-family: arial, serif;
	font-style: normal;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
    border-style: none;
    border-width: 0px;
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0px 1px 0px 1px;
}

.content select {
    font-family: arial, serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.content input {
    font-family: arial, serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    border-style: solid;
    border-width: 1px;
}

.content textarea {
    font-family: Arial, Helvetica, serif;
    font-size: 5px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    border-style: solid;
    border-width: 1px;
}


/*--- links ----------------------------------------------------------------*/


/*--- forms ----------------------------------------------------------------*/


/*--- lists ----------------------------------------------------------------*/

.content li {margin-left:25px;}
.content ul {padding-left: 5px; font-size:0.95em;}


/*--- headings -------------------------------------------------------------*/
.content h1 {
    font-family: arial, serif;
  font-style: normal;
  font-size: 2.25em;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  margin:10px;
  line-height:0.25em;
}
.content h2 {
   font-family: arial, serif;
  font-style: normal;
  font-size: 1.5em;
  font-weight: bold;
  text-decoration: none;
color: #000;
  margin:0px;
  line-height:1.35em;
  
}
.content h3 {
  font-size: 1.5em;
  font-weight: bold;
  color: #000;
  margin:10px;
  line-height:1.75em;
}


}  

.content a {
	color: #0000cc;
	text-decoration:none;
}

.content a:link {
  	color: #0000ff;
	text-decoration:none;
}

.content a:visited {
  	font-style: normal;
  	font-weight: normal;
	text-decoration: none;  	
	color: #fc5b00;
}

.content a:hover {
	color: #fcb02b;
	text-decoration:none;
}


/* Footer Text Styles */
#footer_text {
  font-family: arial, serif;
  font-style: normal;
  font-size: .7em;
  font-weight: normal;
  text-decoration: none;
  color: #ccc;
}

#footer_text a {color:#FFFF00; text-decoration:none;}

/* Sidebar Text Styles */

.left {text-align:left;}

.right {text-align:right;}


/* Color schemes */
/*--------------------------------------------------------------------------*/

#body { background:none }
#container {background:none }

/*-- main container --------------------------------------------------------*/


/*--- header ---------------------------------------------------------------*/

#header {
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: top;
}



/*--- content--------------------------------------------------------------*/


/*--- footer ---------------------------------------------------------------*/

#footer {
   background-color:#fff;
   color: #fff;
}


#footer_text { color: #000; }
#footer_text a {color:#666}


/*--- body -----------------------------------------------------------------*/

body#main_body {
	color: #000000;
	background-color: #fff;

}


#sidebar {
	color: #FFF;
		background-image: url(images/bgmain.gif);
}

/*--- paragraph ------------------------------------------------------------*/

.content {
	color: #000000;
	
	
}


.content select {
    color: #666B6E;
}

.content input {
    color: #666B6E;
    border-color: #B4B8BB;
}

.content textarea {
    color: #666B6E;
    border-color: #B4B8BB;
}

/*--- headings -------------------------------------------------------------*/

/*--- links ----------------------------------------------------------------*/

/*--- tables ---------------------------------------------------------------*/


/*--- forms ----------------------------------------------------------------*/

.content fieldset {
    border-color: #3B3C3C;
}

.content legend {
    color: #74777A;
}

.content label {
    color: #000;
}

.content legend {
    font-size: 13px;
    font-weight: bold;
}

.content fieldset {
    padding: 15px;
    border-style: solid;
    border-width: 1px;
}


/*--------------------------------------------------------------------------*/

/* updated from navmenu.css - Jan 8 */
/* CSS Document */

.menu {
height:30px;
background:url(images/topblock.png);
font-family:arial, serif; 
font-size:14px;
z-index:500;
}

.menu .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.menu li {
float:left;
}

.menu .select a {
display:block; 
height:20px; 
float:left; 
padding:0px 0 0 0px; 
text-decoration:none; 
line-height:15px; 
white-space:nowrap; 
color:#ddd;
}

.menu .select li.line a {color:#ffffff;}

.menu .select a b {
display:block; 
padding:10px 25px 0px 25px; 
}

.menu .select li.line a:hover, 
.menu .select li.line:hover a {
color:#ffffff;
}


.menu .select a:hover b, 
.menu .select li:hover a b {
height:22px;
display:block; 
padding:10px 25px 0px 25px; 
background:url(images/topblock_hover.png) right top; 
cursor:pointer;
}

.menu .sub {
display:none;
}

.menu .sub {
padding:5px;
list-style:none;
text-align: left;
}

.menu .sub li {background:transparent;}

.pro_linedrop .select :hover .sub {
height:50px;
display:block; 
position:absolute;
float:left;
width:150px;
top:40px; 
text-align:left;
background-color:#fff;
border:1.5px solid #fc5b00;
}


#contact input, #contact textarea {
	float:right;
	padding: 2px;
	width: 250px;
	font-family: Arial, sans-serif;
	font-size: 1em;
	margin: 0px 15px 0px 0px;
	border: 2px solid #a6a6a6;

}

#contact textarea {
	height: 90px;
}

#contact textarea:focus, #contact input:focus {
	border: 2px solid #fc5b00;
}

#contact input.submit-button {
	width: 100px;
	float: right;
	clear:both;
	float:right;
	margin-top: 15px;
}

#contact p  {
    	font-family: arial, serif;
	font-style: normal;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	margin: 10px 5px;
	text-indent:0px;
	line-height: 1.5em;
	padding: 10px;
}
label {
	font-color:#000;
	float:left;
	text-align: left;
	margin-left: 25px;
	margin-right: 5px;
	margin-bottom: 15px;
	font-size: 1em;
}
