@charset "utf-8";
@import "smoothDivScroll.css";
@import url(http://fonts.googleapis.com/css?family=Bilbo+Swash+Caps);
@import url(http://fonts.googleapis.com/css?family=Quintessential);
@import url(http://fonts.googleapis.com/css?family=Voltaire);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web);
@import url(http://fonts.googleapis.com/css?family=Advent+Pro:400,700);

body {
	background-image: url(../images/bg.jpg);

background-attachment: fixed;

	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin:0;
}

h1 {
	font-size: 32px;
	font-weight:700;
	font-family: 'Advent Pro', sans-serif;
	color:#FFF;    
	padding-bottom: 10px;
	text-decoration: none;
}

h3 {
	font-size: 22px;
	text-decoration: underline;	
	font-family: 'Advent Pro', sans-serif;
	color:#036;
}
p {
	margin         : 0;
	padding-bottom : 10px;
color:#FFF;
       font-family: 'Titillium Web', sans-serif;
        font-size      : 20px;
	
        
}
td {
        font-family: 'Titillium Web', sans-serif;
        font-size      : 16px;
        
}
li {
        font-family    : "Myriad Pro";
        font-size      : 18px;
        
}
input {
	border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 15px;
    background: rgba(255,255,255,0.3);
    margin: 0 0 10px 0;
	          color: #FFF;
	font-family    : "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size      : 14px;
	
}
textarea {
border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 15px;
    background: rgba(255,255,255,0.3);
    margin: 0 0 10px 0;
	          color: #FFF;
	font-family    : "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size      : 14px;
}
select {
	background-color: #FFFF66;
	color: #000;
	font-family    : "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size      : 13px;
}

img {
	border: 0;
}

.highlight {
	color: #00AFEF;
	font-size: 14px;
	text-decoration: underline;
	text-align: justify;
}
#main_wrapper {
	
    width:100%;
	min-height: 800px;
	margin:0;
	
}
#header_wrapper {
	height: 350px;
	width: 100%;
	/*z-index: 2;
	position: relative;*/
}
#header {
	height: 350px;
	width: 100%;
	background-image: url(../images/logo.png);
	background-repeat:no-repeat;
	background-position:center;
}
#header_left {
	background-image: url(../images/header_02.png);
	margin: 0;
	height: 390px;
	width: 998px;
	
}
#header_right {
	background-image: url(../images/header_02.png);
	background-repeat: no-repeat;
	margin: 0;
	height: 350px;
	width: 574px;
	float: right;
}
#logo {
	height: 295px;
	width: 306px;
	padding-top: 58px;
	padding-right: 14px;
	padding-bottom: 58px;
	padding-left: 100px;
}
#middle_wrapper {
	width: 100%;
}
#middle {
	
	border-style:solid;
	border:thin;
	border-color:#000;
	border-color:#000000;
	float:inherit;
	width: 500px;
	height:400px;
	background-image: url(../images/packagebar.png);
	font-family   : "Myriad Pro";
        font-size      : 15px;
	margin-right:  80px;

	
	/*z-index: -1;
	position: relative;*/
}
#middle_top {
	width: 100%;
	float: left;
}
#middle_bottom {
	width: 100%;
	float: left;	
	padding-top:30px;
}
#left {
	

	
	width: 200px;
	height:400px;
	float: left;
	
	font-family   : "Myriad Pro";
        font-size      : 15px;
	

}
#admin_left {
	border-style:solid;
	border:thin;
	border-color:#000;
	border-color:#000000;
	margin-left: 80px;
	width: 500px;
	height:400px;
	float: left;
	background-image: url(../images/adminbar.png);
	font-family   : "Myriad Pro";
        font-size      : 15px;
	

}
#right {
	width: 200px;
	height:400px;
	float: right;
	
	font-family   : "Myriad Pro";
        font-size      : 15px;
}

#admin_right {
border-style:solid;
	border:thin;
	border-color:#000;
	border-color:#000000;
	
	width: 500px;
	height:400px;
	float: right;
	background-image: url(../images/adminbar.png);
	font-family   : "Myriad Pro";
        font-size      : 15px;
	margin-right:  80px;
	
}

.admin_left{

	
	font-family   : "Myriad Pro";
}

#far_right {
	margin-top: 40px;
	/*	margin-left: 20px;*/
	width: 170px;
	float: right;
	color: #FFF;
	padding: 0;
}
#left_bottom {
	margin-top: 5px;
	margin-left: 10px;
	width: 170px;
	float: left;
	color: #FFF;
	padding: 0 5px;
}
#right_bottom {
	margin-top: 6px;
	padding-top: 5px;
	width: 560px;
	height: 77px;
	float: left;
	margin-left: 150px;
	margin-right: 17px;
	
}
#far_right_bottom {
	width: 160px;
	float: right;
	color: #FFF;
	padding: 0 5px;
}
#content_wrapper {

	width: 95%;
	vertical-align:middle;
}
#content_top {
   background-image: url(../images/menu-bar.png);
	background-repeat:repeat-x;
	min-height: 117px;
	max-height:117px;
	padding-top:23px;
	position: relative;
}
#content_top2 {
    background-image: url(../images/contentbgtop.png);
	background-repeat: no-repeat;
	height: 31px;
	width: 1300px;
	
}
#content_bottom {
	
	background-repeat: no-repeat;
	height: 60px;
	width: 605px;
	padding: ;
}
#content {
	/*background-image: url(../images/contentbg.png);*/
	background:rgba(0,51,102,0.6);
	width: 97%;
	min-height: 800px;
	text-align: justify;
	font-family:"Myriad Pro";
	font-size:20px;
	color:#FFFFFF;
	border:2px solid;
    border-radius:25px;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
padding:1%;
}
#content2 {
	background-image: url(../images/contentbg.png);
	max-width:1300px;
	min-width:1300px;
	
	min-height: 1200px;
	text-align: justify;
	font-family:"Myriad Pro";
	font-size:20px;
}

#content3 {
	background-image: url(../images/contentbg3.png);
	width: 1300px;
	min-height: 370px;
	text-align: justify;
	font-family:"Myriad Pro";
	font-size:20px;
}

#content4 {
	background-image: url(../images/contentbg.png);
	width:1300px;
	min-height: 800px;
	text-align: justify;
	font-family:"Myriad Pro";
	font-size:20px;
}

#content5 {
	background-image: url(../images/contentbg.png);
	max-width:1300px;
	padding-left:420px;
	padding-right:350px;
	
	min-height: 600px;
	text-align: justify;
	font-family:"Myriad Pro";
	font-size:20px;
}


#content_facebook {
	background-color: #FFF;
	width: 590px;
	padding: 0 6px;
	
}

#menu {
	width: 155px;
	padding-left: 5px;
}
#menu ul{
	list-style: none;
	padding: 0;
	color: #000;
	text-align: right;
	font-family: Palatino;
	font-size: 13px;
}
#far_right ul.drawers{
	color: #FFF;
	width: 160px;
	list-style: none;
	padding: 0;
	text-align: left;
	font-family: Palatino;
	font-size: 13px;
}
#far_right ul.drawers a{
/*	text-decoration: underline;*/
	color: #FFF;
}
#far_right h1{
/*	text-decoration: underline;*/
	color: #FFF;
	padding-bottom: 0;
}
#far_right ul.drawers a:hover{
	text-decoration: none;
	color: #00AFEF;
	font-size: 13px;
}
#far_right ul li.drawers{
	line-height: 1.2em;
	padding-top: 4px;
}
#menu li{
	background: url(../images/button.png);
	width: 142px;
	height: 33px;
	margin-bottom: 4px;
	line-height: normal;
	padding-right: 7px;
	position: relative;
	display: block;
	font-size: 13px;
	text-align: center;
}

#menu li a:active{
	color: #FFF;
	font-family: Palatino;
	font-size: 13px;
	text-align: center;
}
#menu li a:hover{
	color: #FFF;
	font-size: 13px;
	text-align: center;
}
#menu li a{
	color: #000;
	display: block;
}

#makeMeScrollable{
		width:100%;
		height: 72px;
		position: relative;
                href : client_profile.html;
}
				
				/* Replace the last selector for the type of element you have in
				   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
				   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
#makeMeScrollable div.scrollableArea img{
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
					/* If you don't want the images in the scroller to be selectable, try the following
					   block of code. It's just a nice feature that prevent the images from
					   accidentally becoming selected/inverted when the user interacts with the scroller. */
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;
}
#makeMeScrollable div.scrollableArea a{
	display: block;
	float: left;
	padding-left: 10px;
        href : client_profile.html;
}

#lipsum {
	text-align: justify;	
}.comp_name {
	font-size: 16px;
}
.highlight2 {
	font-size: 24px;
	color: #00AFEF;
}
.Download {
	font-size: 14px;
	text-decoration: none;
}
.highlight3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00AFEF;
	text-align: center;
	text-decoration: underline;
}
.content2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	text-align: center;
}
#top_info {
	width: 100%;


/* Blocks */
}

.feature {
	display:inline-block;

	
 
		
}
 
div.feature a {
 
    width: 300px;
    height: 200px;
    text-decoration: none; /* No underlines on the link */
	background: url(../images/weboff.png);
	 z-index: 10;
	

	 }

div.feature a:hover {
    width: 300px;
    height: 200px;
    text-decoration: none; /* No underlines on the link */
	background: url(../images/webon.png);
	 z-index: 10;
   
	  
	 
	  
	  	  
}

div.feature2 {
   position:relative;
	

	
}
 
div.feature2 a {
 width: 300px;
    height: 200px;
    text-decoration: none; /* No underlines on the link */
	background: url(../images/graphicoff.png);
	 z-index: 10;
	 margin-right:10px;
	 display:inline;
	 


	 }

div.feature2 a:hover {
	
    text-decoration: none; /* No underlines on the link */
	background: url(../images/graphicon.png);
	 z-index: 10;

	  display:block;
	   
	

  
}

.new-ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.box2 {
  display: inline-block;
  background: url(../images/box-off.png);
  width: 300px;
  height: 200px;
}

.box2:hover {
	 background: url(../images/box-on.png);
	width: 300px;
  height: 200px;
  z-index: 10;
  cursor:pointer;}
  
.sub-heading {text-decoration:underline;
font-size:26px;
text-align:center;
}

.pricing{font-size:22px;
font-weight:bold;
}

.description{font-size:16px;}

hr{
     height: 15px;
  background:url(../images/div.png) repeat-x scroll center;
  border:none;
}

#contact-left{float:left;
width:45%;
}

#contact-right{float:right;
width:45%;
}

.graphic-links{text-align:center;}

.graphic-heading{font-size:24px;
}

#graphic-container{padding:20px;
width:70%;}

th{background:rgba(0,51,51,0.8);}

th:hover{background:rgba(153,51,0,1);}

.graphic-td-price{background:rgba(255,255,255,0.8);
color:#000;
font-weight:bold;
font-size:18px;}

.graphic-td-rest{background:rgba(255,255,255,0.8);
color:#000;
font-size:16px;}

.graphic-td-rest:hover{background:#CCC;}
.graphic-td-price:hover{background:#CCC;}

#social-right{float:right;
padding:10px;}
#header-top{height:70px;
width:100%;}