@charset "utf-8";
/* CSS Document */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/


body { background:#ECECEC url(../images/bg_body.gif) no-repeat top center; font-family: Arial, Helvetica, sans-serif}


p { font-size:14px; font-weight:normal; color:#212121} 

h2 { font-family:"Times New Roman", Times, serif; font-size:26px; font-weight:normal; color:#000000; font-style:italic}

h3 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; content:#212121; letter-spacing:1px; word-spacing:2px }

h3 a{color:#212121; text-decoration:none;}

h3 a:hover{text-decoration:underline;}

h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color:#70A1BA; font-style:italic}

h5 { font-size:14px; font-weight:normal; color:#000000}

h6 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#1b79a9; letter-spacing:0px; margin-bottom:-6px; margin-top:0px;}

.date{ font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight:bold; color:#727272; font-size:11px;}


.text_bold { font-weight:bold}

input{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}


/*
---------------------------------------------
02. wrapper
---------------------------------------------
*/


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


/*
---------------------------------------------
03. header
---------------------------------------------
*/


#header { width:932px; float:left; padding-right:10px; padding-bottom:40px}


/*
---------------------------------------------
03.1 header - register logo and caption
---------------------------------------------
*/


.button_register a { float:right; background:#C4F2FC; font-size:12px; font-weight:normal; color:#000000; text-decoration:none; padding:3px 7px; text-transform: uppercase;} 

.logo { float:left; padding-top:20px}

.caption { width:420px; float:right; padding-left:190px; padding-top:45px}


/*
---------------------------------------------
04. nav
---------------------------------------------
*/


#navbar { width:942px; float:left}


.nav { width:940px; float:left; background:#FFFFFF; border:1px solid #DADBDB}

.nav ul li { float:left; font-size:12px; font-weight:normal; color:#000000}
.nav ul li a { float:left; color:#000000; text-decoration:none; background:#FFFFFF; border-right:1px solid #DCDCDC; padding:10px 20px}
.nav ul li a:hover { color:#000000; text-decoration:none; background:#C4F2FC; border-right:1px solid #B0D2DA}
.nav ul li a.selected { color:#FFFFFF; text-decoration:none; background:#000000; border-right:1px solid #D1D1D1}


.search { float:right; padding-top:4px}
.search fieldset { float:left}
.search fieldset .input { width:198px; float:left; background:#F3F3F3; border:1px solid #EBEBEB; font-size:12px; font-weight:normal; color:#ABABAB; padding:5px 8px}
.search fieldset .button_search { float:left; padding:6px 10px}


.subnav { width:942px; float:left; border-bottom:1px solid #747474; padding-top:20px}
.subnav ul li { float:left; font-size:11px; font-weight:normal; color:#8F8F8F; line-height:1.5em; padding:0 3px}
.subnav ul li a { color:#105db4; text-decoration:none}
.subnav ul li a:hover { color:#000000; text-decoration:none}
.subnav ul li.selected { color:#000000; text-decoration:none}


/*
---------------------------------------------
05. banner
---------------------------------------------
*/


#banner { width:942px; float:left; padding-top:12px}

.photo_banner { float:left; padding-right:12px}

.registerbox { width:266px; height:100px; float:right; background:url(../images/registerbox.gif) no-repeat; padding-top:124px; padding-left:22px}


/*
---------------------------------------------
06. content
---------------------------------------------
*/


#content { width:942px; float:left; padding-bottom:35px; padding-top:15px}


/*
---------------------------------------------
06.1 content - welcome text
---------------------------------------------
*/


#welcome { width:460px; float:left; border-top:3px solid #000000; padding-top:16px}
#welcome h3 { padding-bottom:15px} 
#welcome p { line-height:1.5em; padding-bottom:15px}


#welcome ul { padding-left:25px}
#welcome ul li { font-size:12px; font-weight:normal; color:#212121; line-height:1.5em; background:url(../images/li_bullet.gif) no-repeat 0 5px; padding-left:15px }


/*
---------------------------------------------
06.2 content - workshop and events
---------------------------------------------
*/



#workshop { width:226px;float:left; border-top:3px solid #000000; padding-top:14px; margin-left:16px; margin-right:10px} 

#events { width:226px; float:left; border-top:3px solid #000000; padding-top:14px}

.set { width:226px; float:left; }
.set a { width:204px; float:left; border:1px solid #CDCDCD; background:#FFFFFF; padding:10px; text-decoration:none}
.set a:hover { width:204px; float:left; background:#DEDEDE; border:1px solid #CDCDCD; overflow:auto; text-decoration:none; cursor:hand}

.set ul{display:block; margin:0px; padding:0px;}
.set ul li{ font-size:12px; text-style:italic; font-family:arial;}

.set p { color:#7D7D7D; line-height:1.2em; padding:5px 0}
.photo { float:left; padding-bottom:10px}


.set2 { width:600px; clear: both; margin-right: 40px; margin-bottom: 20px; }
.set2 p{ color:#7D7D7D; line-height:1.2em; padding:5px 0}

.set5 { width:400px; float:left; margin-right:0px; margin-bottom: 0px; }
.set5 p{ color:#7D7D7D; line-height:1.2em; padding:5px 0}

.set6 { width:530px; float:right; margin-right: 0px; margin-bottom: 00px; }


.set3 { width:190px; float:left; margin-right: 40px; margin-bottom:20px; }
.set3 a { width:190px; float:left; border:1px solid #CDCDCD; background:#FFFFFF; padding:10px; text-decoration:none}
.set3 p{ color:#7D7D7D; line-height:1.2em; padding:5px 0}


/*
---------------------------------------------
07. footer styles
---------------------------------------------
*/


#footer { width:942px; float:left; border-top:1px solid #747474; padding:10px 0; padding-bottom:20px}
#footer p { font-size:11px; color:#535353; line-height:1.5em; position:relative; padding-left:2px}

#footer .footer_left { width:500px; float:left; }

#footer .links p { color:#1593AF; padding-left:0px}
#footer .links p a { color:#1593AF; text-decoration:none; padding:0 3px}
#footer .links p a:hover { color:#1593AF; text-decoration:underline}

#footer .developer { width:50px; height:30px; float:right; background:url(../images/logo_primomotif.png) no-repeat right; }
#footer .developer .logo-link {position: absolute; width:50px; height:30px;}


/*
---------------------------------------------
08. resume page - person details
---------------------------------------------
*/


#person_details { width:942px; float:left; padding-bottom:35px}
#person_details p { color:#000000; line-height:1.5em; padding-top:17px}
#person_details h3 { font-size:24px; color:#000000}
#person_details h5 { color:#9F9F9F}


.column1 { width:204px; float:left}
.column2 { width:295px; float:left; padding:0 25px}


.column2 ul { display: block; list-style-type: disc; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px;}

.column2 ul li { font-family: Arial; font-size: 14px; color: black; padding: 0px 0px 10px 0px;}


.column4 ul  { display: block; list-style-type: disc; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px;}

.column4 ul li { font-family: Arial; font-size: 14px; color: black; padding: 0px 0px 10px 0px;}

.column3 { width:298px; float:left; background:url(../images/quotes.gif) no-repeat; padding-left:12px; padding-top:22px; margin-top:42px}
.column4 { width:298px; float:left; ) no-repeat; padding-left:12px; padding-top:22px; margin-top:42px}


.column1events { width:550px; float:left}
.column2events { width:300px; float:left; padding:0 25px 0 40px;}


.column1news { width:450px; float:left}
.column2news { width:400px; float:left; padding:0 25px 0 40px;}





/*
---------------------------------------------
09. resume page - content bottom
---------------------------------------------
*/

#content_bottom { width:942px; float:left; border-top:1px solid #747474; padding-top:18px} 

/*
---------------------------------------------
09.1 resume page - boxes
---------------------------------------------
*/

#content_bottom .set { width:226px; float:left; padding-right:10px}

/*
---------------------------------------------
09.2 resume page - recent bottom
---------------------------------------------
*/

#recentnews { width:205px; float:left; padding-left:12px; padding-right:30px}

#recentnews p { color:#828282}
#recentnews p.title { color:#000000; padding-top:17px}
#recentnews p.title a { color:#000000; text-decoration:none}
#recentnews p.title a:hover { color:#000000; text-decoration: underline}

#recentnews p.posted { font-size:11px; color:#F68933; padding-bottom:5px}


/*
---------------------------------------------
09.3 resume page - keep in touch
---------------------------------------------
*/


#keepintouch { width:216px; float:left}

#keepintouch fieldset { width:216px; float:left}
#keepintouch fieldset label { width:216px; float:left; font-size:11px; font-weight:normal; color:#7D7D7D; padding:5px 0}
#keepintouch fieldset .input { width:200px; height:18px; float:left; border:1px solid #D2D2D2; font-size:12px; font-weight:normal; font-style:italic; color:#A4A3A3; padding:5px}

#keepintouch fieldset .button_submit a { width:50px; float:left; background:#171717; font-size:11px; font-weight:normal; color:#FFFFFF; font-style:italic; text-decoration:none; text-align:center; padding:3px 0; margin-top:10px}

label{font-size: 14px;}

/*
---------------------------------------------
10. workshop overview page
---------------------------------------------
*/


#workshop_overview { width:942px; float:left} 

#workshop_overview p { color:#000000; line-height:1.5em}
#workshop_overview h3 { font-size:24px; color:#000000}
#workshop_overview h5 { color:#9F9F9F; padding-bottom:15px}



/*
---------------------------------------------
10.1 workshop overview page - overview list
---------------------------------------------
*/



#overview_list { width:942px; float:left; border-bottom:1px solid #747474; padding:25px 0}

#overview_list h5 { width:287px; float:left; font-family:Geneva, Arial, Helvetica, sans-serif; color:#161616; background:#FFFFFF; padding:4px; margin-bottom:3px}


#overview_list ul { width:295px; float:left; padding-bottom:4px}
#overview_list ul li { width:280px; float:left; font-size:12px; font-weight:normal; color:#858585; line-height:1.8em; padding-left:15px}


.overview_list { width:295px; float:left}
.overview_list a {width:295px; float:left; text-decoration:none;  cursor: text}
.overview_list a:hover {width:295px; float:left; background:#DEE5E9; overflow:auto; text-decoration:none; cursor: text}

.overview_list_middle { width:295px; float:left; border-left:1px solid #D2D2D2; border-right:1px solid #D2D2D2;margin-left:13px; margin-right:13px; padding-right:13px; padding-left:13px }
.overview_list_middle a {width:295px; float:left; text-decoration:none;  cursor: text}
.overview_list_middle a:hover {width:295px; float:left; background:#DEE5E9; overflow:auto; text-decoration:none; cursor: text}


.list1 { width:295px; float:left}
.list2 { width:295px; float:left; padding-top:30px}


/*
---------------------------------------------
10.2 workshop overview page - average results
---------------------------------------------
*/


#average_results { width:942px; float: left; padding-top:20px; padding-bottom:35px}

.average_results { width:280px; float:left; padding-left:10px}
.average_results ul { padding-top:15px}
.average_results ul li { background:url(../images/li_bullet.gif) no-repeat 0 6px; font-size:12px; font-weight:normal; color:#212121; line-height:1.5em; padding-left:15px} 


.learnhowtofocus { width:225px; float:left; padding-left:35px; padding-right:95px}
.learnhowtofocus p { padding-bottom:20px}


.quotes { width:280px; float:left; background:url(../images/quotes.gif) no-repeat; padding-left:15px; padding-top:22px} 

.testimonials{font-family: Arial; font-style: italic; font-size: 12px; color: #f07e25; font-weight: bold;}