/* =============== reset */
body, h1, h2, h3, h4, h5, h6, div, p, form, fieldset, dl, dt, dd { margin: 0; padding: 0; }
a, a:visited, a:hover { text-decoration: none; }
fieldset, img { border: none; }
/* =============== */

html
{
    font-size: small;
}

body
{
    line-height: 1.5em;
    font-family: "Times New Roman", "Times", serif;
    background-color: #333;
    color: #fff;
}

.clearBoth
{
    clear: both;
}


.formRow
{
    clear: left;
    padding-bottom: 0.3em;
}

input, textarea
{
    font-size: 100%;
    border: 1px solid #494949;
    padding: 1px;
    font-family: Arial, Verdana, "Lucida Grande", sans-serif;
}

input:focus, textarea:focus
{
    border-color: #fc0;
}

.btn
{
    background-color: #c6c8c5;
    padding: 0.2em 0.3em;
    text-transform: lowercase;
}

.btn:focus,
.btn:hover
{
    background-color: #fc0;
}

.required
{
    color: #ff2a00;
}

.invalidFormField
{
    border-color: #ff2a00;
}

.line
{
    background: transparent url(../images/line.png) 50% no-repeat;
    height: 20px;
    padding: 20px 0;
}

.msgBox, .errBox
{
    border-width: 2px;
    border-style: solid;
    padding: 0.4em;
    font-weight: bold;
    margin: 0 20px 1em;
    text-align: center;
}

.errBox
{
    border-color: #ff2a00;
    color: #ff2a00;
}

.msgBox
{
    border-color: #228f00;
    color: #228f00;
}

#wrapper
{
    width: 870px;
    margin: 5px auto;
}

#top h1
{
    display: none;
}

#top a
{
    float: left;
    margin-left: 70px;
}

#top h2
{
    text-indent: -2000em;
    font-size: 10%;
    width: 291px;
    height: 36px;
    background: transparent url(../images/fullname.png) 50% no-repeat;
    float: right;
    margin-top: 22px;
    margin-right: 20px;
}

#top .skipNav
{
    text-indent: -2000em;
}

/* ----------------------------------------------- 
   -------- CARD
   -----------------------------------------------*/

#card
{
    clear: both;
    font-family: Arial, Verdana, "Lucida Grande", sans-serif;
    font-size: 95%;
    color: #494949;
    background: #fff url(../images/main_bg.png) 70px 11px no-repeat;
}

#card #cT
{
    background: transparent url(../images/brd_top.png) 0 0 repeat-x;
}

#card #cR
{
    background: transparent url(../images/brd_right.png) 100% 0 repeat-y;
}

#card #cB
{
    background: transparent url(../images/brd_bottom.png) 0 100% repeat-x;
}

#card #cL
{
    background: transparent url(../images/brd_left.png) 0 0 repeat-y;
}

#card #cBL
{
    background: transparent url(../images/crn_bl.gif) 0 100% no-repeat;
    padding-left: 58px;
    padding-bottom: 44px;
}

#card #cBR
{
    background: transparent url(../images/crn_br.png) 100% 100% no-repeat;
}

#card #cTL
{
    background: transparent url(../images/crn_tl.png) 0 0 no-repeat;
    padding: 15px 28px 18px 36px;
}


/* ----------------------------------------------- 
   -------- MENU
   -----------------------------------------------*/

#menu
{
    position: relative;
    clear: both;
    font-family: Arial, Verdana, "Lucida Grande", sans-serif;
    height: 2.05em;
    font-size: 110%;
}

#menu ul
{
    position: absolute;
    right: 0;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#menu ul a
{
    color: #7f7f7f;
    font-weight: bold;
    line-height: 1.5em;
    display: block;
    padding: 0.35em 12px 0.2em 16px;
    position: relative;
    top: 7px;
}

#menu ul a:hover
{
    color: #fc0;
}

#menu ul li
{
    float: left;
    background: transparent url(../images/m_bl.png) 0 100% no-repeat;
    padding-bottom: 19px;
}

#menu ul li div
{
    background: #fff url(../images/m_tl.gif) 0 0 no-repeat;
}

#menu ul li div div
{
    background: transparent url(../images/m_tr.gif) 100% 0 no-repeat;
}

#menu ul li.firstChild
{
    background-image: url(../images/m_l_bl.png);
}

#menu ul li.firstChild div
{
    background-image: url(../images/m_l_tl.gif);
}

#menu ul li.firstChild div div
{
    padding-left: 7px;
    background: transparent url(../images/m_tr.gif) 100% 0 no-repeat;
}

#menu ul li.lastChild
{
    padding-bottom: 0;
}

#menu ul li.lastChild div
{
    background: transparent url(../images/m_r_br.gif) 100% 100% no-repeat;
    padding-bottom: 19px;
}

#menu ul li.lastChild div div
{
    padding-bottom: 0;
    background: #fff url(../images/m_tl.gif) 0 0 no-repeat;
}

#menu ul li.lastChild div div div
{
    background: transparent url(../images/m_r_tr.gif) 100% 0 no-repeat;
}

#menu ul li.lastChild a,
#menu ul li.lcSelected a,
#menu ul li.lcSelNext a
{
    padding-right: 16px;
}

/* ------ selected */

#menu ul li.selected
{
    background-image: url(../images/m_sel_bl.png);
}

#menu ul li.selected div
{
    background-image: url(../images/m_sel_tl.gif);
}

#menu ul li.selected div div
{
    background-image: url(../images/m_sel_tr.gif);
}

#menu ul li.selNext
{
    background-image: url(../images/m_nsel_bl.png);
}

#menu ul li.selNext div
{
    background-image: url(../images/m_nsel_tl.gif);
}

#menu ul li.selNext div div
{
    background-image: url(../images/m_tr.gif);
}

#menu ul li.fcSelected
{
    background-image: url(../images/m_sel_l_bl.png);
    padding-bottom: 19px;
}

#menu ul li.fcSelected div
{
    background-image: url(../images/m_sel_l_tl.gif);
}

#menu ul li.fcSelected div div
{
    background-image: url(../images/m_sel_tr.gif);
    padding-bottom: 0;
    padding-left: 7px;
}

#menu ul li.fcSelected a,
#menu ul li.selected a,
#menu ul li.lcSelected a
{
    color: #000;
}

#menu ul li.lcSelNext
{
    background: transparent url(../images/m_nsel_bl.png) 0 100% no-repeat;
    padding-bottom: 0;
}

#menu ul li.lcSelNext div
{
    background: transparent url(../images/m_r_br.gif) 100% 100% no-repeat;
    padding-bottom: 19px;
}

#menu ul li.lcSelNext div div
{
    background: #fff url(../images/m_nsel_tl.gif) 0 0 no-repeat;
    padding-bottom: 0;
}

#menu ul li.lcSelNext div div div
{
    background: transparent url(../images/m_r_tr.gif) 100% 0 no-repeat;
}

#menu ul li.lcSelected
{
    background: transparent url(../images/m_sel_bl.png) 0 100% no-repeat;
    padding-bottom: 0;
}

#menu ul li.lcSelected div
{
    background: transparent url(../images/m_sel_r_br.gif) 100% 100% no-repeat;
}

#menu ul li.lcSelected div div
{
    background: #fff url(../images/m_sel_tl.gif) 0 0 no-repeat;
}

#menu ul li.lcSelected div div div
{
    background: transparent url(../images/m_sel_r_tr.gif) 100% 0 no-repeat;
    padding-bottom: 11px;
}

/* ----------------------------------------------- 
   -------- CONTENT
   -----------------------------------------------*/

#navPath
{
    font-size: 85%;
    color: #000;
    padding-left: 5px;
    margin-bottom: 1em;
    border-bottom: 1px solid #000;
}

#navPath a
{
    color: #000;
}

#navPath a:hover
{
    text-decoration: underline;
}

#navPath h3
{
    display: inline;
    font-weight: normal;
    font-size: 100%;
}
  
#main
{
    min-height: 480px;
    text-align: justify;
    font-size: 105%;
    line-height: 1.7em;
    position: relative;
}

#main a
{
    color: #575757;
    border-bottom: 1px solid #efc400;
}

#main a:hover
{
    border-bottom-color: #575757;
}

#main strong
{
    color: #000;
}

#main p
{
    text-indent: 3em;
}

#main .tbPad
{
    margin: 1em 0;
}

/* --------------------------- about */

#docsAndRefs
{
    float: left;
}

#docsAndRefs h4
{
    font-size: 100%;
    font-weight: normal;
    margin-bottom: 0.5em;
}

#docsAndRefs img.dar
{
    top: 0;
    right: 0;
    position: absolute;
    display: none;
}

#docsAndRefs ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#docsAndRefs li
{
    float: left;
    padding: 0 3px;
}

#docsAndRefs li a img
{
    vertical-align: middle;
    border: 2px solid #fc0;
}

#docsAndRefs li a:hover img
{
    border-color: #808080;
}

#docsAndRefs li a:hover img.dar
{
    border-color: #808080;
    display: inline;
}

#aboutIntro {
    margin-left: 50%;
    color: #155490;
    margin-bottom: 1em;
}

#invite 
{
    float: right;
    margin-top: 1em;
}

#invite div
{
    color: #5549b9;
    text-align: center;
    text-indent: -2000em;
    font-size: 10%;
    background: transparent url(../images/signature.gif) 0 0 no-repeat;
    width: 200px;
    height: 28px;
    margin-left: -5px;
    margin-top: 2em;
}

/* --------------------------- offer */

#basicOffer,
#extendedOffer,
#additionalOffer,
#commentOffer
{
    float: left;
    width: 48%;
}

#basicOffer,
#additionalOffer
{
    padding-right: 2%;
}

#extendedOffer,
#commentOffer
{
    padding-left: 2%;
}

#commentOffer
{
    padding-top: 2em;
}

#commentOffer p
{
    text-indent: 0;
    margin-bottom: 1em;
}

#commentOffer a
{
    float: right;
}

#basicOffer h4,
#extendedOffer h4,
#additionalOffer h4
{
    font-size: 100%;
    padding-bottom: 0.5em;
}

#basicOffer ul,
#extendedOffer ul,
#additionalOffer ul
{
    padding: 0 0 0 20px;
    margin: 0;
}

/* --------------------------- contact */

#contactLeft
{
    float: left;
    width: 38%;
    padding-right: 2%;
}

#contactLeft h4
{
    font-size: 130%;
    text-align: center;
    margin-top: 6em;
}

#contactLeft p
{
    text-indent: 0;
    text-align: center;
}

#contactLeft p.contactData
{
    text-align: left;
    margin: 2em 0;
}

#contactLeft strong
{
    display: block;
    text-align: center;
}

#contactRight
{
    float: left;
    width: 58%;
    padding-left: 2%;
}

#contactRight h4
{
    font-size: 100%;
    text-align: center;
}

#contactRight fieldset
{
    padding: 2em 0;
}

#contactRight fieldset legend
{
    display: none;
}

#contactRight fieldset label
{
    float: left;
    width: 165px;
}

#contactRight textarea
{
    margin-bottom: 1em;
    width: 260px;
}

#contactRight input
{
    width: 180px;
}

#contactRight #cSubject
{
    width: 260px;
}

#contactRight label[for=cLocation]
{
    font-size: 93%;
}

#contactRight .btn
{
    width: auto;
    float: right;
    margin-right: 20px;
}

/* --------------------------- galleries */

#galleries,
#portfolios
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#galleries li
{
    float: left;
    width: 25%;
    text-align: center;
    padding-bottom: 10px;
}
#portfolios li
{
    float: left;
    width: 50%;
    text-align: center;
    padding-bottom: 10px;
}

#portfolios li div
{
    font-weight: bold;
    margin: 2em 0;
}

#galleries li a img,
#portfolios li a img
{
    vertical-align: middle;
    border: 2px solid #fc0;
}

#galleries li a:hover img,
#portfolios li a:hover img
{
    border-color: #494949;
}

#galleryTh h4 {
    text-transform: capitalize;
    text-align: center;
    font-size: 120%;
    margin-bottom: 1em;
}

#galleryTh ul {
    padding: 0;
    margin: 0;
}

#galleryTh ul li {
    list-style-type: none;
    padding: 0;
    margin: 10px 21px;
    float: left;
    text-align: center;
}

#galleryTh ul li a {
    text-decoration: none;
}

#galleryTh ul a img
{
    vertical-align: middle;
    border: 2px solid #fc0;
}

#galleryTh ul a:hover img
{
    border-color: #494949;
}

#galleryTh ul li.galleryThHidden {
    display: none;
}

#gallery ul li#galleryLoad {
    float: none;
    clear: left;
}

/*
#galleryThumbs,
#portfolioThumbs
{
    float: left;
    width: 80px;
    padding: 0 10px;
}

#galleryThumbs h4,
#portfolioThumbs h4
{
    text-transform: capitalize ;
    text-align: center;
    font-size: 120%;
    margin-bottom: 1em;
}

#galleryThumbs ul,
#portfolioThumbs ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#galleryThumbs ul li,
#portfolioThumbs ul li
{
    padding: 4px 0;
    text-align: center;
}

#galleryThumbs ul li.currentPhoto,
#portfolioThumbs ul li.currentPfl
{
    background-color: #dadada;
}

#galleryThumbs ul a img,
#portfolioThumbs ul a img
{
    vertical-align: middle;
    border: 2px solid #fc0;
}

#galleryThumbs ul a:hover img,
#galleryThumbs ul li.currentPhoto a img,
#portfolioThumbs ul a:hover img,
#portfolioThumbs ul li.currentPfl a img
{
    border-color: #494949;
}

#galleryThumbs div a,
#portfolioThumbs div a
{
    border-width: 0;
    width: 20px;
    height: 20px;
    display: block;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #fc0;
    text-align: center;
    margin-top: 2em;
}

#galleryThumbs .galThNavLeft,
#portfolioThumbs .galThNavLeft
{
    background-image: url(../images/gal_arr_l.gif);
    float: left;
    margin-left: 10px;
}

#galleryThumbs .galThNavRight,
#portfolioThumbs .galThNavRight
{
    background-image: url(../images/gal_arr_r.gif);
    float: right;
    margin-right: 10px;
}

#galleryPhoto,
#pflPhoto
{
    width: 600px;
    padding-left: 30px;
    min-height: 600px;
    float: left;
    border-left: 1px solid #000;
}

#galleryPhoto img,
#pflPhoto img
{
    display: none;
}

#photo,
#pfl
{
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin: 0 auto;
}

#photo a,
#pfl a
{
    border-bottom: none;
}

#photo a span,
#pfl a span
{
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 70%;
    display: none;
}

#photo .photoPrev,
#photo .photoNext,
#pfl .photoPrev,
#pfl .photoNext
{
    display: block;
    width: 33%;
    position: absolute;
    top: 0;
}

#photo .photoPrev,
#pfl .photoPrev
{
    left: 0;
}

#photo .photoPrev:hover,
#pfl .photoPrev:hover
{
    background: transparent url(../images/photo_prev.gif) 10% no-repeat;
}

#photo .photoNext,
#pfl .photoNext
{
    right: 0;
}

#photo .photoNext:hover,
#pfl .photoNext:hover
{
    background: transparent url(../images/photo_next.gif) 90% no-repeat;
}
*/
/* -------------------- footer */

#footer
{
    padding-left: 290px;
    margin-top: -43px;
    text-align: right;
    color: #7d7d7d;
    font-family: Arial, Verdana, "Lucida Grande", sans-serif;
    font-size: 85%;
}

#footer p
{
    float: left;
    text-align: left;
}

#footer a
{
    color: #fff;
    text-decoration: none;
}

#footer a:hover
{
    text-decoration: underline;
}

/* ---------------------- errors */

.errorCode
{
    font-size: 110%;
    padding: 0.5em 0;
    text-align: center;
    color: #ff2a00;
}

.errorCont
{
    font-size: 120%;
    padding: 0.3em 0;
    font-weight: bold;
    text-align: center;
    text-indent: 0;
}

/* --------------------------- recommend */

#recommend dd {
    padding: 0.2em 0 1.5em 20px;
}

#recommend dd a {
    border-bottom: 0;
}

/* --------------------------- credentials */

#credentials {
    padding: 0;
    list-style-type: none;
}

#credentials li {
    margin: 1em 0;
}

#credentials li img {
    width: 160px;
}

#credentials li p {
    width: 570px;
    text-indent: 0;
    float: right;
}

#credentials li em {
    clear: right;
    float: right;
    padding-top: 1em;
}

/* --------------------------- intro */

#intro {
    width: 100%;
    height: 500px;
    position: relative;
}

#intro #intro-1, 
#intro #intro-2 {
    width: 100%;
    height: 500px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}

/* --------------------------- social panel */

#socialPanel {
    background: transparent url(../images/social_panel.png) no-repeat 100% 0;
    float: left;
    height: 400px;
    padding: 0;
    position: fixed;
    left: -256px;
    top: 170px;
    width: 295px;
    z-index: 100;
}

#socialPanel #fbWrapper {
	background-color: #fff; 
	margin: 45px 50px 0 5px;
}

#socialPanel #fbWrapper #fbLink {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 7px;
    top: 45px;
}


/* --------------------------- colorbox */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/colorbox.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/colorbox.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/colorbox.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}