/*-------------------------------------------------------
* 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:#0000ff;
}
a:hover
{
color:#484848;
text-decoration:none;
}

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

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

p { margin: 0 0 5px 0;
font-size: 1.2em;
color: #000000;
}

/************************************************
                      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:30px 0 0 10px;
width: 358px;
height: 86px;
}

.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;
border-bottom:1px solid #ddd;
position:relative;
}

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

.bread img
{
margin-left:3x;
margin-right:3px;
}

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



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

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

/************************************************
                      sidebar                  
************************************************/
.leftsidebar {
padding:50px 0px 0px 0px;   

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:auto;
text-decoration:none;
}

.submenu li ul  {
padding-right:0;
}

.submenu li li a {
margin:0 0 0 0;display:block;
border-left:1px solid #e6e6e6;
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 a:hover {
color:#0564b4;
padding:6px 10px;
z-index:100;
text-decoration:none;
}



.submenu li li.current_page_item a
{
	color: #484848;
	font-weight:bold;
	text-decoration: none;
}
.submenu li.current_page_item a
{
	color: #484848;
	font-weight:bold;
	text-decoration: none;
}
.submenu li.current-cat a
{
	color: #484848;
	font-weight:bold;
	text-decoration: none;
}
.submenu ul li.current_page_ancestor
{
	color: #484848;
	font-weight:bold;
	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 span.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:10px 0;
margin:20px 0 20px 0;
overflow:hidden;
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;}



/*------------------------------------------------------
  				Comments
  ------------------------------------------------------*/	

/*- Blog Comments --------------------------- */
.the_commentor {
float:left;
width:110px;font: normal 10px/12px Verdana, Helvetica, sans-serif;
text-align:right;
}
.the_commentor p
{
padding:0;
margin:0;
}
.the_commentors img
{
background:#FFFFFF url(../images/commentby.gif) right 15px no-repeat;
padding-right:10px;
}
.comment-metadata a {
text-decoration:none;
font-size:10px;
letter-spacing:0;
}

.the_comment {
float:right;
width:450px;
font: normal 11px/16px Verdana, Helvetica, sans-serif;
color:#5d5949;
padding:20px;
margin-right:5px;
min-height:100px;
margin-bottom:10px;
background-color:#f8f8f8;
border:1px solid #dddddd;
}

ol.commentlist li.alt .the_comment {
position:relative;
top:1px;
overflow:auto;
background:#f5f5f5;
}

ol.commentlist {
padding:10px 0;
margin:0;
}

ol.commentlist li {
clear:both;
list-style:none;
}

.author_comment .the_comment {
border:1px solid #1a7dc7 !important;
}
.author_comment {
font: normal bold 10px/12px Verdana, Helvetica, sans-serif;
margin-bottom:0;
color:#1a7dc7;
}

.author_comment a {
color:#1a7dc7;
text-decoration:none;
}

.commentlist .the_comment a {
color:#1a7dc7;
}

.commentlist .the_comment a:hover,.comment-author a:hover {
color:#1a7dc7;
text-decoration:underline;
}



/*------------------------------------------------------
  				Comment Page form
  ------------------------------------------------------*/	

#commentform input {
	width: 170px;
	padding: 5px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 500px;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: left;
	}
#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
#commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}