﻿/***************************************************************************/
/* Reset
/***************************************************************************/
* {
	margin:0px;
	outline-style:none;
	padding:0px;
}

/***************************************************************************/
/* General Classes
/***************************************************************************/
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
/***************************************************************************/
/* General Settings
/***************************************************************************/
body {
	color:#333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	background: url(images/background9.jpg) #2b477c repeat-x top left;
}






#toptopbanner{
	width:100%;
	height:60px;
	text-align:center;
	margin:0px auto 0px auto;
	display:block;
	background:#000 top repeat-x url('images/toptopbanner-bk.jpg');
	}
	

.bottom_line{
	padding-bottom:10px;
	border-bottom:1px #d2d2d2 solid;
	}



/*  Links ******************************************************************/
a {
	color:#0094e3;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
	color:#444;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	color:#E5511C;
}
/* -END- Links *************************************************************/

/* Headings ****************************************************************/
h1, h2, h3, h4, h5 {
	color:#444;
}
h1 {
	font-size:2.5em;
	line-height:2;
}
h2 {
	font-size:1.8em;
	line-height:1.8;
}
h3 {
	font-size:1.6em;
	line-height:1.8;
}
h4 {
	font-size:1.4em;
	line-height:1.5;
}
h5 {
	font-size:1.2em;
}
/* -END-  Headings **********************************************************/

/* Paragraph ****************************************************************/
p {
	line-height:1.8;
	margin-bottom:10px;
	text-align:justify;
}
/* -END- Paragraph **********************************************************/

/* Quote ********************************************************************/
blockquote {
	background-color:#EEE;
	border-left:3px solid #CCC;
	font-size:1.1em;
	font-style:italic;
	margin-Bottom:10px;
	margin-left:20px;
	padding:10px 20px;
}
blockquote p {
	margin-bottom:0px;
}
blockquote p.author {
	font-size:0.9em;
	font-style:normal;
	font-weight:bold;
	text-align:right;
}
/* -END- Quote **************************************************************/

/* Table ********************************************************************/
table {
	border-collapse:collapse;
	margin:10px 20px;
}
tr {
	background:#FFF;
}
tr.altrow {
	background:#EEE;
}
th, td {
	border:1px solid #AAA;
	text-align:left;
	padding:7px 20px;
}
th {
	background:#CCC;
	color:#555;
}
/* -END- Table **************************************************************/

/***************************************************************************/
/* Layout
/***************************************************************************/

#container {
	background:#FFF url(images/borders.jpg) repeat-y scroll center top;
	margin:0 auto;
	padding:10px 20px 0px;
	width:960px;
}

/* Header ******************************************************************/
#header {
	margin:0px 10px 10px;
}
#header a#logo {
	background:#FFF url(images/logo.jpg) no-repeat center center;
	float:left;
	height:154px;
	width:310px;
}
#header img {
	float:right;
	height:110px;
	width:630px;
}

/* Main Navigation Menu ---------------------------------------*/
#main_menu {
	background-image:url(images/menu-background.jpg);
	float:right;
	height:43px;
	list-style:none;
	padding:0px 15px;
	width:600px;
}
#main_menu li {
	float:left;
}
#main_menu li a {
	background:#FFF url(images/menu.jpg) repeat-x scroll left top;
	color:#DDD;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	height:43px;
	line-height:43px;
	text-align:center;
	text-decoration:none;
	width:90px;
}
#main_menu li a:hover {
	color:#FFF;
}
#main_menu li.active a {
	background-position:left bottom;
	color:#FFF;
}
/* -END- Main Navigation Menu ---------------------------------*/

/* Secondary Navigation Menu ----------------------------------*/
#secondary_menu {
	clear:both;
	height:30px;
	list-style:none;
	margin:0px auto 10px;
	width:750px; /* The total width is the number of tabs times 150px */
}
#secondary_menu li {
	float:left;
}
#secondary_menu li a {
	color:#FFF;
	display:block;
	font-size:0.9em;
	font-weight:bold;
	height:30px;
	line-height:25px;
	margin:0px 3px;
	text-align:center;
	text-decoration:none;
	width:144px;
}
#secondary_menu li a:hover {
	text-decoration:underline;
}
#secondary_menu li#sm201 a {
	background-image:url(images/secondary-menu-01.jpg);
}
#secondary_menu li#sm202 a {
	background-image:url(images/secondary-menu-02.jpg);
}
#secondary_menu li#sm203 a {
	background-image:url(images/secondary-menu-03.jpg);
}
#secondary_menu li#sm204 a {
	background-image:url(images/secondary-menu-04.jpg);
}
#secondary_menu li#sm205 a {
	background-image:url(images/secondary-menu-05.jpg);
}
/* -END- Secondary Navigation Menu -------------------------*/

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

/* Breadcrumb Block *******************************************************/
#breadcrumb p {
	color:#444;
	font-size:1.2em;
	font-weight:bold;
	height:50px;
	line-height:50px;
	margin-bottom:0px;
	padding-left:20px;
}
/* -END- Breadcrumb Block *************************************************/

/* Section Block **********************************************************/
#section {
	background-image:url(images/section.jpg);
	height:75px;
	margin:0px 10px;
	padding-left:30px;
	padding-top:25px;
}
#index #section {
	margin-top:20px;
}
#section h1 {
	color:#AAA;
	font-size:2.3em;
	line-height:1;
}
#section  p {
	color:#BBB;
	font-size:1.3em;
	font-weight:bold;
	padding-left:60px;
}

#section-boxes {
	
	height:250px;
	margin:0px 10px;
	padding-left:0px;
	padding-top:25px;
}




/* -END- Section Block ****************************************************/

/* Main Content ***********************************************************/
#main {
	display:inline;
	float:left;
	padding:20px;
	width:600px;
}
#main img {
	border:1px solid #CCC;
	margin:10px;
	padding:5px;
}
/* Lists ------------------------------------------------------*/
#main ul, #main ol, #main dl {
	margin-bottom:10px;
}
#main ul, #main ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:25px;
}
#main dl {
	background-color:#EEE;
	border:1px solid #CCC;
	padding:10px 10px 10px 25px;
}
#main dl dt {
	font-weight:bold;
}
#main dl dd {
	line-height:1.8;
	margin-bottom:5px;
}
/* -END- Lists ------------------------------------------------*/

/* Main Content Wide Format -----------------------------------*/
#main-wide {
	display:inline;
	float:left;
	padding:20px;
	width:920px;
}
#main-wide ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0px;
}
#main-wide ul li {
	border-right:1px solid #CCC;
	float:left;
	margin:0px;
	padding:20px;
	width:260px;
}
#main-wide ul li.nbr {
	border-right:none;
}
#main-wide img {
	float:left;
	margin:0px 15px 5px 0px;
}
#main-wide .readmore {
	clear:both;
	height:30px;
}
#main-wide .readmore a {
	background-image:url(images/readmore.jpg);
	background-position:left top;
	color:#888;
	display:block;
	float:right;
	height:30px;
	line-height:28px;
	margin-right:5px;
	text-align:center;
	width:90px;
}
#main-wide .readmore a:hover {
	background-position:left bottom;
	color:#E5511C;
	text-decoration:none;
}
/* -END- Main Content Wide Format -----------------------------*/

/* Blog -------------------------------------------------------*/
#main #blog ul#entries li {
	border-bottom:1px solid #CCC;
	margin-bottom:20px;
	padding-bottom:20px;
}
#main #blog div.date {
	background-image:url(images/blog-date.jpg);
	float:left;
	font-weight:bold;
	height:60px;
	margin:5px 15px 0px 0px;
	width:60px;
}
#main #blog div.date p {
	color:#888;
	font-size:10px;
	line-height:1;
	margin:15px 0px 0px;
	text-align:center;
	text-transform:uppercase;
}
#main #blog div.date p span {
	display:block;
	font-size:20px;
}
#main #blog .title {
	float:left;
}
#main #blog .title h3 {
	margin-bottom:5px;
}
#main #blog .title p.authors-categories {
	font-size:0.9em;
	margin-bottom:5px;
}
#main #blog a.comments {
	background-image:url(images/comments.jpg);
	background-position:center top;
	color:#888;
	display:block;
	float:right;
	font-size:20px;
	font-weight:bold;
	height:50px;
	line-height:40px;
	margin:10px 20px 0px 0px;
	text-align:center;
	width:50px;
}
#main #blog a.comments:hover {
	background-position:center bottom;
	color:#E5511C;
	text-decoration:none;
}
#main #blog div.text {
	clear:both;
	margin-bottom:10px;
}
#main #blog img {
	float:left;
}
#main #blog .readmore {
	clear:both;
	height:30px;
}
#main #blog .readmore a {
	background-image:url(images/readmore.jpg);
	background-position:left top;
	color:#888;
	display:block;
	float:right;
	height:30px;
	line-height:28px;
	margin-right:5px;
	text-align:center;
	width:90px;
}
#main #blog .readmore a:hover {
	background-position:left bottom;
	color:#E5511C;
	text-decoration:none;
}
#main #blog #navigation {
	height:30px;
	margin-bottom:20px;
}
#main #blog #navigation a {
	background-image:url(images/blog-navigation.jpg);
	background-position:left top;
	color:#888;
	display:block;
	height:30px;
	line-height:28px;
	text-align:center;
	width:150px;
}
#main #blog #navigation a:hover {
	background-position:left bottom;
	color:#E5511C;
	text-decoration:none;
}
#main #blog ul#comments {
	margin-top:10px;
}
#main #blog ul#comments li {
	border:1px solid #AAA;
	margin-bottom:10px;
	padding:7px 20px;
}
#main #blog ul#comments li.alt {
	background:#EEE;
}
#main #blog ul#comments li .commentor {
	width:90px;
}
#main #blog ul#comments li .commentor img {
	float:none;
	margin:0px;
}
#main #blog ul#comments li .commentor p {
	margin:0px;
	text-align:center;
}
#main #blog ul#comments li .comment {
	margin-top:20px;
	width:400px;
}
#main #blog ul#comments li .date {
	font-size:0.8em;
}
/* -END- Blog -------------------------------------------------*/

/* Services ---------------------------------------------------*/
#main #services ul li {
	border-bottom:1px solid #CCC;
	margin-bottom:20px;
	padding-bottom:20px;
}
#main #services .readmore {
	clear:both;
	height:30px;
}
#main #services .readmore a {
	background-image:url(images/readmore.jpg);
	background-position:left top;
	color:#888;
	display:block;
	float:right;
	height:30px;
	line-height:28px;
	margin-right:5px;
	text-align:center;
	width:90px;
}
#main #services .readmore a:hover {
	background-position:left bottom;
	color:#E5511C;
	text-decoration:none;
}
/* -END- Services ---------------------------------------------*/

/* Products ---------------------------------------------------*/
#main #products ul {
	padding:0px;
}
#main #products ul li {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	float:left;
	padding:20px;
	width:250px;
}
#main #products ul li.nbr {
	border-right:none;
}
#main #products ul li.nbb {
	border-bottom:none;
}
#main #products img {
	float:left;
	margin:20px;
}
#main #products p.text {
	display:block;
	float:left;
	width:115px;
}
#main #products .readmore {
	clear:both;
	height:30px;
}
#main #products .readmore a {
	background-image:url(images/readmore.jpg);
	background-position:left top;
	color:#888;
	display:block;
	float:right;
	height:30px;
	line-height:28px;
	margin-right:5px;
	text-align:center;
	width:90px;
}
#main #products .readmore a:hover {
	background-position:left bottom;
	color:#E5511C;
	text-decoration:none;
}
/* -END- Products ---------------------------------------------*/

/* Contact Form -----------------------------------------------*/
#contact_form {
	padding:20px;
	width:500px;
}
#contact_form p.label {
	font-size:1.1em;
	margin-bottom:5px;
}
#contact_form span.error {
	color:#C00;
	display:none;
	font-weight:bold;
}
#contact_form p#success {
	display:none;
	font-size:1.5em;
	font-style:italic;
	margin-bottom:20px;
	text-align:center;
}
#contact_form input, #contact_form textarea {
	background:#EEE;
	border:1px solid #CCC;
	font-size:1.1em;
	padding:4px;
	width:500px;
}
#contact_form input.button {
	background-color:#CCC;
	border:1px solid #BBB;
	color:#FFF;
	cursor:pointer;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	width:120px;
}
#contact_form p#buttons {
	clear:both;
	text-align:right;
}
/* -END- Contact Form -----------------------------------------*/

/* -END- Main Content ******************************************************/

/* Sidebar *****************************************************************/
#sidebar {
	border-left:1px solid #CCC;
	display:inline;
	float:right;
	margin:20px 0px;
	padding:20px;
	width:279px;
}
#sidebar a img {
	border:1px solid #CCC;
	padding:5px;
}

/* Sidebar Map Frame ------------------------------------------*/
#sidebar #map {
	border:1px solid #CCC;
	padding:5px;
}
/* -END- Sidebar Map Frame ------------------------------------*/

/* Sidebar Navigation Menu ------------------------------------*/
#side_menu {
	border-top:1px solid #CCC;
	list-style-type:none;
	padding:0px;
}
#side_menu li a {
	border-bottom:1px solid #CCC;
	border-left:2px solid #FFF;
	color:#777;
	display:block;
	padding:5px 10px;
	text-decoration:none;
}
#side_menu li a.active {
	background-color:#ECECEC;
	border-left:2px solid #E5511C
}
#side_menu li a:hover {
	background-color:#ECECEC;
	color:#E5511C;
}
/* -END- Sidebar Navigation Menu -------------------------------*/

/* -END- Sidebar ***********************************************************/

/* Footer ******************************************************************/
#footer {
	background-image:url(images/footer.jpg);
	clear:both;
	font-size:0.9em;
	font-weight:bold;
	margin:0 auto 20px;
	padding:20px;
	width:960px;
}
#footer p {
	margin:0px;
}
/* -END- Footer ************************************************************/
