/*	----------------------------------- 
	Ideal Public Css File
	January 2010
	----------------------------------- */ 

*{padding:0;margin:0;}

a img{border:0!important;}

body{
	font-family:Helvetica, Arial, sans-serif;
	font-size:62.5%;
    margin:9px 0;
    color:#666;
    background:url(../img/bg-squares.png) center top repeat;
}
a:active{outline:0;}
div.clearfix{clear:both!important;}

/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid-1 { width:60px; }
.grid-2 { width:140px; }
.grid-3 { width:220px; }
.grid-4 { width:300px; }
.grid-5 { width:380px; }
.grid-6 { width:460px; }
.grid-7 { width:540px; }
.grid-8 { width:620px; }
.grid-9 { width:700px; }
.grid-10 { width:780px; }
.grid-11 { width:860px; }
.grid-12 { width:940px; }

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

/*	----------------------------------- 
	Typography
	----------------------------------- */ 

h1{
	font-size:3.6em;
	letter-spacing:-1px;
	font-weight:normal;
	}
h2{
	font-size:1.8em;
	font-weight:normal;
	}
h3, h4{
	font-size:1.4em;
	}
p{font-size:1.2em;line-height:18px;}
a, a:link, a:visited{color:#0B3C46;}

#wrapper{width:980px;margin:0 auto;}

#logo img{padding:16px 12px;}

/*	----------------------------------- 
	Layout
	----------------------------------- */ 

#header{background:url(../img/bg-header.png) center top repeat-x;}
#footer{clear:both;padding:18px 0;background:url(../img/bg-header.png) center center repeat-x;}
#footer p{color:#eee;font-size:1.1em;line-height:18px;}	

#footer-links{text-align:right!important;color:#eee;}
#footer-links ul{line-height: 18px;float:right;}
#footer-links ul li{display:block;float:left;margin-left:10px;}
#footer-links ul li a{color:#eee;}

#content{background-color:#ffffff!important;}

div.bar{height:20px!important;background-color:#999;clear:both;}
#promotional{width:560px;float:left;}
#introductional{width:420px;float:right;background:url(../img/home-introduction-bg.png) center top repeat-x;}

#page-content{width:620px;padding:20px 20px 20px 20px;float:left;}
#sidebar{width:300px;float:left;padding-top:124px;}

/*	----------------------------------- 
	Menu
	----------------------------------- */ 

#menu {font-size:1.2em;text-align:right;}
#menu ul{overflow:hidden;list-style:none;margin-top:74px;}
#menu ul li{display:inline;margin-left:10px;text-transform:uppercase;}
#menu ul li a{color:#fff;text-decoration:none;}


/*	----------------------------------- 
	Content
	----------------------------------- */ 
#page-content h1{padding:50px 0 18px 0;border-bottom:5px solid #F1A004;margin-bottom:18px;color:#0B3C46;}
#page-content h2{padding:24px 0 9px 0;color:#0B3C46;/*border-top:1px solid #F1A004;*/}
#page-content h3{color:#F1A004;line-height:18px;}
#page-content p, #page-content ul{line-height:18px;margin-bottom:18px;}
#page-content p.intro{font-size:1.6em;line-height:24px;color:#666;}
#page-content ul{font-size:1.2em; margin-left:1em;}
#sidebar p.author{padding:10px 20px;background:url(../img/bg-author.png) left top no-repeat;color:#666;}
#sidebar blockquote{padding:20px;font-size:1.6em;font-family:Georgia;font-style:italic;background-color:#F1A004;color:#fff;line-height:24px;}



.default-color{color:#0B3C46;}

/*	----------------------------------- 
	Panels
	----------------------------------- */ 

.handle{cursor:pointer;}
    

.accordion{color:#fff;;}
.accordion p {font-size:1.2em;margin-bottom:18px;}
.accordion p{font-size:1.4em;line-height:18px;}

.accordion h2{}
.accordion h2 span.pop{display:block;padding:24px 0 24px 0;line-height:24px;}
.accordion ul.pop li{display:block;line-height:24px;font-size:1.6em;}

#accordionContent0{background:url(../img/home-handle-0.png) top center repeat-x;}
#accordionContent0 .pop{color:#FEC000;}
#accordionContent1{background:url(../img/home-handle-1.png) top center repeat-x;}
#accordionContent1 .pop{color:#FE9800;}
#accordionContent2{background:url(../img/home-handle-2.png) top center repeat-x;}
#accordionContent2 .pop{color:#1A2733;}
#accordionContent3 p, #accordionContent3 h2{color:#716E5F;}
#accordionContent3{background:url(../img/home-handle-3.png) top center repeat-x;}
#accordionContent3 .pop{color:#699;}

.accordion .panel-content{height:275px;padding:50px 20px 20px 20px;}
.introduction-content{padding:20px 20px 0 20px;height:325px;}
.introduction-content p{font-size:1.4em;margin-bottom:18px;}
.introduction-content h2 {margin-bottom:18px;}
.introduction-content h2 span.medium{color:#0B3C46;}
.introduction-content h2 span.small{font-weight:normal;}
{color:#666;}
.panel-link{height:55px;}
.panel-link a{
    display:block;
    font-size:1.4em;
    color:#fff;
    padding:21px 0 18px 48px;
    background: url(../img/bullet-default.png) 20px center no-repeat;
    text-decoration:none;
    font-weight:bold;
    }

span.large{font-size:2.4em;}
span.medium{display:block;font-size:1.6em;padding:6px 0 6px 0;}
span.small{font-weight:bold;}


#bottom-bar{overflow:hidden;}
#bottom-bar h3{
    display:block;
    font-size:3.2em;
    line-height:36px;
    letter-spacing:-1px;
    font-weight:normal;   
}

#client-login{
    width:540px;
    float:left;    
    border-right:20px solid #333333;
    }
#client-login h3{
    width:140px;
    padding:25px 0 25px 20px;
    margin:0;
    float:left;
    }
#client-login .login-info{
    display:block;
    width:360px; /*380*/
    float:right;
}
#client-login form.login-info{padding-top:30px;}
#client-login div.login-info{padding-top:44px;}
#client-login div.form-field{
    overflow:hidden;
    padding:0 0 6px 0;    
    }
#client-login div.form-field label{
    display:block;
    width:60px;
    float:left;
    margin-right:20px;
    font-size:1.2em;    
    padding:5px 0;
    text-align:right;
}
#client-login div.form-field input{
    padding:4px;
    border:1px solid #666;
    width:130px;
}
#client-login div.submit-field{
    width:220px;
    text-align:right;
    padding:0 0 10px 0;
}
#bottom-bar #ideal-opportunities{
    width:380px;
    padding:20px;
    float:right;
}

#ideal-opportunities h3{padding-bottom:9px;}
#ideal-opportunities ul{list-style:none;font-size:1.2em;line-height:18px;}
#ideal-opportunities ul li a{text-decoration:none;color:#0B3C46!important;}
#ideal-opportunities ul li a:before{content:"» ";}