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

/*------------------------------------------------------
Global Reset
------------------------------------------------------*/	
body{  
margin:0px;
font:normal 11px/20px Verdana, Tahoma, Helvetica, sans-serif;
color:#777;
background: #fff url(../images/bg.gif) top left repeat-x; 
}

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

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

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

.middle_content
{
padding:10px;
margin:0px;
}

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

p { margin: 0 0 5px 0;}

/************************************************
                      header part                  
************************************************/
.header {
height:125px;
}
 
.slogan h3{
font:normal bold 14px Arial, Helvetica, sans-serif;
color:#a0a7b7;
letter-spacing:normal;
padding-top:25px;
text-align:right;
}

.slogan p{
color:#a0a7b7;
font:normal 10px/14px Tahoma, Arial, Helvetica, sans-serif;
margin:0;
text-align:right;
}

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

.twitter
{
font:normal 10px/11px Tahoma, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:right;
padding-top:8px;
} 
.twitter img
{
vertical-align:middle;
margin-right:10px;
} 
  
/************************************************
                      top menu                  
************************************************/
.topmenubg	{
width:940px;
height:42px;
}

.topmenu
{
padding-top:8px;
}

#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.2em; z-index:1; width:100%;  font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
#dropmenu a {display:block; padding:0.50em 1em; color:#cbe5fc; border-right:0px solid #c8c8c8; text-decoration:none; background:#0564b4;}
#dropmenu a:hover {background:#005297; color:#fff;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:1px solid #005196;border-right:1px solid #005196;background:#005aa6;}
#dropmenu li ul {background:#fff; width:14.1em; }
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #0a6aba; border-top:1px solid #0564b4;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; 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:#005297; color:#fff;}
#dropmenu li.current_page_parent a {background:#005297; color:#fff;}
#dropmenu li.current-cat a {background:#005297; color:#fff;}


/************************************************
                      subheader                   
************************************************/
 
.subheader{
background:url(../images/subheader.gif) center top no-repeat ;
height:96px;
position:relative;
}

.subheader h2{
color:#484848;
padding:30px 0 0 20px;
}
.subheader p{
padding:40px 20px 0 0;
color:#484848;
}
.bread
{
color:#484848;font:normal 9px Tahoma, Helvetica, sans-serif;
margin-top:5px;margin-bottom:5px;
}

/************************************************
                      Breadcrumb                  
************************************************/
.bread span a { color:#484848; padding:2px 2px;}
.bread span a:hover { color:#000; }
.bread span img { vertical-align:middle; border:none;}




/************************************************
                      HEADINGS                  
************************************************/

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

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

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

h4 		{ 
font: normal bold 18px/20px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
color:#555; 
padding:0;
margin:0 0 5px 0;
}

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

h6 		{ 
font: normal bold 11px Verdana, Arial, Helvetica, sans-serif; 
color:#999; 
padding:0;
margin:0 0 5px 0;
}

/************************************************
                      Form Fieldset                  
************************************************/
fieldset
{
padding:15px;
border:1px solid #ddd;
}

fieldset legend
{
font-weight:bold;
padding:3px 10px;
background:#fff;
border:1px solid #ddd;
}



 
/************************************************
                      Footer                  
************************************************/

.footerbg
{
padding:30px 0;
background:#fefefe url(../images/footer2.gif) top left repeat-x;
}

/************************************************
                      sidebar                  
************************************************/
.leftsidebar {
padding:10px;   
background: url(../images/sep.gif) top right repeat-y;
height:100%;
margin:0 5px;}


/************************************************
                      News List                  
************************************************/
ul.newslist
{
margin:10px 0px 10px 0;
padding:0;
list-style:none;
}

ul.newslist li
{
padding:6px 5px 6px 0px;
border-bottom:1px solid #ddd;
line-height:1.4em;
color:#666666;
}

ul.newslist li a:link, ul.newslist li a:visited, ul.newslist li a:active
{
padding:0px 0px;color:#959595;
text-decoration:none;
}

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

ul.newslist li span
{
font-weight:bold;
display:block;
}


/************************************************
                      SUBMENU
************************************************/
		
.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;font-weight:bold;
border-bottom:1px solid #e6e6e6;
margin:0 0 2px 0;
height:18px;
text-decoration:none;
}

.submenu li li a {
margin:0 0 0 0;
text-decoration:none;

}

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

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

.submenu li.current a {
text-decoration:none;
color:#0564b4;
}

.submenu li a:hover {
color:#0564b4;
padding:6px 10px;
z-index:100;
text-decoration:none;
}

/************************************************
                      sidebar box                  
************************************************/
		
.sidebarbox h3 		{ 
font: normal 22px/28px Georgia, Arial, Helvetica, sans-serif; 
color:#4D4C4C;
text-align:center;
padding:10px;
margin:0;
text-decoration:none;
}


.sidebarbox {
border:0px solid #cbcbcb;
background:none;
padding:15px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
}


/************************************************
              homepage featured boxes                  
************************************************/
	.servicebox{
padding:15px;
padding-left:0;
border-bottom :1px solid #ddd; 
}
.servicebox p, .servicebox h4
{
 margin-left:80px;
}

/************************************************
              services page block                  
************************************************/
.servicebox2 ul.listitems
{
 margin-left:80px;
}
*html .servicebox2 ul.listitems
{
 margin-left:120px;
}

ul.listitems
{
list-style:circle;
}

.servicebox2
{
border-bottom :1px solid #ddd; 
overflow:hidden;
height:100%;
padding:20px;
margin:0;
}
.servicebox2 h3, .servicebox2 p
{
margin:0;
padding-left:10px;
margin-left:70px;
}

.servicebox2 img
{
border-right:1px solid #ddd;
padding-right:4px;
}

/************************************************
                      Testimonials
************************************************/

.testimonial {
	margin:20px 0 20px 0;
}

.testimonial blockquote{
	padding:0px 0px 20px 33px;
	background:url(../images/quoteicon.gif) no-repeat top left;
	
}
.testimonial blockquote p.quote{
	font:italic normal 12px/20px Georgia, Arial, sans-serif;
	color:#777;	
}

.testimonial blockquote p.author{
	margin:0px 0px 0 0;
	float: right;
	font-weight:bold;
	text-align:right;
	color:#484848;
}

/************************************************
                      readmore                  
************************************************/
.readmore
{
margin:10px 0 10px 0;
color:#777;
border:1px solid #ddd;
font-size:9px;	font-weight:bold;
background:#fff url(../images/button_bg.gif) bottom left repeat-x;
padding:0px 10px;
text-decoration:none;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;

}
a.readmore:hover
{
color:#484848;
border:1px solid #ccc;
background:#fff url(../images/button_bg.gif) bottom left repeat-x;
text-decoration:none;
}



/************************************************
                      content boxes                  
************************************************/
.content-box{ 
border-bottom:1px solid #ddd; 
padding:0px;
margin:20px 0 20px 0;
overflow:auto;
height:100%;
}

.content-box p
{

margin:10px 0 0;
}


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

.post-info{
padding:6px;
border:1px solid #ddd; 
background:#f2f2f2;
margin:0;
color:#000; 
}


.comments
{
float:right;
padding:0px 0 0 0;
width:85px;
text-align:center;
height:26px;
}

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


/************************************************
                      Headings Color                  
************************************************/

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

/************************************************
                      Tables                  
************************************************/
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;
}
th.lefthead
{background:url(../images/table-head-left.gif) no-repeat 0 0;
text-align:left;
padding-left:20px;
}
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;
}

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