/*
[1] reset
[2] generics
[3] typography
[4] header
[5]	navigation
[6] main content/columns
[7] footer
[8] links lists
[9] block elements
[10] inline elements
[11] buttons
[12] forms tables

*/

/*
COLORS
===============
BLUE: 0168a3
MEDIUM GREY: bbbdbe
LIGHT GREY: fafafa

Home: 369
About: c60
Buy a CV: 609
Refer Friend: 660
Feedback: 900
Legal: 366
*/


/*
[1] RESET
This defaults elements so they appear the same across browsers
http://meyerweb.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;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.png-fix { behavior: url(iepngfix.htc) }



/*
====================
*/

/*
[2] WRAPPERS
*/
body {
	background-color:#bebfc1;
	font-family:arial, helvetica, verdana, sans-serif;
	color:#333;
	background-image:url(../images/body-bg.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
}

#page-wrapper,
#page-wrapper-bot{
	margin:35px auto 0 auto;
	width:860px;
	background-image:url(../images/shadow-bg.png);
	background-repeat:repeat-y;
	background-position:50% 0;
	position:relative;
}

#page-wrapper-bot{
	background-image:url(../images/shadow-bot.png);
	height:5px;
	background-position:50% bottom;
	margin-top:0;
	font-size:0;
	overflow:hidden;
	line-height:0;
}

#page-border{
	float:left;
	margin:2px 0 2px 9px;
	width:842px;
	background-color:#eee;
	background-image:url(../images/doors-bg.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	display:inline;
}



/*
====================
*/

/*
[3] TYPOGRAPHY
*/

h1,h2,h3,h4,h5 {
	color:#0168a3;
	font-weight:normal;
	margin-bottom:5px;
	font-weight:bold;
	line-height:1.2em;
}

h1 {
	font-size:138.5%;
	margin-bottom:15px;	
} 

h1 .sub-head{
	font-weight:normal;
	font-size:80%;
}



/*renders 18px */ 
h2 {
	font-size:108%;
	font-weight:normal;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #0168a3;
} 
/*renders 16px */ 
h3{
	font-size:100%;	
} 


/*renders 14px */ 
h4 {
	font-size:100%;
	color:#000;
	font-weight:bold;
} 
/*renders 13px */  
h5 {
	font-size:93%;
	color:#000;
	font-weight:bold;
} 
/*renders 13px */  
p, ul,ol, table  {
	font-size:80%;
}

p, table p, ul, ol{
	margin-bottom:15px;
	line-height:1.4;
}

table p{
	font-size:100%;
}

p.small {
	font-size:72.5%;
	margin-bottom:0;
}

li{
	padding:3px 0;
}



/*
[4] HEADER
*/

#header{
	height:103px;
	background-color:#fff;
}

#logo{
	float:left;
	width:280px;
	height:103px;
}

#contact{
	float:right;
	padding:10px 10px 0 0;
}

#contact a,
#contact a:visited{
	background-image:url(../images/icons.png);
	background-repeat:no-repeat;
	background-position: 0 -291px;
	display:block;	
	padding:10px 8px 10px 35px;
	text-decoration:none;
	font-weight:bold;
	color:#555;
}

#contact a:hover,
#contact a:active,
#contact a:focus{
	color:#000;
	text-decoration:none;
	border-bottom:0 none;
}

/*
[5] NAVIGATION
*/

#navigation{
	background-color:#bbbdbe;
	width:842px;
	float:left;
	font-size:18px;
	background-image:url(../images/nav-bg);
	background-repeat:repeat-x;
	background-position:0 0;
	border-bottom:2px solid #fff;
}

#navigation ul {
	margin-left:90px;
	margin-bottom:0;
}

#navigation ul li{
	float:left;
	display:block;
	padding:0;

}

#navigation ul li.first {
	border-left:2px solid #fff;
}

#navigation li a,
#navigation li a:visited,
#navigation li a#home,
#navigation li a#home:visited,
#navigation li a#about,
#navigation li a#about:visited,
#navigation li a#refer,
#navigation li a#refer:visited,
#navigation li a#feedback,
#navigation li a#feedback:visited,
#navigation li a#legal,
#navigation li a#legal:visited,
#navigation li a#buycv,
#navigation li a#buycv:visited{
	color:#fff;
	text-decoration:none;
	display:block;
	background-color:#369;
	background-image:url(../images/tab-end.gif);
	background-repeat:no-repeat;
	background-position:right 50%;
	border-right:2px solid #fff;
	
}

#navigation li a#about,
#navigation li a#about:visited{
	background-color:#c60;
}
#navigation li a#refer,
#navigation li a#refer:visited{
	background-color:#660;
}
#navigation li a#feedback,
#navigation li a#feedback:visited{
	background-color:#900;
}
#navigation li a#legal,
#navigation li a#legal:visited{
	background-color:#366;
}
#navigation li a#buycv,
#navigation li a#buycv:visited{
	background-color:#609;
}


#navigation li a#home span,
#navigation li a#home:visited span,
#navigation li a#about span,
#navigation li a#about:visited span,
#navigation li a#refer span,
#navigation li a#refer:visited span,
#navigation li a#feedback span,
#navigation li a#feedback:visited span,
#navigation li a#legal span,
#navigation li a#legal:visited span,
#navigation li a#buycv span,
#navigation li a#buycv:visited span{
	background-image:url(../images/icons.png);
	background-repeat:no-repeat;
	background-position: 4px 6px;	
	display:block;
	padding:10px 14px 10px 35px;
}

#navigation li a#about span,
#navigation li a#about:visited span{
	background-position: 4px -43px;
}

#navigation li a#refer span,
#navigation li a#refer:visited span{
	background-position: 4px -143px;
}

#navigation li a#feedback span,
#navigation li a#feedback:visited span{
	background-position: 4px -192px;
}

#navigation li a#legal span,
#navigation li a#legal:visited span{
	background-position: 4px -243px;
}

#navigation li a#buycv span,
#navigation li a#buycv:visited span{
	background-position: 4px -93px;

}


#navigation li a#home:hover,
#navigation li a#home:focus,
#navigation li a#home:active,
#navigation li a#about:hover,
#navigation li a#about:focus,
#navigation li a#about:active,
#navigation li a#refer:hover,
#navigation li a#refer:focus,
#navigation li a#refer:active,
#navigation li a#feedback:hover,
#navigation li a#feedback:focus,
#navigation li a#feedback:active,
#navigation li a#legal:hover,
#navigation li a#legal:focus,
#navigation li a#legal:active,
#navigation li a#buycv:hover,
#navigation li a#buycv:focus,
#navigation li a#buycv:active{
	background-color:#bbbdbe;
	color:#000;
	text-decoration:none;
	border-bottom:0 none;
}


#navigation li a.selected{
	background-color:#222;
}


/*
====================
*/

/*
[7 A] MAIN CONTENT
*/

#content-wrapper{
	float:left;
	width:842px;
	background-image:url(../images/doors-bg.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}

.content-text{
	float:left;
	margin-left:90px;
	display:inline;
	width:540px;
	background-image:url(../images/content-bg.png);
	background-repeat:repeat-y;
	background-position:0 0;
	padding-bottom:30px;
}

#buy-column{
	position:relative;
	width:842px;

}

#buy-button{
	position:absolute;
	width:152px;
	height:52px;
	background-color:#609;
	right:30px;
	bottom:30px;
	text-indent:-6000px;
}
#buy-button a,
#buy-button a:visited{
	text-decoration:none;
	display:block;
	background-image:url(../images/buy-button.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:152px;
	height:52px;
	text-decoration:none;
	border:0 none;
}

#buy-button h2{
	border:0 none;
	padding:0;
	margin:0;
}

#buy-button a:hover{
	background-position:0 -52px;
	text-decoration:none;
	border:0 none;	
}

ol{
	list-style-type:decimal;
	margin-left:25px;
	padding-left:0;
}


/*
====================
*/

/*
[7 B] RIGHT COLUMN
*/



/*
====================
*/

/*
[8] FOOTER
*/

#footer{
	margin:0 auto;
	width: 810px;
	font-size:80%;
	color:#575757;
	position:relative;
}

#footer ul li{
	float:left;
	display:block;
	padding:0;
	margin:0;
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #575757;
}

#footer ul li.last{
	border:0 none;
}

#footer-left{
	float:left;
	display:inline;
}

#footer-right{
	float:right;
}


#footer a,
#footer a:visited{
	color:#575757;
	text-decoration:none;
}


#footer a.f-home:hover,
#footer a.f-home:focus,
#footer a.f-home:active{
	color:#369;
}
#footer a.f-about:hover,
#footer a.f-about:focus,
#footer a.f-about:active{
	color:#c60;
}
#footer a.f-refer:hover,
#footer a.f-refer:focus,
#footer a.f-refer:active{
	color:#660;
}
#footer a.f-feedback:hover,
#footer a.f-feedback:focus,
#footer a.f-feedback:active{
	color:#900;
}
#footer a.f-legal:hover,
#footer a.f-legal:focus,
#footer a.f-legal:active{
	color:#366;
}

#footer a.f-buy:hover,
#footer a.f-buy:focus,
#footer a.f-buy:active{
	color:#609;
}
#footer a.f-contact:hover,
#footer a.f-contact:focus,
#footer a.f-contact:active{
	color:#000;
}

/*
[10] LINKS LISTS
*/

#home-content a:link,
#home-content a:visited {
	color:#000;	
	border-bottom:1px solid #369;
	text-decoration:none;
}

a:hover,
a:active,
a:focus{
	color:#575757;
	border-bottom:1px solid #000;
}

#content-wrapper a.pointer:link,
#content-wrapper a.pointer:visited {
	background-image:url(../images/link-bg.gif);
	background-position:right 0;
	background-repeat:no-repeat;
	padding:7px 25px 8px 12px;
	border-left:1px solid #ccc;
	text-decoration:none;
	border-bottom:none;
	line-height:15px;

}

#content-wrapper a.pointer:hover,
#content-wrapper a.pointer:focus,
#content-wrapper a.pointer:active{
	background-position:right -40px;
	border-left:1px solid #bbb;
}


li {
	background-image:url(../images/assets/list-pointer.gif);
	background-position:0 7px;
	background-repeat:no-repeat;
	padding:4px 0 4px 12px;
}

/*
====================
*/

.clear-after:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear-after,
.clearfix{
	display:block;
	position:relative;
}

.float-l{
	float:left;
}

.float-r{
	float:right;
}

.std-padding{
	padding:30px;
}
.std-padding-h{
	padding:30px 30px 0 30px;
}

.std-margin{
	margin:20px;
}

.std-margin-v{
	margin:30px 0 18px 0;
}

.std-margin-h{
	margin:0 30px;
}

.margin-l{
	margin-left:30px;
}

.margin-r{
	margin-right:30px;
}
.margin-t{
	margin-top:30px;
}

.margin-b{
	margin-bottom:30px;
}



/*
====================
*/


/*
[12] INLINE ELEMENTS
*/

strong {
	font-weight:bold;
}

em,cite {

}

select {
	padding:5px;
	border:1px solid #ddcdde;
}

.highlight {
	color:#f60;
}

/*
HOME
*/



#home-content h3 {
	background-image:url(../images/bullets.png);
	background-position:0 2px;
	background-repeat:no-repeat;
	padding-left:20px;
}

.home-door{
	background-image:url(../images/doors-home.jpg);
	background-repeat:no-repeat;
	background-position:right 0;
}

#home-content a:link,
#home-content a:visited {
	color:#000;	
	border-bottom:1px solid #369;
	text-decoration:none;
}

#home-content  a:hover,
a:active,
a:focus{
	color:#369;
	border-bottom:1px solid #000;
}

/*

About
*/

#about-content h1,
#about-content h2{
	color:#c60;
}

#about-content h2{
	border-bottom:1px solid #c60;	
}
#about-content h3 {
	background-image:url(../images/bullets.png);
	background-position:0 -47px;
	background-repeat:no-repeat;
	padding-left:20px;
	color:#c60;
}

.about-door{
	background-image:url(../images/doors-about.jpg);
	background-repeat:no-repeat;
	background-position:right 0;
}

#about-content a:link,
#about-content a:visited {
	color:#000;	
	border-bottom:1px solid #c60;
	text-decoration:none;
}

#about-content  a:hover,
a:active,
a:focus{
	color:#c60;
	border-bottom:1px solid #000;
}

/*
Buy
*/

#buy-content h1{
	color:#609;
}
#buy-content h2{
	color:#609;
	border-bottom:1px solid #609;
}

#buy-content h3 {
	background-image:url(../images/bullets.png);
	background-position:0 -97px;
	background-repeat:no-repeat;
	padding-left:20px;
	color:#609;
}

.buy-door{
	background-image:url(../images/doors-buy.jpg);
	background-repeat:no-repeat;
	background-position:right 0;
}

#buy-content a:link,
#buy-content a:visited {
	color:#000;	
	border-bottom:1px solid #609;
	text-decoration:none;
}

#buy-content  a:hover,
a:active,
a:focus{
	color:#609;
	border-bottom:1px solid #000;
}

.buy-panel,
.buy-panel-top{
	background-image:url(../images/refer-panel.png);
	background-position:-480px bottom;
	background-repeat:no-repeat;
	width:480px;
	float:left;
}

.buy-panel-top{
	background-position:-480px 0;
	height:15px;
	margin-bottom:0;
}


.buy-google{
	padding:10px 20px 20px 20px;
}

h2#no-border{
	padding-bottom:10px;
	font-weight:bold;
	border:0 none;
}

#buy-google form select{
	font-size:13px;
}



table.cv-types{
	width:100%;
	line-height:1.2em;
	margin-bottom:20px;
}

table.cv-types caption{
	padding-bottom:10px;
	font-weight:bold;
	color:#609;
	font-size:138.5%;
	text-align:left;
	display:block;
}

table.cv-types th{
	text-align:left;
	color:#fff;
	background-color:#609;
	padding:10px 0 10px 10px;
}

table.cv-types td{
	padding:10px;
	text-align:left;
	border-top:2px solid #f1dbf1;
	font-weight:bold;
}

table.cv-types td.bordered{
	border-left:1px solid #f6e1f6;
	font-weight:normal;
}
table.cv-types tr.light td{
	background-color:#fff;
}

table.cv-types tr.lighter td{
	background-color:#fcf7fc;
}

#buy-steps{
	position:absolute;
	top:700px;
	right:30px;
	width:152px;
}

/*
Refer
*/

#refer-content h1{
	color:#660;
}

#refer-content h2 {
	color:#660;
	border-bottom:1px solid #660;
}

#refer-content h3{
	background-image:url(../images/bullets.png);
	background-position:0 -148px;
	background-repeat:no-repeat;
	padding-left:20px;
	color:#660;
}

.refer-door{
	background-image:url(../images/doors-refer.jpg);
	background-repeat:no-repeat;
	background-position:right 0;
}

#refer-content a:link,
#refer-content a:visited {
	color:#000;	
	border-bottom:1px solid #660;
	text-decoration:none;
}

#refer-content  a:hover,
a:active,
a:focus{
	color:#660;
	border-bottom:1px solid #000;
}

.refer-panel,
.refer-panel-top{
	background-image:url(../images/refer-panel.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:480px;
	float:left;
}

.refer-panel-top{
	background-position:0 0;
	height:15px;
}



/*

Feedback
*/

#feedback-content h1{
	color:#900;
}
#feedback-content h2 {
	color:#900;
	border-bottom:1px solid #900;
}

#feedback-content h3 {
	background-image:url(../images/bullets.png);
	background-position:0 -199px;
	background-repeat:no-repeat;
	padding-left:20px;
	color:#900;
}

.feedback-door{
	background-image:url(../images/doors-feedback.jpg);
	background-repeat:no-repeat;
	background-position:right 0;
}

#feedback-content a:link,
#feedback-content a:visited {
	color:#000;	
	border-bottom:1px solid #900;
	text-decoration:none;
}

#feedback-content  a:hover,
a:active,
a:focus{
	color:#900;
	border-bottom:1px solid #000;
}

.feedback-panel,
.feedback-panel-last,
.feedback-panel-top{
	background-image:url(../images/refer-panel.png);
	background-position:-960px bottom;
	background-repeat:no-repeat;
	width:480px;
	margin-bottom:20px;
	padding-bottom:50px;
	float:left;
}

.feedback-panel-top{
	background-position:-960px 0;
	height:30px;
	margin-bottom:0;
	padding:0;
}

.feedback-panel-last{
	margin-bottom:0;
}

/*
legal
*/

#legal-content h1,
#legal-content h2{
	color:#366;
}

#legal-content h2{
	border-bottom:1px solid #366;
}

#legal-content h3 {
	background-image:url(../images/bullets.png);
	background-position:0 -249px;
	background-repeat:no-repeat;
	padding-left:20px;
	color:#366;
}

#legal-content h4{
	color:#366;
}

.legal-door{
	background-image:url(../images/doors-legal.jpg);
	background-repeat:no-repeat;
	background-position:right 0;
}

#legal-content a:link,
#legal-content a:visited {
	color:#000;	
	border-bottom:1px solid #366;
	text-decoration:none;
}

#legal-content  a:hover,
a:active,
a:focus{
	color:#c60;
	border-bottom:1px solid #000;
}

#legal-content li{
	list-style-type:circle;
	margin-left:20px;
	padding-left:0;
}

/*
panel padding
*/

.panel-padding{
	padding:13px 30px 15px 20px;
	
}

.normal {
	font-weight:normal;
}