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

* 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;

}



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;

}



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

										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 0px 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;

	border :1px solid #ddd;

	margin-bottom:20px;

	padding-top: 0px;

	padding-right: 0;

	padding-bottom: 0px;

	padding-left: 0;

	height: 170px;

}

.servicebox p, .servicebox ul.listitems,

{

margin:0 15px 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 10px 20px 20px;



}



.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;

}



td,th

{

border-bottom:1px solid #cacaca;

color:#4c4c4c;

padding:10px 15px;

}

th

{

	background:url(../images/table-head-mid.gif) repeat-x 0 0;

	text-align:left;

	padding-left:20px;

	color: #316AC5;

}

th.lefthead

{

	background:url(../images/table-head-left.gif) no-repeat 0 0;

	text-align:center;

	padding-left:20px;

	color: #316AC5;

}

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 {}



tbody tr:hover 		{background:#f1f1f1;}



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:20px 0 0 0;

float:right;

}



.twitterbox p

{

font: normal 11px Georgia, Arial, Helvetica, sans-serif;

color:#fff;

padding:12px 10px; 

}





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

							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; }

.box1 {

	float: left;

	height: 150px;

	width: 268px;

	padding-left: 20px;

}

.subbuttonn,a a:hover,a:visited,a:active {
	color:#FF6600;
	text-decoration:none;
	}