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

/*------------------------------------------------------
										Global Reset
------------------------------------------------------*/	
body{  
margin:0px;
font:normal 11px/20px verdana, Tahoma, Helvetica, sans-serif;
color:#484848;
background: #151923 url(../images/bg.gif) top center no-repeat; 
}

* html {
margin:0;padding:0;
}

.imgborder
{
background:#FFFFFF;
padding:3px;
border:1px solid #ccc;
}
.imgborder:hover
{
background:#fff;
padding:3px;
border:1px solid #aaa;
}

.clear {
clear:both; 
}
.rightalign
{
float:right;
}
.leftalign
{
float:left;
}
.textleft
{
text-align:left;
}
.textright
{
text-align:right;
}

p { margin: 0 0 5px 0;}

a {
text-decoration:none;
color:#484848;
}
a:hover
{
color:#1e98b0;
text-decoration:none;
}

img	{
	border:0;
}
/*------------------------------------------------------
										Header css
------------------------------------------------------*/
.header {
height:100px;
}
 
.slogan h5{
font:normal bold 14px Arial, Helvetica, sans-serif;
color:#fff;
padding-top:35px;
text-align:right;
}

.slogan p{
color:#fff;
margin:0;
line-height:12px;
text-align:right;
}

.logo{
margin:20px 0 20px 10px;
}

 
.middle_content
{
padding:20px;
margin:0px 15px 0 0;
} 
  
/*------------------------------------------------------
										Backgrounds
------------------------------------------------------*/
.bg_top{
background: url(../images/topmid.png) no-repeat;
height:30px;
}

.bg_repeat{
background: url(../images/mid.png) repeat-y;
overflow:hidden;
height:100%;
}

.bg_bottom{
background: url(../images/botmid.png) no-repeat;
height:30px;
}


.bg_top2{
background: url(../images/topmid2.png) no-repeat;
height:30px;
}

.bg_repeat2{
background: url(../images/mid2.png) repeat-y;
overflow:hidden;
height:100%;
}

.bg_bottom2{
background: url(../images/botmid2.png) no-repeat;
height:30px;
}


/*------------------------------------------------------
										Subheader
------------------------------------------------------*/
.subheader{
background: url(../images/subheader.png) center top no-repeat;
height:110px;
position:relative;
margin-bottom:20px;
}

.subheader h2{
color:#fff;
padding:30px 0 0 20px;
}
.subheader p{
padding:40px 20px 0 0;
color:#FFFFFF;
}
.subheader span
{
color:#fff;
position:absolute;
bottom:10px;
left:25px;
}

/*------------------------------------------------------
										Headings
------------------------------------------------------*/
h1{
font: normal 40px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:-1px;
padding:0 0 0 0;
margin:0 0 5px 0;
color:#000;
}

h2{
font: normal 26px/30px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
color:#444847;
margin:0 0 5px 0;
}

h3 		{ 
font: normal 22px/26px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
color:#484848;
letter-spacing:-1px;
padding:0 0 0 0;
margin:0 0 5px 0;
}

h4 		{ 
font: normal 20px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
color:#575757; 
letter-spacing:-1px;
padding:0 0 0 0;
margin:0 0 5px 0;
}

h5 		{ 
font: normal 16px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
color:#5d5d5d; 
padding:0 0 0 0;
margin:0 0 5px 0;
}

h6 		{ 
font: italic normal 11px Georgia, Arial, Helvetica, sans-serif; 
color:#4D4C4C; 
padding:0;
margin:0 0 5px 0;
}

/*------------------------------------------------------
										News lists
------------------------------------------------------*/
.sidebar h2{
padding:0 0 0 10px;
	}
ul.newslist
{
margin:10px 0px 10px 0;
padding:0;;
}

ul.newslist li
{
padding:3px 0 3px 5px;
margin-bottom:5px;
color:#666666;
list-style-type:none;
}
ul.newslist li a:link, ul.newslist li a:visited, ul.newslist li a:active
{
padding:3px 0px;
font:normal 11px/16px verdana, Tahoma, Helvetica, sans-serif;
color:#959595;
text-decoration:none;
}

ul.newslist li a:hover
{
color:#000;
padding:3px 0px;
text-decoration:none;
}

ul.newslist li span
{
font-weight:bold;
display:block;
text-decoration:underline;
color:#959595;
}
/*------------------------------------------------------
								left Sidebar Menu
------------------------------------------------------*/		
.submenu {
margin:0 0px 20px 0px;
text-align:left;
}

.submenu ul {
margin:0;
list-style:none;
padding:0 0px;
}

.submenu li a {
voice-family:inherit;
margin:0 0 0px 0;
height:18px;
border-bottom:1px solid #ddd;
text-decoration:none;
}

.submenu li li a {
margin:0 0 0 0;
border:1px solid #eee;
text-decoration:none;

}

.submenu li li a:link, .submenu li li a:visited {
color:#484848;
display:block;
padding:6px 10px;
}

.submenu li a:link, .submenu li a:visited {
color:#484848;
display:block;
padding:6px 10px;
}

.submenu li.current a {
text-decoration:none;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
color:#1e98b0;
border-bottom:1px solid #1e98b0;
}

.submenu li a:hover {
color:#1e98b0;
padding:6px 10px;
z-index:100;
text-decoration:none;
border-bottom:1px solid #1e98b0;

}

/*------------------------------------------------------
							home and Service page
------------------------------------------------------*/
.servicebox{
margin-left:0px;
padding:0px 0 25px 0;
border :1px solid #ddd; 
margin-bottom:20px;
}
.servicebox p, .servicebox ul.listitems,
{
margin:0 10px 0 0;

}
.servicebox p	{
margin-right:15px;

}

.servicebox h4, .servicebox2 h4
{
background:url(../images/service_top.gif) repeat-x;
height:42px;
margin:0;
padding:5px 5px 20px 25px;
margin:0px;
color:#5c5c5c;

}
.servicebox	img	
{
margin:0 9px 20px 15px;

}

.servicebox2
{
border :1px solid #ebecf1; 
overflow:hidden;
height:100%;
padding:0px 0 15px 0;
margin-bottom:20px;
}

.servicebox2 p
{
margin:0;
padding:0px 10px 0 100px;
margin:0px 0px 0 0;
}

.servicebox2 img
{
border-right:1px solid #ddd;
margin-left:10px;
margin-right:0px;
padding-right:5px;
}

.readmore
{
margin:5px 0px 0px 0;
color:#fff;
background:#1e98b0;
padding:1px 10px 2px 10px;
text-decoration:none;

}
a.readmore:hover
{
color:#fff;
background:#1e98b0;
text-decoration:none;
}

/*------------------------------------------------------
										Team list
------------------------------------------------------*/
ul.team {
display:inline;
clear:both;
margin:0;
padding:0;
}

ul.team li {
color:#000;
display:block;
overflow:auto;
height:100%;
background:#FFFFFF;
vertical-align:bottom;
border:1px solid #ddd;
border-top:2px solid #c3c3c3;
margin:0 5px 20px 0;
padding:10px 15px;
list-style:none;
}

ul.team li	img {
padding-bottom:5px;
float:left;
margin-right:20px;
border-right:1px solid #e8e8e8;
padding-right:20px;
}

ul.team li small {
color:#a1a1a1;
font:normal 11px georgia, Arial, Helvetica, sans-serif;
margin:0;
}

/*------------------------------------------------------
										blog page
------------------------------------------------------*/  
.content-box{ 
border-bottom:3px solid #1e98b0;
padding:0px;
margin:0 0 20px 0;
overflow:hidden;
height:100%;

}


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



.content-box img
{
margin:20px 10px 0 0px;
}

.post-info{
text-transform:uppercase;
font-size:9px;
margin:0px;
padding:0px;
color:#000; 
}

.comments
{
padding:0px 5px 0 0;
margin:0px;
}

.comments a		 { color:#777; text-decoration:none; font-weight:bold;}
.comments a:hover	 { color:#69452e; text-decoration:none;}


/*------------------------------------------------------
									portfolio page
------------------------------------------------------*/
.port-box{ 
border-bottom:3px solid #1e98b0;
margin-bottom:20px;
}

.imagebox	{
background:#f2f2f2;
overflow:auto;
height:100%;
padding:5px;
}

.details	{
float:right;
width:300px;
}

/*------------------------------------------------------
										Top menu
------------------------------------------------------*/
.topmenubg	{
width:960px;
background: url(../images/menu_bg.jpg) no-repeat;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
height:40px;
}

.topmenu
{
margin-left:20px;
padding-top:5px;
}

#dropmenu, #dropmenu ul {margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:400; width:100%;  font-family:"Lucida Sans";}
#dropmenu a {display:block; padding:0.50em 1em; color:#686868; border:1px solid #ddd; text-decoration:none; margin-right:5px;}
#dropmenu a:hover {color:#000; background:#fff;  }
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:15em; top:28px; left:-1px;}
#dropmenu ul a {border-left:1px solid #c8c8c8;background:#fff;}
#dropmenu li ul {border-top:1px solid #c8c8c8;width:14.2em;}
#dropmenu li ul a {width:15em; height:auto; float:left;  border-bottom:1px solid #ddd;}
#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  {background:#fff; color:#000;  }
#dropmenu li.current_page_parent a {background:#fff; color:#000;}
#dropmenu li.current-cat a {background:#fff; color:#000;}

/*------- COLORS --------*/

.yellow 	{ color:#FFCC33; }
.skyblue 	{ color:#9fe5ff; }
.gray 	{ color:#484848 !important; }
.white 	{ color:#ffffff; }

/*------- Table -------*/
.table{
border:none;
border-collapse:collapse;
margin:10px 0 10px 0;
}

.table td,th
{
border-bottom:1px solid #cacaca;
color:#4c4c4c;
padding:10px 15px;
}
.table th
{
background:url(../images/table-head-mid.gif) repeat-x 0 0;
text-align:left;
padding-left:20px;
}
.table th.lefthead
{background:url(../images/table-head-left.gif) no-repeat 0 0;
text-align:left;
padding-left:20px;
}
.table th.righthead
{background:url(../images/table-head-right.gif) no-repeat right top;
text-align:left;
}

.table a {text-decoration:none;}
.table a:link {}
.table a:visited {}

.table tbody tr:hover 		{background:#f1f1f1;}

.table tr.even
{
background:#f1f1f1;
}


/*------------------------------------------------------
												Form
------------------------------------------------------*/
.map	{
	padding:3px;
	border:1px solid #CCCCCC;
	margin-left:0px;
}

/*------------------------------------------------------
											Footer
------------------------------------------------------*/
.footer
{
padding:30px 0;
color:#fff;
}

.leftsidebar {
 padding:20px;   
 margin:0 0px 0 15px; }


.twitterbox
{
background:url(../images/twitter_img.png) no-repeat;
width:224px;
height:64px;
padding:0px;
margin:10px 0 0 0;
float:right;
}

.twitterbox p
{
font: normal 11px Georgia, Arial, Helvetica, sans-serif;
color:#fff;
padding:12px 10px; 
}


.twitterbox2
{
background:url(../images/twitter_img2.png) no-repeat;
width:224px;
height:64px;
padding:0px;
margin:10px 0 0 0;
float:right;
}

.twitterbox2 p
{
font: normal 11px Georgia, Arial, Helvetica, sans-serif;
color:#fff;
padding:12px 10px; 
}

.twitterbox2 a
{
color:#fff;
}


.twitterbox3
{
background:url(../images/twitter_img3.png) no-repeat;
width:224px;
height:64px;
padding:0px;
margin:10px 0 0 0;
float:right;
}

.twitterbox3 p
{
font: normal 11px Georgia, Arial, Helvetica, sans-serif;
color:#fff;
padding:8px 10px;
text-align:right
}

.twitterbox3 a
{
color:#fff;
}


.twitterbox4
{
background:url(../images/twitter_img4.png) no-repeat;
width:214px;
height:64px;
padding:0px;
margin:10px 0 0 0;
float:right;
}

.twitterbox4 p
{
font: normal 11px Georgia, Arial, Helvetica, sans-serif;
color:#000;
padding:8px 10px;
text-align:right
}



/*------------------------------------------------------
							Error / Success / Notice
------------------------------------------------------*/
.notes 	{background: #f0f0f0;border: 1px solid #b8b8b8;}
.success 	{background: #ccfcd1;border: 1px solid #60a400;}
.error	{background: #f9e3e3;	border: 1px solid #e79e9e;}
.notice 	{background: #fcf0cc;border: 1px solid #ecc735;}
.notes, .notice, .success, .error 
		{font-size: 100%;color:#484848;padding:10px;width:auto;margin: 0 0 20px 0px; text-align:left}
.notes span, .notice span, .success span, .error span 
		{font-weight: bold;font-size: 1.2em;padding: 2px 40px;}
.notes p, .success p, .error p, .notice p 
		{margin: 0px;padding: 0px 40px;}

		
/*------------------------------------------------------
									Looped Slider
------------------------------------------------------*/		
.container { width:228px; height:130px; overflow:hidden; position:relative; cursor:pointer;  }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:228px; display:none; }
.slides img { border:1px solid #ddd; padding:3px; background:#FFFFFF; }
/*
* Optional
*/
.loopedSlider,.newsSlider { width:230px; float:left; padding:25px 0 10px 20px;}
ul.pagination { list-style:none; padding:0; margin:0; float:left;}
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 6px; margin-right:3PX; }
ul.pagination li.active a { background:#1e98b0; color:white; }	
ul.pagination li a:hover  { background:#d7d7d7; color:#000000;         }
.previous	{ margin:0;  }
.next	{ margin:0;  padding:0 0 0 10px;}	
.links   {  float:right; width:100px; }