/* STYLES CONTENT

	

*/


/*  RESET STYLES */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}


/*  MAIN STYLE */
body {
background: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
}

/*  Wrapper class is used to position * *ALL* * the elements in the theme*/
.wrapper {					
width: 940px;
margin: 0 auto;
}

hr{
border:0;
margin: 20px 0px 10px 0px;
color:#eaeaea;
background-color:#eaeaea;
height: 1px;
}

h6 {
font-size: 24px;
margin-bottom: 10px;
}

.clear {
clear: both;
}

a {
text-decoration: none;
color: #3399dd;
}

a {
text-decoration: none;
color: #3399dd;
}

a:hover {
text-decoration: underline;
}

img {
border: 0;
}

.leftalign {
float: left;
margin-right: 10px;
}

.rightalign {
float: right;
margin-left: 10px;
}

img.highlight_image {
padding: 10px 4px 15px 3px;
background: url(../images/image-small.png) no-repeat bottom;
}

img.highlight_image_big {
padding: 10px 4px 14px 3px;
background: url(../images/image-big.png) no-repeat bottom;
}

blockquote {
font-style: italic;
background: #f9f9f9;
border-left: 3px solid #e6e6e6;
font-size: 12px;
line-height: 20px;
font-weight: normal;
font-variant: normal;
margin: 15px 0;
padding: 10px 20px 10px 20px;
display: block;
}


/* HEADER */
#header {
background: url(../images/header.png) #111;
height: 100px;
}

#logo {
float: left;
}



/*   TOP TABS   */
#myslidemenu {
float: right;
position: relative;
top:10px;
z-index: 999;
}

.jqueryslidemenu{
margin: 0;
padding: 0;
color: #999999;
background: url(../images/nav.png) no-repeat left;
}

.jqueryslidemenu ul{
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
background: url(../images/nav.png) no-repeat right;
line-height: 90px;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
color: #999999;
font-size: 13px;
padding: 0px 20px 0 20px;
text-decoration: none;
}


/*English*/
#link a{
color: #fff;
}




* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
}

.jqueryslidemenu ul li a:hover{
background: url(../images/menu-hover.png) repeat-x top;
color: #fff;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
margin-top: -2px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
background: url(../images/sub-level-menu.png) no-repeat #090e1c;
line-height: 18px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
width: 160px; /*width of sub menus*/
padding: 10px;
padding-top: 12px;
padding-bottom: 12px;
margin: 0;
background: url(../images/sub-level-menu.png) repeat-x top #090e1c;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
color: white;
background: url(../images/sub-level-menu.png) repeat-x top #06090c;
}

/*  CSS classes applied to down and right arrow images  */
.downarrowclass{
position: absolute;
top: 41px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 12px;
right: 10px;
}



/*  CONTENT  */
#content {
width: 100%;
padding:0;
margin:0;
overflow: hidden;
}

#breadcrumbs {
background: url(../images/breadcrumbs.gif) repeat-x;
height: 66px;
padding-top: 12px;
color: #777;
}

#breadcrumbs p {
float: left;
}

#breadcrumbs li {
float: left;
background: url(../images/light-arrow-right.png) no-repeat right center;
display: inline;
padding-left: 5px;
padding-right: 15px;
}

#breadcrumbs li.current_crumb {
background: none;
}



/*  FEATURED TEXT AREA  */
#featured ul {
margin-top: 10px;
overflow:hidden;
background: url(../images/featured-background.png) no-repeat;
height: 144px;
padding: 16px;
padding-top: 25px;
}

#featured li {
float: left;
width:210px;
padding-left: 60px;
padding-bottom: 15px;
margin-left: 30px;
background: url(../images/featured-bg.png) no-repeat;
line-height: 17px;
}

#featured .featured_title {
color: #fff;
font-weight: bold;
text-transform: uppercase;
}

#featured .featured_title a {
color: #fff;
text-decoration: none;
padding-bottom: 7px;
background: url(../images/underline-featured.png) repeat-x bottom;
}

#featured .featured_title a:hover {
color: #979797;
text-decoration: none;
}

#featured li img {
float:right;
position: relative;
top: 5px;
left: -230px;
}

#featured li p{
margin-top: 9px;
color: #9b9b9b;
}



/*   HOME CONTENT  */
#home_content {
background: url(../images/middle.gif) repeat-x #fff;
width: 100%;
padding-top: 35px;
}

#content_columns {
overflow: hidden;
height:100%;
color: #222;
margin-top: 0px;
padding-left: 30px;
padding-bottom: 50px;
}

#content_columns .column {
float: left;
width: 265px;
margin-right: 45px;
line-height:16px;
}

#content_columns .column_right {
float: left;
width: 265px;
line-height:16px;
}

#content_columns img {
float:left;
}

#content_columns p {
margin-top: 5px;
margin-bottom: 20px;
line-height: 18px;
}

#content_columns a:hover{
text-decoration:underline;
}

#content_columns h6 {
font-size: 18px;
text-transform: uppercase; 
padding-bottom: 5px;
margin-bottom: 18px;
background: url(../images/underline-content.png) repeat-x bottom;
}

/*  These are Latest-News styles  */
#latest_news ul {
margin:0;
padding:0;
}

#latest_news li {
margin: 0;
padding:  0;
}

#latest_news li a {
font-weight: bold;
color: #222;
display: block;
}

#latest_news li a:hover {
font-weight: bold;
color: #3399dd;
text-decoration: none;
}

#latest_news li .date {
font-size: 10px;
color: #777;
line-height: 14px;
}



/*   ACCORDION SLIDER IN CONTENT   */
#accordion { 
list-style-type: none; 
padding: 0; 
margin: 0 0 30px;  
width: 265px;
}

#accordion ul { 
padding: 0; 
margin: 0; 
float: left; 
display: block; 
width: 100%; 
}

#accordion li { 
cursor: pointer; 
list-style-type: none; 
padding: 0; 
margin: 0; 
float: left; 
display: block; 
width: 100%; 
margin-bottom: 8px; 
background: url(../images/note.png) no-repeat;
position:relative;
}

#accordion li.active>a { 
padding-bottom: 5px; 
margin-left: 30px; 
background: url(../images/arrow-down.png) no-repeat right 5px; 
color: #3399dd;
line-height: 22px;
border-bottom: 1px dotted #ddd;
}

#accordion li div { 
display: block; 
clear: both; 
float: left; 
line-height: 18px; 
margin-top: 7px; 
margin-bottom: 5px;
}

#accordion a { 
text-transform: uppercase; 
font-weight: bold; 
margin-left: 30px; 
padding-bottom: 5px; 
color: #333333; 
display: block; 
background: url(../images/arrow-right.png) no-repeat right 5px;
line-height: 22px;
border-bottom: 1px dotted #ddd;
}

#accordion.accordion_line hr {
margin: 0px 0px 0px 0px;
height: 0;
border-bottom: 1px dotted #eee;
}



/*   INNER CONTENT   */
#inner_content {
overflow: hidden;
margin-bottom: 30px;
line-height: 20px;
color: #666;
}

#inner_content .btn {
clear:both;
padding: 0 0 0 0;
position:relative;
z-index:3;
}

#inner_content .btn a {
display:block;
float:left;
font-size:11px;
line-height:13px;
margin-top: 5px;
padding:5px 9px 5px 9px;
text-decoration:none;
width:auto;
-moz-border-radius: 3px;
-webkit-border-radius:3px;
border-radius:3px;
color:#fff;
background: #666;
}

#inner_content .btn a:hover {
color: #fff;
background: #333;
}

#inner_content h1 {
font-size: 34px;
color: #444;
padding-bottom: 30px;
border-bottom: 1px solid #ccc;
}

#inner_content h2 {
color: #666;
font-size: 24px;
padding-top: 10px;
padding-bottom: 10px;
}

#inner_content h3 {
color: #666;
font-size: 18px;
padding-top: 5px;
padding-bottom: 0px;
}

#inner_content h4 {
font-size: 12px;
color: #666;
padding-top: 20px;
padding-bottom: 10px;
}

#inner_content h2 a, #inner_content h4 a {
color: #444;
text-decoration:none;
}

#inner_content h2 a:hover, #inner_content h4 a:hover {
color: #000;
text-decoration: none;
}

#inner_content p{
padding-bottom: 10px;
}

#main_content {
float: left;
width: 610px;
margin:0;
padding: 0;
padding-right: 20px;
padding-top: 20px;
color: #666;
}

#main_content p{
padding-bottom: 10px;
}

#main_content ul {
list-style: disc;
padding: 7px;
padding-left: 30px;
}

#main_content ol {
list-style: decimal;
padding: 7px;
padding-left: 30px;
}



/*     Blockquotes    */
.quote-right {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 0px;
	width: 45%;
	float:right;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #DDDDDD;
}
.quote-left {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 20px;
	margin-top: 10px;
	margin-right: 20px;
	width: 45%;
	float:left;
	display: block;
	margin-bottom: 10px;
	margin-left: 0px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #DDDDDD;
}
.quote-desc {
	color:#333333;
	line-height: 140%;
	font-style: italic;
	font-weight: bold;
}
.quote-author-right {
	color:#3399dd;
	text-align: right;
	font-style: italic;
	margin-top: 10px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
}
.quote-author-left {
	color:#3399dd;
	text-align: right;
	font-style: italic;
	margin-top: 10px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
}



/*   CONTACT PAGE    */
.message {
color:#999;
display:none;
width: 580px;
padding:10px;
background: #f3f3f3;
margin-top: 15px;
}

#contact_form {
margin: 0px;
float: left;
width: 100%;
padding: 0px;
margin-top: 20px;
margin-left: 15px;
color: #999;
}

#contact_form .one_third {
float: left;
margin: 0;
margin-right: 10px;
width: 280px;
}

#contact_form .special {
display:none;
}

#contact_form input, #contact_form textarea {
padding: 7px;
width: 240px;
border: 1px solid #e9e9e9;
-moz-border-radius: 3px;
-webkit-border-radius:3px;
border-radius:3px;
margin-bottom: 10px;
overflow: auto;
}
#contact_form input:hover, #contact_form textarea:hover{
background: #f3f3f3;
}

#contact_form input.formbtn {
width: auto;
margin-top: 10px;
padding: 6px 10px 6px 10px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
color:#fff;
background: #666;
cursor: pointer;
border: 1px solid #666;
}

#contact_form input.formbtn:hover {
background: #333;
border: 1px solid #666;
}

#contact_form textarea {
width: 260px;
height: 140px;
}

#contact {
position: relative;
margin-top: 30px;
}

#contact .contact_text {
font-size: 13px;
font-style: italic;
color: #333;
display: block;
}

#contact #graphic img {
border:0;
background: transparent;
position: absolute;
left: 160px;
top: -30px;
}



/*      PORTFOLIO STYLES    */
#portfolio_selector {
background: #f6f6f6;
overflow: hidden;
color: #666;
margin: 10px 0 20px 0;
-moz-border-radius: 3px;
-webkit-border-radius:3px;
border-radius:3px;
width: 100%;
height: 25px;
padding-top: 7px;
padding-bottom: 7px;
text-align: center;
}

#portfolio_selector li {
display: inline;
}

#portfolio_content {
	margin-top: 30px;
	width: 100%;
	line-height: 17px;
	margin-left: 20px;
	color: #666;
}

#portfolio_content .btn a {
margin-top: 12px;
}

#portfolio_content .one_third {
overflow: hidden;
margin-bottom: 40px;
-margin-bottom: 60px;
margin-right: 30px;
}

#portfolio_content ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#portfolio_content ul li {
display:block;
}

.portfolio_image {width: 100%; overflow: hidden;}
.portfolio_image a {position: relative;}
.portfolio_image a span { 
display:none; 
background: url(../images/image-zoom.png) no-repeat; 
width: 250px; 
height: 162px; 
position:absolute; 
left:3px; 
bottom: 15px;
}
.portfolio_image img {
padding: 10px 4px 15px 3px;
background: url(../images/image-small.png) no-repeat bottom;
}
 .portfolio_image a:hover span {display: block; cursor: pointer;}



/*       BLOG STYLES      */
#blog_articles ul {
margin:0;
padding:0;
list-style-type:none;
}

#blog_articles li {
width: 100%;
margin-bottom: 60px;
_margin-bottom: 20px;
}

#blog_articles li h2 {
font-size: 30px;
border-bottom: 1px solid #dcdcdc;
margin-bottom: 5px;
}

.article_info {
float: left;
color: #999;
font-size: 10px;
text-transform: uppercase;
}

.comment_number {
float: right;
font-size: 10px;
text-transform: uppercase;
margin: 4px;
}


/*   SIDEBAR CONTENT   */
#sidebar {
color: #666;
width: 280px;
padding:	0 0 20px 25px;
float: left;
position:relative;
}

#sidebar div{
position: relative;
z-index: 2;
}

#sidebar_top, #sidebar_bottom{
width:280px;
height:68px;
display: block;
position: absolute;
left: 0;
z-index: 1;
top:0;
}

#sidebar #sidebar_bottom{
top:auto;
bottom: 0;
}

#sidebar {
background:transparent url(../images/sidebar-middle.png) repeat-y top left;
}

#sidebar_top {
background:transparent url(../images/sidebar-top.jpg) no-repeat top left;
}

#sidebar_bottom {
background:transparent url(../images/sidebar-bottom.jpg) no-repeat bottom left;
}

#sidebar h6 {
font-size: 24px;
margin-bottom: 10px;
}

/*  3 Types of Content Blocks for Sidebar: A Simple List, An Info Box (also includes list) & a Blog Post block  */
.block, .block_info, .block_posts {
padding:0;
width: 100%;
float: left;
margin-top: 20px;
margin-bottom: 20px;
}

.block ul, .block_info ul, .block_posts ul {
list-style-type: none;
}

.block ul li, .block_info ul li {
border-bottom: 1px solid #ddd;
}

.block ul li a {
background-image: url(../images/sidebar-arrow.png);
background-repeat: no-repeat;
background-position: left 10px;
padding: 6px;
padding-left: 13px;
color: #666;
display: block;
}

.block ul li a:hover {
color: #222;
text-decoration: none;
}

.block_info img {
float: left;
margin-right: 10px;
}

.block_posts ul li{
overflow: hidden;
padding: 7px;
padding-left: 0;
border-bottom: 1px solid #ddd;
font-size: 10px;
}

.block_posts a {
display: block;
font-size: 12px;
}

.block_posts img {
float: left;
background-color: #FFFFFF;
padding: 3px;
margin-right: 5px;
border: 1px solid #E0E0E0;
}



/*    TABLE   */
table#pricing_table {
margin: 20px auto;
border-spacing:0px;
border-collapse:collapse;
empty-cells: hide;
}

#pricing_table td, #pricing_table th{
width:130px;
padding:7px;
border:1px solid #ccc;
margin:10px;
line-height:30px;
text-align:center;
}

#pricing_table th.empty_cell {
border: 0;
}

#pricing_table .table_package {
font-size:24px;
}

.color1 {
background:#e4e4e4;
text-decoration:none;
}

.color2 {
background:#f7fafa;
}

.color3 {
background:#f0eef9;
}



/*   FOOTER   */
#footer{
overflow: hidden;
height:100%;
color:#222;
background: url(../images/footer.gif) repeat-x #f1f1f1;
padding: 20px;
padding-right: 0px;
padding-left: 0px;
}

#footer h2 {
font-size: 20px;
color: #666;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}

ul.footer_list{
list-style-type: none;
}



ul.footer_list li {
	border-bottom: 1px solid #ddd;
background-image: url(../images/sidebar-arrow.png);
background-repeat: no-repeat;
background-position: left 10px;
padding: 6px;
padding-left: 13px;
color: #777;
text-decoration: none;
display: block;
}

ul.footer_list li a:hover {
color: #111;
text-decoration: none;
}

#footer p {
color: #777;
margin-top: 10px;
margin-bottom: 10px;
}

#social_links ul {
margin:0;
padding:0;
list-style-type:none;
}

#social_links li {
margin-right: 10px;
float: left;
}



/*  FOOTER END  */
#footer_end {
overflow: hidden;
background: url(../images/footer-shadow.png) repeat-x #0d131a;
padding-top: 20px;
padding-bottom: 30px;
margin: 0;
}

#footer_end ul {
	float: left;
}

#footer_end ul li {
	padding-left: 5px;
	display: inline;
	font-size: 10px;
	padding-right: 5px;
	border-right: 1px solid #999;
}

#footer_end ul li a {
	color: #ddd;
}

#footer_end ul li a:hover {
	color: #fff;
}

#footer_end p {
	color: #999999;
	font-size: 10px;
	float: right;
}




#footer_end p img {
	position:relative;
	top: 4px;
	padding-left: 5px;
	display: inline;
}


/*    COLUMNS  */
.column_holder {
	margin: 0px;
	float: left;
	width: 100%;
	padding: 0px;
}
.full_width {
	width: 100%
}
.one_fourth, .one_third, .half, .two_third {
	float: left;
	margin: 0;
}
.one_fourth {
	width: 21%;
	margin-right: 5%; 
}
.one_third {
	width: 30%;
	margin-right: 5%;
}
.half{
	width: 45%;
	margin-right: 5%;
}
.two_third {
	width: 65%;
	margin-right: 5%;
}
.last {
margin-right: 0px;
}