﻿/*
portable - Main CSS
based on trendywebstar.com
*/
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;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/*-----------------------FONT FACE FOR FIREFOX TO WORK-----------------------*/
body {
	background-color:#333;
	background-image:url('../images/body-bg-11.png');
	background-attachment: fixed;
	background-repeat: repeat-x repeat-y;
	font: 12px/20px  Arial, Helvetica, sans-serif;
	line-height:20px;
	color: #666;
}
::selection {
	background:#E06E1E;
	/* Safari */
	color:#000;
}
::-moz-selection {
	background:#333;
	/* Firefox */
	color:#E06E1E;
}
/* ------------------HEADINGS------------------*/ 
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-variant:normal;
	white-space:normal;
	color:#666;
	margin-bottom:10px;
}
h1 {
	font-size:34px;
	line-height:38px;
}
h2 {
	font-size:28px;
	line-height:33px;
}
h3 {
	font-size:24px;
	line-height:29px;
}
h4 {
	font-size:20px;
	line-height:25px;
}
h5 {
	font-size:16px;
	line-height:21px;
}
h6 {
	font-size:14px;
	line-height:17px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	text-decoration: none;
}
/*TABLE STYLES*/
table {
	border-collapse:separate;
	border-spacing:0;
	border-top-width:5px;
	margin-bottom:10px;
	border:1px solid #666;
	color: #666;
	background-color: #fff;
}
th {
	padding:10px 15px;
	text-transform:uppercase;
	font-weight:bold;
	background:#E06E1E;
	color:#fff;
	background-color: #E06E1E;
}
td {
	padding:10px 15px;
	border-top: 1px solid #666;
	color: #666;
}
.checklist-list li{ border-bottom:1px dotted #efefef;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/check-box.png) no-repeat 5px 7px;  }

/*TABLE STYLES ENDS*/

/* ------------------TYPOGRAPHY STYLES----------*/
a {
	text-decoration:none;
	color:#E06E1E;
}
a:hover {
	text-decoration:none;
	color:#E06E1E;
}
a img {
	border:none;
}
strong {
	font-weight:bold;
	color:#666;
}
p,ul,ol,pre,code {
	margin-bottom:10px;
}
.colored{
	color:#E06E1E;
}
ul {
	list-style-type:none;
}
ol {
	list-style-type:decimal;
	list-style-position:inside;
}
blockquote {
	padding:5px 20px 5px 45px;
	line-height:24px;
	background: url(../images/quote.png) no-repeat top left;
	color:#999999;
}
blockquote span {
	color:#666666;
}
pre,code {
	border:1px solid #efefef;
	border-left:5px solid #efefef;
	display:block;
	padding:10px;
	font-size:11px;
	font-family:monospace;
	background-color:#f5f5f5;
}
/*------------------GRID STYLE----------*/
.horizontal-line {
	width:100%;
	margin:30px auto;
	margin-bottom: 0;
	float:left;
	border-top:1px solid #333;
	
}
.clear-line {
	width:100%;
	margin:10px auto auto auto;	
}
.left {
	float:left;
}
.right {
	float:right;
}
.one, .one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth ,.inner-content, .one-third-big { 
	float:left; 
}
.one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth, .inner-content,.one-third-big  {
	margin-right: 30px;
}
.one {
	width:960px;
}
.one-half {
	width:465px;
}
.two-third {
	width:630px;
}
.one-third  {
	width:300px;
}
.inner-content  {
	width:711px;
}
.one-third-big{ width:340px;}
.one-fourth {
	width:217px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}
.one-fifth {
	width:168px;
}
.one-sixth {
	width:135px;
}
.last { 
	margin-right: 0px;
}
.img-align-left {
	margin:5px 10px 0 0;
	float:left;
}
.img-align-right {
	margin:5px 0 0 10px;
	float: right;
}
.img-align-center {
	margin:5px 0;
	text-align:center;
}
/*------------------------------------------------------------*/
/*-----------------MAIN STYLES-------------------*/
/*------------------------------------------------------------*/
#wrapper {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;	
}	
#container {
	float:left;
	height:auto;
	width:960px;
	background:#fff;
	-moz-box-shadow:0 0 6px #7d7d7d;
	-webkit-box-shadow:0 0 6px #7d7d7d;
	box-shadow:0 0 6px #7d7d7d;
	padding:0 30px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top:5px solid #E06E1E;
}

/*  GRADIENT STYLES  
#grad {
  background-image: -webkit-gradient(
  linear, left top, left bottom, from(rgba(50,50,50,.05)),
  to(rgba(80,80,80,0.2)), color-stop(2,#333333)
  );
}
/*  END GRADIENT STYLES  */

.center {
	height: auto;
	width: 960px;
	padding:0 30px;
	margin: auto;
	text-align: left;
	padding: 0px;
}
#content {
	padding-bottom:20px;
	height:auto;
	float:left;
}
#header {
	padding:30px 0;
	border-bottom:1px solid #666;
	height:60px;	
}
a#logo {
	display:block;
	float:left;
	width:250px;
	height:60px;
}

#copyright {
	width:960px;
	float:left;
	padding:30px 30px;
	line-height:20px;
	margin-top:10px;
	color:#333;
	margin-left:-30px;
	background:#333;
	border-top:5px solid #E06E1E;
}
a#copyright-logo {
	margin-top:-2px;
	display:block;
	float:left;
	width:185px;
	height:45px;
}
#copyright a ,#copyright p, #copyright span {
	color:#7F7F7F;
}
#copyright a:hover {
	color:#E06E1E;
}
#copyright h1,#copyright h2,#copyright h3,#copyright h4,#copyright h5,#copyright h6 {
	color:#CCC;
}
/*************************************************** SOCIAL-LINK UL***************************************************/
ul.social-links {
	float:left;
	margin:0px;
	padding:0px;
}
ul.social-links li {
	display:block;
	margin-bottom:0px;
}
ul.social-links li img {
	margin-right:7px;
	float:left;
	margin-top:2px;
}
/*-------------------------------------------------------------------------------------------------*/
/*--------------------------------MAIN NAVIGATION---------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
#main_navigation {
	top:10px;
	font-size:11px;
	height:50px;
	float:right;
}
.main-menu {
	position:relative;
	z-index:22;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
.main-menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.main-menu ul li {
	position:relative;
	display:block;
	float:left;
	font-size:14px;
}
.main-menu ul li a,.main-menu ul li a:link,.main-menu ul li a:visited {
	line-height:40px;
	color:#666;
	font-size:12px;
}
.main-menu ul li a:hover {
	color:#E06E1E;	
}
.main-menu ul li a {
	display:block;
	text-decoration:none;
	overflow:hidden;
	padding:0px 15px;
}
* html .main-menu ul li a {
	display:inline-block;
}
.main-menu ul li ul {
	position:absolute;
	left:0px;
	display:block;
	visibility:hidden;
}
.main-menu ul li ul li {
	display:list-item;
	float:none;
}
.main-menu ul li ul li a {
	width:160px;
	padding:5px 10px;
}
.main-menu ul ul {
	background:#FFF;
	border:1px solid #e0e0e0;
	-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	box-shadow:0px 3px 3px rgba(0,0,0,0.1);
}
.main-menu ul ul li a,.main-menu ul ul li a:link,.main-menu ul ul li a:visited {
	height:100%;
	line-height:20px;
	background:transparent !important;
	border-bottom:dotted 1px #e1e1e1;
	padding:5px 10px!important;
}
.main-menu ul li ul li a:hover,.main-menu ul ul li a:hover {
	text-decoration:none!important;
	margin:0 0px;
	color:#E06E1E;
}
.main-menu ul ul li ul li a:hover,.main-menu ul ul ul li a:hover {
	text-decoration:none!important;
	width:155px;
}

/*--------------------------------------SIMPLE UL STYLE-----------------------------------------------------------*/
	.simple-nav{ list-style-type:none; list-style-position:outside; width:215px;}
	.simple-nav li{ color:#999999;display:block; padding:5px 0;  border-bottom:1px dotted #e1e1e1;}
	.simple-nav li a { color:#999999;margin-left:0;background: url(../images/simple-nav-arrow.png) no-repeat 0px 2px;}
	.simple-nav li a:hover {
	color:#E06E1E;
}
	.simple-nav li a.current { color: #000000;}
	
	.simple-nav-sub li{ color:#999999;display:block; padding:5px 0;  border-bottom:1px dotted #e1e1e1;}
	.simple-nav-sub li a { color:#999999;padding-left:25px;background: url(../images/simple-nav-arrow.png) no-repeat 0px 2px;}

/*ROUND LIST NO LINKS*/
	.round-list{ list-style-type:none; list-style-position:outside; width:190px; }
	.round-list li{ width:100%; color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/check-box.png) no-repeat 5px 7px;  }	
	.round-list-wide { list-style-type:none; list-style-position:outside; }
	.round-list-wide li{ color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/check-box.png) no-repeat 5px 7px;  }	
	.round-list-img { list-style-type:none; list-style-position:outside; width:485px;}
	.round-list-img li{ color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/check-box.png) no-repeat 5px 7px;  }	
	.check-list{ list-style-type:none; list-style-position:outside; border-top:1px dotted #efefef; width:200px; }
	.check-list li{ border-bottom:1px dotted #efefef;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/check.png) no-repeat 5px 7px;  }
	.cancel-list{ list-style-type:none; list-style-position:outside; border-top:1px dotted #efefef; width:200px; }
	.cancel-list li{ border-bottom:1px dotted #efefef;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/cancel.png) no-repeat 5px 7px;  }

/*-------------------------------------------------------------------------------------------------*/
/*INTRO PAGES*/
/*-------------------------------------------------------------------------------------------------*/
.intro {
	padding:30px 0;
	margin-top: 10px;
	height:auto;
	float:left;
}
.intro h3 {
	text-align:center;
	font-style:italic;
	margin-bottom:0;
}
.intro a {
	color:#E06E1E;
}
.intro-pages {
	padding:30px 0px;
	height:auto;
	margin-bottom:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.intro-pages  h1,.intro-pages  h2,.intro-pages  h3,.intro-pages  h4{
	text-align:center;
	margin-bottom:0;
	outline-color: #666;
}
.intro-pages  a {
	color:#E06E1E;
}

/***************************************************
				     BUTTONS
***************************************************/
.fancy-button{
	display: inline-block;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 8px 11px;
	color: #555;
	text-shadow: 0 1px 0 #e1e1e1;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e0e0e0));
	background: -moz-linear-gradient(top, #fcfcfc, #e0e0e0);
	border: 1px solid #dedede;
	border-color: #dedede #d8d8d8 #d3d3d3;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.fancy-button:hover, .fancy-button:focus{
	color: #555;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#bfbfbf));
	background: -moz-linear-gradient(top, #fcfcfc, #bfbfbf);
	border-color: #ccc;
}
.fancy-button:active{
	position: relative;
	top: 1px;
	color: #555;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4));
	background: -moz-linear-gradient(top, #eaeaea, #f4f4f4);
	border-color: #c6c6c6;
}
.fancy-button.rounded{
	padding: 8px 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
input.fancy-button, button.fancy-button{
	*width: auto; /* IE7 Fix */
	*overflow: visible; /* IE7 Fix */
}
.fancy-button.small{
	padding: 5px 11px;
	font-size: 11px;
	font-weight: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.fancy-button.small.rounded{
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}

.home {
	margin-left: 330px;
}

/*BUTTONS COLORS - ----------- GREEN*/
.fancy-button.green{
	background: #91BD09;
	background: -webkit-gradient(linear, left top, left bottom, from(#91BD09), to(#6d8e06));
	background: -moz-linear-gradient(top, #91BD09, #6d8e06);
	border-color: #6d8e06;
	color: #000;
	text-shadow: 0 1px 0 #84a910;  	
}
.fancy-button.green:hover, .fancy-button.green:focus{
	background: #76b347;
	background: -webkit-gradient(linear, left top, left bottom, from(#abd42c), to(#80a01d));
	background: -moz-linear-gradient(top, #abd42c, #80a01d);
	border-color: #84a910; 
}
.fancy-button.green:active{
	background: #91BD09;
	border-color: #84a910;
}
/* ----- ---- --- -- -  Red - -- --- ---- ----- */
.fancy-button.red{
	background: #e64135;
	background: -webkit-gradient(linear, left top, left bottom, from(#f26c4f), to(#bf0101));
	background: -moz-linear-gradient(top, #f26c4f, #bf0101);
	border-color: #342ab8 #342ab8 #342ab8;
	color: #000;
	text-shadow: 0 1px 1px #bf0101;
}
.fancy-button.red:hover, .fancy-button.red:focus{
	background: #dd3a37;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff7858), to(#ab1f20));
	background: -moz-linear-gradient(top, #ff7858, #ab1f20);
	border-color: #bf0101;   
}
.fancy-button.red:active{
	background: #e64135;
	border-color: #bf0101;
}
/* ----- ---- --- -- -  Light Blue - -- --- ---- ----- */
.fancy-button.light_blue{
	background: #ace5e5;
	background: -webkit-gradient(linear, left top, left bottom, from(#ace5e5), to(#99cccc));
	background: -moz-linear-gradient(top, #ace5e5, #99cccc);
	border-color: #7cbdd5;
	color: #444;
	text-shadow: 0 1px 0 #b6e6f9;   
}
.fancy-button.light_blue:hover, .fancy-button.light_blue:focus{
	background: #85d6f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#b1e9fd), to(#66c6ea));
	background: -moz-linear-gradient(top, #b1e9fd, #66c6ea);
	border-color: #66a8bf;
}
.fancy-button.light_blue:active{
	background: #ace5e5;
	border-color: #66a8bf;
}
/* ----- ---- --- -- -  Blue - -- --- ---- ----- */
.fancy-button.blue{
	background: #00aeef;
	background: -webkit-gradient(linear, left top, left bottom, from(#00aeef), to(#2a6ab3));
	background: -moz-linear-gradient(top, #00aeef, #2a6ab3);
	border-color: #4081af #2e69a3 #20559a;
	color: #000;
	text-shadow: 0 1px 1px #4081af;
}
.fancy-button.blue:hover, .fancy-button.blue:focus{
	background: #206bcb;
	background: -webkit-gradient(linear, left top, left bottom, from(#3e9ee5), to(#206bcb));
	background: -moz-linear-gradient(top, #3e9ee5, #206bcb);
	border-color: #2a73a6 #165899 #07428f;
}
.fancy-button.blue:active{
	background: #3282d3;
	border-color: #154c8c #154c8c #0e408e;
	text-shadow: 0 -1px 1px #1d62ab;
}
/* ----- ---- --- -- -  Orange - -- --- ---- ----- */

.fancy-button.orange{
	background: #4B99CC;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7941d), to(#ed6214));
	background: -moz-linear-gradient(top, #f7941d, #ed6214);
	border-color: #e6791c #e6791c #d86f15;
	color: #fff;
	text-shadow: 0 1px 1px #2D5C7A;
}
.fancy-button.orange:hover, .fancy-button.orange:focus{
	background: #4B99CC;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffbb33), to(#eb7b1a));
	background: -moz-linear-gradient(top, #ffbb33, #eb7b1a);
	border-color: #d0680c;   
}
.fancy-button.orange:active{
	background: #2D5C7A;
	border-color: #d0680c;
}

/*-------------------------------------------------------------------------------------------------*/
				/*-----BUTON ENDS-------------*/
/*-------------------------------------------------------------------------------------------------*/
