/*-------------------------------------------------------
* Filename: styles.css
* Version: 1.0.0
* Website: http://www.centrio.com
* Author: system32
* Description: Handles the site layout.
-----------------------------------------------------*/

/*------------------------------------------------------
										Global Reset
------------------------------------------------------*/	
body{ margin:0; color:#d5d7dc; font: 12px/20px arial, Tahoma, Verdana, Helvetica, sans-serif; background-color: #242d34; background-image: url(../images/bg.jpg); background-repeat: repeat-x; }

* html {
margin:0;padding:0;
}
.clear {
clear:both; 
}
p { line-height: 20px; margin: 0; }
em { margin: 0; padding: 0; }
a {
text-decoration:underline;
color:#b4dae6;
}
a:hover
{
color:#fff;
text-decoration:underline;
}

img	{ color: #fff; border:0; }
/*------------------------------------------------------
										Header css
------------------------------------------------------*/
.header { background-image: url(../images/header.png); background-repeat: no-repeat; width: 970px; height: 175px; }
 
.slogan h5{
padding-top:72px;
text-align:right;
}

.slogan p{
color:#fff;
margin:0;
line-height:12px;
text-align:right;
}
.middle_content
{
padding:0 0 22px 10px;
margin:0 15px 0 0;
}
/*------------------------------------------------------
										Headings
------------------------------------------------------*/
h1{ color:#fff; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 20px; letter-spacing: 1px; }
.h 		{ color:#fff; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-variant: normal; letter-spacing: 1px; padding:6px 0 3px; }
/*------------------------------------------------------
										blog page
------------------------------------------------------*/  
.content-box{ 
border-bottom:3px solid #1e98b0;
padding:0;
margin:0 0 20px;

}


.content-box p
{
padding:20px 0;
}



.content-box img
{
margin:20px 10px 0 0px;
}
/*------------------------------------------------------
									portfolio page
------------------------------------------------------*/
.imagebox	{
background:#f2f2f2;
overflow:auto;
height:100%;
padding:5px;
}
/*------------------------------------------------------
										Top menu
------------------------------------------------------*/
.topmenubg	{ width: 960px; height:30px; }

.topmenu
{ margin-left:0; padding-top: 1px; }
.home { padding-left: 0; }
#dropmenu, #dropmenu ul { font-family: Arial, Helvetica, sans-serif; margin:70px 0 0 57px; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:400; width:100%; }
#dropmenu a { display:block; color:#686868; text-decoration:none; height: 30px; border-right: 1px solid #000; }
#dropmenu a:hover {color:#000;  }
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:200px; top:28px; left:-1px;}
#dropmenu ul a {background:#fff;}
#dropmenu li ul {width:14.2em;}
#dropmenu li ul a {width:15em; height:auto; float:left;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:15em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none; }
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
#dropmenu li.current_page_item a  {color:#000;  }
#dropmenu li.current_page_parent a {color:#000;}
#dropmenu li.last { border-left: 1px solid #000; }
/*------- COLORS --------*/

.yellow 	{ font-family: georgia; font-style: italic; }
/*------- Table -------*/
table{
margin:10px 0;
}
.table-coloured { color: #98a1a7; font-size: 11.5px; line-height: 21px; background-image: url(../images/table-bg.png); margin: 0 0 10px; padding: 8px 13px 10px; }
.table-coloured-link { color: #98a1a7; font-size: 13px; line-height: 21px; background-image: url(../images/table-bg.png); margin: 0 0 10px; padding: 8px 13px 10px; border: solid 1px #ccc; }
.table-coloured-link a { color: #ccc; font-size: 15px; font-weight: normal; line-height: 21px; text-decoration: none; letter-spacing: 1px; }
.table-coloured-link a:hover { color: #fff; font-weight: normal; text-decoration: none; }
.little { font-size: 11px; line-height: 21px; }
.table-flash { margin-top: 5px; }
/*------------------------------------------------------
												Form
------------------------------------------------------*/
.submit	{ color: #fff; font-size: 13px; font-family: arial; background-color: #45708e; letter-spacing: 1px; padding:10px; border:solid 1px #cccccc; margin-left:0; }
/*------------------------------------------------------
											Footer
------------------------------------------------------*/
.footer { position:fixed; margin:0; bottom:-1px; right:0; display:block; width:100%; height:88px; color:#a5bacc; font-size:12px; line-height: 16px; background-image: url(../images/footer.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; z-index:4; visibility: visible; padding-top: 0; padding-left: 22px; }
.footer p { color: #a5bacc; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-position: 50% 0; text-align: center; margin-top: 26px; }
.footer a { color: #a5bacc; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-position: 50% 0; margin-top: 22px; float: left; }
.footer a:hover { color: #f3f3f3; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
.leftsidebar {
 padding:20px;   
 margin:0 0px 0 15px; }