@charset "UTF-8";
body { background:url(img/bg.jpg) repeat-x #cadfea; font-size:62.5%; color:#000; margin:0px; font-family: 'Open Sans', sans-serif;}
html {height: 101%;}
header,nav,footer { display:block; }
h1,h2,h3,h4,h5 { margin:0px; padding:0px; color:#295078; }
ul { margin:0px; padding:0px; }
a { text-decoration:none; color:#295078; }
a img { border:none; }
.align-right { float:right; margin: 0 0 4px 4px; }
.wrap { width:960px; margin:0px auto; }
header { width:960px; height:150px; }
header a h1.logo { background:url(img/cvstore1.png) no-repeat; background-position: 0px 40px; width:269px; height:150px; float:left; position:relative; text-indent:-9999px; }
header nav { float:left; margin-left:30px; width:634px; height:50px; margin-top:55px; }
header nav ul { float:right; font-size:1.5em; }
header nav li { display:inline; }
header nav a { padding:5px 0px 6px 11px; position:relative; margin-left:20px; }
header nav a:hover { background:url(img/nav-hover.png) no-repeat; }
header nav a:hover span { background:url(img/nav-hover-span.png) no-repeat; position:absolute; right:-11px; top:0px; width:11px; height:28px; }
#main { width:960px; line-height: 1.6;}
#main .left a { color:#FFFFFF; }
#main .left a:hover {text-decoration:underline;}
#main .left { width:276px;  float:left; background:url(img/left-bg.png) repeat-y; position:relative; margin-right:-4px; margin-top:5px; }
#main .left .top { background:url(img/left-top.png) no-repeat; width:276px; height:15px; position:absolute; top:-15px; left:-1px; }
#main .left .bottom { background:url(img/left-bottom.png) no-repeat; width:276px; height:15px; position:absolute; bottom:-15px; left:-1px; }
#main .left a.evaluation { text-decoration:none; background:url(img/button-one.jpg) no-repeat; width:225px; height:53px; display:block; margin-left:10px; padding:20px; }
#main .left a.test { text-decoration:none; background:url(img/button-two.jpg) no-repeat; width:195px; height:78px; display:block; margin-left:10px; padding:20px 50px 20px 20px;}
#main .left span { color:#FF0000; }
#main .left h3 { color:#042336; font-size:1.5em; margin-bottom:5px; }
#main .left p { color:#fff; font-size:1.5em; margin:0px; padding:1px 0px; }
#main .left a.evaluation:hover p, #main .left a.test:hover p { color:#59c0ff; }
#main .left h4 { background:#326191; width:214px; display:block; color:#fff; font-size:1.5em; padding:10px 30px; margin-left:2px; margin-top:15px; }
#main .left ul  { padding:0px 30px; list-style-type:none; font-size:1.5em; color:#fff; margin-top:10px;}
#main .left li { margin-bottom:2px; }
#main .right { width:647px; min-height:760px; float:left; background:url(img/right-bg.png) repeat-y; position:relative; margin-top:-20px; padding:0px 15px; }
#main .right .top { width:677px; height:15px; background:url(img/right-top.png) no-repeat; position:absolute; top:-15px; left:0px; }
#main .right .bottom { width:677px; height:15px; background:url(img/right-bottom.png) no-repeat; position:absolute; bottom:-15px; left:0px; }
#main .right .video { width:416px; float:left; height:240px; }
#main .right .intro { width:221px; height:220px; border-bottom:1px solid #e4e4e4; float:right; text-align:center; padding-top:15px;  }
#main .right .intro h1 { font-size:1.7em; font-weight:normal; }
#main .right .intro p { font-size:1.2em; color:#414141; line-height:1.8em; }
#main .right .intro .button { background:url(img/intro-button.jpg) no-repeat; width:196px; height:55px; margin:0px auto; margin-top:15px; }
#main .right .intro .button p { color:#fff; width:150px; margin-left:20px; padding-top:7px;  }
#main .right .text { width:627px; margin-top:20px; margin-left:10px; border-bottom:1px solid #e4e4e4; padding-bottom:20px; }
#main .right h2 { font-size:1.3em; margin-top:20px; }
#main .right .text p { font-size:1.4em; line-height:1.8em; margin-top:0px; padding-top:0px; }
#main .right .text ul { font-size:1.4em; margin: 0 0 10px 20px; line-height:130%; list-style-type: bullet; }
#main .right .text li { margin-bottom:5px; }
#main .right .text h1 { font-size:2em}
#main .right .text h2 { font-size:1.6em}
#main .right .text h3 { font-size:1.4em}
#main .right .pay2 { background:url(img/pay.jpg) no-repeat; width:386px; height:85px; float:right; margin-top:20px; margin-top:-85px; }
#main .right .pay { background:url(img/james2.gif) no-repeat; width:399px; height:198px; float:right; margin-top:-105px; }
#main .right .pay3 { background:url(img/james2.gif) no-repeat; width:399px; height:198px; float:right; margin-top:-155px; }
#main .right a.critique { background:url(img/critique.jpg)!important; width:141px; height:40px; background:0px 0px; display:block; margin-top:20px; margin-left:30px; }
#main .right a.critique:hover { background:url(img/critique.jpg) 0px 40px!important;}
#main .right a.services { background:url(img/services.jpg) no-repeat!important; width:141px; height:40px; background:0px 0px; display:block;  margin-left:30px; margin-top:5px;   }
#main .right a.services:hover { background:url(img/services.jpg) 0px 40px!important;}
footer { width:950px; text-align:right; padding-top:20px; height:100px; display:block; padding-right:10px;}
footer p { font-size:1.2em; color:#112b45; margin-right:10px; }
footer p a { color:#112b45; }
footer p a:hover { text-decoration:underline; }
footer ul { list-style-type:none; }
footer li { display:inline; padding-left:10px; font-size:1.2em; }
footer li a { border-right:1px solid #2d5884; color:#2d5884; padding-right:10px; }
footer li a.no-border { border:none; }
.clear { clear:both; }
#services { background:#ebebeb; padding-top:5px; }
#quote2 { background:#cadfea; padding-top:5px; padding-left:20px;padding-right:5px;}

#main .right a.reviewbutton { background:url(img/critique-blue.png)!important; width:147px; height:47px; background:0px 0px; display:block; margin-top:20px; margin-left:30px; }
#main .right a.examplebutton { background:url(img/cv-samples.png) no-repeat!important; width:147px; height:47px; background:0px 0px; display:block;  margin-left:30px; margin-top:5px;   }
#main .right a.orderbutton { background:url(img/order-cv.png) no-repeat!important; width:147px; height:47px; background:0px 0px; display:block;  margin-left:30px; margin-top:5px;   }
#rightcolpayment{ width:130px; float:right; }
#main .right .post p {font-size:15px; line-height:22px;}
#main .right .post ul {font-size:15px; line-height:20px; margin: 0 0 10px 20px;}
#main .right .post h2 { font-size:22px}
#main .right .slide h2 { font-size:22px}
table.prices { border-width: 1px; border-color: #999999;border-collapse: collapse;}
table.prices tr {background-color:#ebebeb; }
table.prices td { border-width: 1px;padding: 8px;border-style: solid; border-color: #bdcdda; font-size:1.4em;}
table.prices td2 { border-width: 1px; padding: 8px; border-style: solid; border-color: #bdcdda; font-size:1.4em;}
#main .right .text2 p { font-size:1.4em; line-height:1.5em; margin-top:0px; padding-top:0px; }
#main .right .text2 h2 { font-size:1.8em; margin-top:20px; }
#search {text-align:center;}

.faqsection {
	margin: 10px 0;
}

div.faq {
	margin: 10px 0 0 10px;
}

div.faq .question {
	color: #2763A5;
    font-size:1.4em;
	cursor:  pointer;
	padding-left: 10px;
	background: url(raquo.gif) no-repeat left 5px;
}

div.faq .question.active {
	background-image: url(raquo-down.gif);
}

div.faq .answer  {
	margin-left: 10px;	
}

div.faq ul,
div.faq ol {
	margin: 0 0 10px 20px;}
    

    .align-right { float:right;  }
 
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:696px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:80px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */
#slider {

     border-width: 2px; border-style: solid; border-color: #bdcdda;

 
}



	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
       
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:626px;
		height:241px;
		overflow:hidden; 
        padding-left:4px;
        padding-right:3px;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

  
    
	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#ebebeb;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#295078;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

  #footer2-inside {
  color:#fff;
	clear: both;width: 960px;
	margin: 0 auto;
    
}
#footer2 { background-color: #326191; clear: both; border-top: 3px solid #ddd; padding: 10px 0 20px 0; }

#footer2, #footer2 a { color: #fff; 
clear: both;
}

 #footercols {
    width: 960px;
    overflow: hidden;
    display: block;
font-size:1.2em; 
line-height:1.6em; 
}

#footercols .col {
    margin-right: 30px;
    width: 300px;
    float: left;
}

#footercols .col ul li {
    color: #fff
    
}

#footercols .col ul li a {
    color: #fff;
    font-size: 13px;
    padding: 3px 0;
    display: block;
}

#footercols .col h4 {
    font-size: 18px;
    border-bottom: 1px dotted #d8e6bf; color:#fff;
    padding-bottom: 10px;
}

#footercols .col3 {
    margin-right: 0
}

.share{
border:2px solid #fff;
position:fixed;
background:#cadfea; 
width: 65px; 
 left: 0; margin: 0 0px 0 20px; 
top: 100px; }
.share1{
	padding: 5px;
	border-bottom: 1px solid #cadfea;
}

.share2{
border:2px solid #fff;
background:#cadfea; 
width: 65px; 
 }
.share22{
	padding: 5px;
	border-bottom: 1px solid #cadfea;
}



   /* custom player skin */
   
      .flowplayer { background-image: url(/img/vid-new.PNG)}
   .flowplayer { width: 80%; background-color: #222; background-size: cover; max-width: 800px; }
   .flowplayer .fp-controls { background-color: rgba(17, 17, 17, 1)}
   .flowplayer .fp-timeline { background-color: rgba(204, 204, 204, 1)}
   .flowplayer .fp-progress { background-color: rgba(0, 167, 200, 1)}
   .flowplayer .fp-buffer { background-color: rgba(249, 249, 249, 1)}
  
.ts-fab-text {
font-size:1.4em;
	}

#menu {
 margin-left:40px;  margin-top:55px; 
	font-size: 14px;
    font-weight:bold;
	background-color: cadfea;
	width: 900px;
	height: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 0 20px;
	display: block;
	line-height: 1;
}
#menu h1, #menu ul, #menu p, #menu img {
	margin: 0;
	padding: 0;
	border: 0;
}
#menu h1 {
	font-weight: normal;
}
#menu ul {
	list-style: none;
}
#menu a {
	text-decoration: none;
	color: #295078;
}
#menu .menu-label {
	
}
	/* Top buttons */
	#menu .menu-top > li {
		float: left;
		position: relative;
		text-align: center;
		-webkit-transition: background-color 0.2s;
		-moz-transition: background-color 0.2s;
		-ms-transition: background-color 0.2s;
		-o-transition: background-color 0.2s;
		transition: background-color 0.2s;
	}
	#menu .menu-top > li:hover {
		background-color: #cadfea;
		-webkit-transition: background-color 0.2s;
		-moz-transition: background-color 0.2s;
		-ms-transition: background-color 0.2s;
		-o-transition: background-color 0.2s;
		transition: background-color 0.2s;
	}
	#menu .menu-top .menu-right {
		float: right;
	}
	#menu .menu-button {
		display: block;
		line-height: 40px;
		padding: 0 23px;
		color: #295078;
		-webkit-transition: color 0.2s;
		-moz-transition: color 0.2s;
		-ms-transition: color 0.2s;
		-o-transition: color 0.2s;
		transition: color 0.2s;
	}
	#menu li:hover .menu-button {
		color: #326191;
		-webkit-transition: color 0.2s;
		-moz-transition: color 0.2s;
		-ms-transition: color 0.2s;
		-o-transition: color 0.2s;
		transition: color 0.2s;
	}
	#menu .menu-drop {
		padding-right: 15px;
	}
	#menu .menu-drop .menu-label {
		padding-right: 20px;
		background: url("/modern-menu/images/drop1.png") no-repeat right;
		-webkit-transition: background 0.2s;
		-moz-transition: background 0.2s;
		-ms-transition: background 0.2s;
		-o-transition: background 0.2s;
		transition: background 0.2s;
	}
	#menu li:hover .menu-drop .menu-label {
		background: url("/modern-menu/images/drop2.png") no-repeat right;
		-webkit-transition: background 0.2s;
		-moz-transition: background 0.2s;
		-ms-transition: background 0.2s;
		-o-transition: background 0.2s;
		transition: background 0.2s;
	}
	
	/* Dropdown */
	#menu .menu-dropdown {
		text-align: left;
		background-color: #cadfea;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		-ms-border-radius: 0 0 5px 5px;
		-o-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		position: absolute;
		left: -5000px;
		opacity: 0;
		z-index: 100;
	}
	#menu li:hover .menu-dropdown {
		left: 0;
		opacity: 1;
		-webkit-transition: opacity 0.2s;
		-moz-transition: opacity 0.2s;
		-ms-transition: opacity 0.2s;
		-o-transition: opacity 0.2s;
		transition: opacity 0.2s;
	}
	#menu .menu-right:hover .menu-dropdown {
		left: auto;
		right: 0;
	}
	#menu .menu-sub {
		margin: 5px 0;
	}
	
		/* Dropdown content */
		#menu .menu-sub li {
			white-space: nowrap;
			-webkit-transition: background-color 0.1s;
			-moz-transition: background-color 0.1s;
			-ms-transition: background-color 0.1s;
			-o-transition: background-color 0.1s;
			transition: background-color 0.1s;
		}
		#menu .menu-sub li:hover {
			background: #fafafa url("images/select.png") no-repeat 10px;
			-webkit-transition: background-color 0.2s;
			-moz-transition: background-color 0.2s;
			-ms-transition: background-color 0.2s;
			-o-transition: background-color 0.2s;
			transition: background-color 0.2s;
		}
		#menu .menu-subbutton {
			display: block;
			padding: 7px 20px;
			line-height: 1.3;
			color: #326191;
			-webkit-transition: color 0.2s;
			-moz-transition: color 0.2s;
			-ms-transition: color 0.2s;
			-o-transition: color 0.2s;
			transition: color 0.2s;
		}
		#menu .menu-sub li:hover .menu-subbutton {
			color: #5f5f5f;
			-webkit-transition: color 0.2s;
			-moz-transition: color 0.2s;
			-ms-transition: color 0.2s;
			-o-transition: color 0.2s;
			transition: color 0.2s;
		}
		#menu .menu-desc {
			font-style: italic;
			color: #eaeaea;
			-webkit-transition: color 0.2s;
			-moz-transition: color 0.2s;
			-ms-transition: color 0.2s;
			-o-transition: color 0.2s;
			transition: color 0.2s;
		}
		#menu .menu-sub li:hover .menu-desc {
			color: #707070;
			-webkit-transition: color 0.2s;
			-moz-transition: color 0.2s;
			-ms-transition: color 0.2s;
			-o-transition: color 0.2s;
			transition: color 0.2s;
		}
		#menu .menu-row {
			vertical-align: text-top;
			display: inline-block;
			zoom: 1;
			*display: inline;
		}
		#menu .menu-row .menu-sub {
			margin: 0;
		}
		#menu h1 {
			font-size: 2em;
			color: #f0f0f0;
		}
		#menu p {
			color: #f0f0f0;
		}
		#menu .emp {
			font-weight: bold;
		}
		#menu .quote {
			font-style: italic;
		}
		
		/* Dropdown 3 */
		#menu .menu-dropdown3 {
			padding-top: 5px;
			white-space: nowrap;
		}
		#menu .menu-dropdown3 h1 {
			margin: 0 0 5px 20px;
		}
		#menu .menu-dropdown3 .menu-row {
			border-right: 1px dotted #707070;
			margin: 5px 0;
		}
		#menu .menu-dropdown3 .menu-row:last-child {
			border-right: none;
		}
		
		/* Dropdown 4 */
		#menu .menu-dropdown4 {
			padding-top: 5px;
			white-space: nowrap;
		}
		#menu .menu-dropdown4 h1 {
			margin: 0 0 5px 20px;
		}
		#menu .menu-dropdown4 .menu-row div {
			border-right: 1px dotted #707070;
			margin: 5px 0 10px 0;
		}
		#menu .menu-dropdown4 .menu-row:last-child div {
			border-right: none;
		}
		#menu .menu-dropdown4 .menu-row div:last-child {
			margin-bottom: 5px;
		}
		
		/* Dropdown 6 */
		#menu .menu-dropdown6 img {
			margin-right: 5px;
			vertical-align: middle;
		}
		#menu .menu-dropdown6 .menu-label {
			vertical-align: middle;
		}
		#menu .menu-dropdown6 .menu-subbutton {
			padding: 5px 20px;
		}
		
		/* Dropdown 7 */
		#menu .menu-dropdown7 {
			padding: 10px;
			width: 210px;
		}
		#menu .menu-dropdown7 p {
			margin-top: 7px;
		}
		#menu .menu-dropdown7 h1 {
			color: #f0f0f0;
			padding-bottom: 3px;
			border-bottom: 1px solid #e0e0e0;
		}


#evaluation { background:url(img/button-one.jpg) no-repeat; width:225px; height:53px; display:block; margin-left:10px; padding:20px; }
#test { text-decoration:none; background:url(img/button-two.jpg) no-repeat; width:195px; height:78px; display:block; margin-left:10px; padding:20px 50px 20px 20px;}

.quote {
    position:relative;
    font-size: 14px;
    width:600px;
    padding:15px 25px 20px;
    margin:20px auto;
      color:#fff;
    background:#326191;
}

.quote:after {
    content:"";
    position:absolute;
    top:100%;
    right:25px;
    border-width:30px 30px 0 0;
    border-style:solid;
    border-color:#326191 transparent;
    /* css3 extras */
    -webkit-transform:skewX(-15deg);
       -moz-transform:skewX(-15deg);
        -ms-transform:skewX(-15deg);
         -o-transform:skewX(-15deg);
            transform:skewX(-15deg);
}

#main .right p.price {
     color: #FF0000;
      font-size: 24px;
}





#main .right strong {
     color: #FF0000;
}

img.alignright, div.alignright {
	float: right;
	margin: 0 18px 2px 18px; }

    img.alignleft, div.alignleft {
                    float: left;
                           margin: 0 18px 2px 0px; } }
