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


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

body { background:url(../images/bg_body.jpg) repeat; font-family:Arial, Helvetica, sans-serif}

a:link, a:visited {color:#4D4D4D; text-decoration: none}
a:hover {color:#4D4D4D; text-decoration:underline}

p { font-size:12px; color:#666666}
h1 { font-size:23px; color:#4D4D4D}
h2 { font-size:21px; color:#4D4D4D}
h3 { font-size:18px; color:#FFFFFF}
h5 { font-size:14px; color:#4D4D4D}


/*
---------------------------------------------
02. container and wrapper
---------------------------------------------
*/

#container { width:814px; margin:0 auto; padding-left:110px}

#wrapper { width:800px; float:left; background:url(../images/bg_wrapper.png) repeat-y; padding:0 7px}
.wrapper_borderbottom { width:814px; height:10px; float:left; background: url(../images/bg_wrapper_borderbottom.png) no-repeat top left}


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

#header { width:800px; height:450px; float:left}

#header .banner { width:800px; height:450px; float:left}

.pagination{ width:800px;_width:800px; text-align:right; padding:0 6px 4px 0; margin-top:-46px; margin-left:-25px}
.pagination a { text-decoration:none;color:#4D4D4D; background:url(../images/bg_slidenumber.png) no-repeat; text-align:center; padding:5px 8px; position:relative}
.pagination a:hover, .pagination a.selected{color:#4D4D4D; background:url(../images/bg_slidenumber_hover.png) no-repeat}

#header .logo { width:937px; float:left; margin-top:-429px; margin-left:-130px; position:relative}

#header .leftnav { width:137px; float:left; margin-top:-295px; margin-left:-129px; position:relative}
#header .leftnav ul { width:137px; float:left; padding-bottom:18px}
#header .leftnav ul li { width:137px; float:left; font-size:12px; color:#4C4C4C}
#header .leftnav ul li a { width:120px; height:32px; float:left; background:url(../images/bg_leftnav.png) no-repeat top left; color:#4C4C4C; text-decoration:none; padding-top:13px; padding-left:17px; margin-bottom:-12px; position:relative}
#header .leftnav ul li a:hover { background:url(../images/bg_leftnav_hover.png) no-repeat top left; color:#FFFFFF}
#header .leftnav ul li a.selected { background:url(../images/bg_leftnav_hover.png) no-repeat top left; color:#FFFFFF}



/*
---------------------------------------------
04. content
---------------------------------------------
*/


#content { width:800px; float:left}
#content .photo { float:left}


/*
---------------------------------------------
05. modules
---------------------------------------------
*/


#modules { width:800px; float:left; padding:1px 0}

#modules .set1 { width:267px; float:left}
#modules .set1 h5 { float:right; padding-right:8px; margin-top:-30px; position:relative}

#modules .set2 { width:266px; float:left}
#modules .set2 h5 { float:left; padding-left:12px; margin-top:-30px; position:relative}

#modules .set3 { width:232px; height:170px; float:left; background:#E2E8DF; padding:12px 16px 0 19px}
#modules .testimonial { width:232px; height:145px; float:left; }
#modules .set3 h2 { background:url(../images/quotes.gif) no-repeat top left; font-style:italic; line-height:1.3em; padding-left:10px}
#modules .set3 h2 span { height: font-style:normal; font-weight:bold; font-size:16px; line-height:1.3em}
#modules .set3 h5 { float:right;}

/*
---------------------------------------------
06. footer styles
---------------------------------------------
*/

#footer { width:814px; float:left; padding-bottom:845px}

#footer p { font-size:11px; color:#FFFFFF}
#footer p a { color:#FFFFFF; text-decoration:none}
#footer p a:hover { color:#FFFFFF; text-decoration:underline}

#footer .footer_leftcontent { float:left; padding-left:40px}
#footer .footer_rightcontent { width:200px; float:right; padding-right:40px}

.spacer { width:100%; height:35px; float:left}



/*
---------------------------------------------
07. innerpage content
---------------------------------------------
*/



#content_inner { width:800px; float:left; background:url(../images/bg_content_inner.gif) repeat-y top left; padding-top:15px}


/*
---------------------------------------------
08. innerpage - left panel
---------------------------------------------
*/


#leftpanel { width:514px; float:left; padding:0 15px 0 24px}

#leftpanel .subnav { width:514px; float:left; border-bottom:1px solid #E6E6E6; padding-bottom:5px}
#leftpanel .subnav ul li { float:left; font-size:11px; color:#808080; padding-right:15px}
#leftpanel .subnav ul li a { color:#808080; text-decoration:none}
#leftpanel .subnav ul li a:hover { color:#81298E; text-decoration:none}
#leftpanel .subnav ul li a.selected { color:#81298E; text-decoration:none}

#leftpanel .welcome { float:left; padding-top:12px; width:510px;}
#leftpanel .welcome h1 { padding-bottom:15px}
#leftpanel .welcome p { line-height:1.5em; padding-bottom:20px}
#leftpanel .welcome .photo { float:right; padding-right:5px; padding-left:10px}
#leftpanel ul.bullets { padding-left:15px;  }
#leftpanel ul.bullets li { font-size:12px; color:#808080; list-style: circle; padding: 5px 0px 10px 10px;}

#leftpanel table { font-size:12px; color:#808080; }
#leftpanel table tr td { padding:10px; border-bottom:#666666; border-style:solid; }
#leftpanel table ul { padding-left:15px; }
#leftpanel table ul li { font-size:12px; color:#808080; list-style: circle; padding: 5px 0px 10px 10px; }


/*
---------------------------------------------
09. innerpage - right panel
---------------------------------------------
*/


#rightpanel { width:230px; float:left; padding-left:17px}

#rightpanel .guides { width:212px; float:left}
#rightpanel .guides h3 { padding-left:5px; padding-bottom:10px}
#rightpanel .guides .photo { float:left; padding-bottom:20px}