﻿/* ---------- Main Styles ---------- */
body { background:#dcc48b url(../images/main_bg.jpg) top left; background-attachment:fixed; padding:0; margin:0 }

h1 { font-weight:normal; font-size:13pt; font-family:georgia, times new roman; color:#4a3506; padding:10px 23px 10px 23px; margin:0 }

h2 { font-weight:normal; font-size:11pt; font-family:georgia, times new roman; color:#004db5; padding:8px 23px 3px 23px; margin:0 }

h3 { color:#ce0000; font-family:georgia, Times New Roman; font-weight:normal; font-size:12pt; padding:10px 23px 5px 23px; margin:0 }

p { font-family:verdana, arial; font-size:8pt; line-height:14pt; color:#666666; padding:0 25px 10px 23px; margin:0 }
p strong { color:#ce0000 }

a { color:#ce0000 }
a:hover { text-decoration:none }

ul { padding:0; margin:0 0 10px 40px }
li { font-size:8pt; font-family:Verdana, Arial; color:#666666; line-height:14pt; padding:0 40px 10px 0; margin:0 }




/* ---------- Background Texture Styles ---------- */
#cardboard { width:100%; height:100%; display:block; background:url("../images/cardboard.gif") no-repeat center bottom; padding:0 0 30px 0}

#film { width:100%; height:100%; display:block; background:url("../images/film.gif") no-repeat center top; }

.background_left { background:url(../images/background_right.jpg) top right no-repeat; background-attachment:fixed }


/* ---------- Main Structure Styles ---------- */
/*.mainbg_div { width:100%; height:700px; text-align:center; background:url(../images/texture_bg2.jpg) top left no-repeat; padding:0 0 25px 0; margin:0 }*/
.mainbg_div { width:100%; text-align:center; background:url(../images/background_left.jpg) top left no-repeat; /*background-attachment:fixed;*/ padding:0 0 25px 0; margin:0 }


.wrapper { width:950px; display:block; padding:25px 0 50px 0; margin:0 auto; } 

.main_body_div { width:950px; background:#fff url(../images/left_body_texture.jpg) left repeat-y; padding:0; margin:0 }

.inner_body_div { min-height:450px; background:url(../images/bottom_bg.gif) bottom no-repeat }

.body_col_div { width:950px; min-height:300px; text-align:left; display:block; vertical-align:top; background:url(../images/top_bg.jpg) top no-repeat; padding:0; margin:0 }

.side_column { width:170px; float:left; display:block; padding:0; margin:0; } 
.side_column a { position:relative; top:15px; left:15px }

.image_column { float:right; width:250px; }

.content_column { width:777px; float:right; padding:0; margin:0 }





/* ---------- Navigation Styles ---------- */
.navbar { width:675px; height:40px; text-align:right; background:url(../images/nav_bg.gif) no-repeat right bottom; margin:0 0 0 auto }
.navbar ul { position:relative; left:160px; top:9px; padding:0; margin:0 }
.navbar li { display:inline; list-style:none; padding:0; margin:0 }
.navbar a { text-decoration:none; font-size:9pt; float:left; background:url(../images/vert_line.gif) left repeat-y; font-family:Georgia, Times New Roman; color:#edde89; padding:4px 24px 4px 25px; margin:0 }

.rollover a { color:#ffef85 }
.rollover a:hover { color:#c8c153 }

.current a { color:#ffffff }

.subnav { text-align:right; display:block;  height:45px; background:url(../images/sub_nav_bg.jpg) right no-repeat; padding:0; margin:1px 2px 0 15px }
.subnav p { width:425px; float:right; text-align:left; font-size:7.5pt; padding:3px 0 0 15px; margin:0 }
.subnav a { font-weight:bold; padding:0 2px }




/* ---------- Movie Styles ---------- */
.mov-container { background:#000; float:right; background:url(../images/mov_bg.gif) top left no-repeat; padding:16px 0 0 18px; margin:0; width:729px; height:417px; margin:25px 22px 25px 0 }






/* ---------- Common Body Styles ---------- */
.title_img { padding:0; margin:0 0 12px 15px }

.content { width:777px; padding:0; margin:30px 0 0 0 }
.content.default { float:left; width:335px; }
.content.narrow { float:left; width:525px }
.content.about { margin:0 }

.testimonial_div { width:250px; float:right; padding:0 0 0 0; margin:25px 0 0 0 }

.testimonial { display:block; background:url(../images/testimonial_bg.gif) left repeat-y; padding:5px 0 0 0 }
.testimonial p { color:#938e7f; font-size:10pt; line-height:15pt; font-family:georgia, times new roman; padding:10px 20px 10px 20px; margin:0 }

.testimonial_div .top { display:block; height:60px; background:url(../images/paper_top.gif) left top no-repeat }
.testimonial_div .bottom { display:block; height:82px; background:url(../images/paper_tear.gif) left bottom no-repeat }

.quoter { font-size:7pt; font-family:verdana, arial; color:#004db5; font-style:italic; line-height:normal; padding:0; margin:0 }
.quoter strong { font-family:georgia, times new roman; color:#ce0000; font-style:normal; font-size:15pt; font-weight:normal }

.small { font-size:8pt; font-family:Verdana, arial, Sans-Serif; color:#808080 }

/* Profile Styles */
.profile_row { clear:both; display:block; padding:0; margin:0 0 40px 0 }

.photo { width:175px; float:left; text-align:right; padding:0; margin:0 }

.profile_content { width:550px; float:right; padding:0 10px 0 0; margin:0 }

.portfolioNav { display:block; background:url(../images/testimonial_bg.gif) left repeat-y; padding:5px 0 0 0 }
.portfolioNav p { color:#938e7f; font-size:12pt; line-height:15pt; font-family:georgia, times new roman; padding:10px 20px 10px 20px; margin:0 }
.portfolioNav ul { list-style:none; padding:0 0 10px 0; margin:0 0 0 20px }
.portfolioNav li { font-size:9pt; font-family:Georgia, Times New Roman; padding:0 0 0 18px; margin:0 0 7px 0 } 
.portfolioNav a { color:#4a3506; padding:3px 0 5px 0 }

.unchecked { background:url(../images/icon_unchecked.gif) left top no-repeat }
.checked { background:url(../images/icon_checked.gif) left top no-repeat }


/* Default Events Styles */
.update_row { clear:both; display:block; padding:10px 0 0 0; margin:0 }

.update_col { width:365px; display:block; float:left; padding:0; margin:0 10px 0 10px }
.update_col p { color:#333; font-size:7.5pt; line-height:normal; padding:10px 15px 5px 12px; margin:0 }

.update_header { width:365px; height:36px; background:url(../images/update_header_bg.gif) no-repeat; padding:0; margin:0 }
.update_header h1 { color:#fff; font-family:verdana, arial; font-size:10pt; padding:10px 0 0 12px; margin:0 }

.project_update { display:block; width:365px; height:50px; padding:0 0 0 10px; margin:10px 0 0 0 }



.project_thumb { width:90px; height:45px; float:left; background:#000; padding:0; margin:0 }

.thumb_border_top { display:block; background:url(../images/portfolio_border_top.gif) bottom repeat-x; height:5px; padding:0; margin:0 }
.thumb_border_bottom { display:block; background:url(../images/portfolio_border_bottom.gif) top repeat-x; clear:both; height:7px; padding:0; margin:0 }
.thumb_border_left { display:block; float:left; background:url(../images/portfolio_border_left.gif) right repeat-y; width:5px; height:40px; padding:0; margin:0 }
.thumb_border_right { display:block; float:right; background:url(../images/portfolio_border_right.gif) left repeat-y; width:7px; height:40px; padding:0; margin:0 }

.thumb_image { display:block; float:left; width:78px; height:40px; background:#fff; padding:0; margin:0 }

.project_thumb .corner_tl,
.project_thumb .corner_tr,
.project_thumb .corner_bl,
.project_thumb .corner_br 
{ background:url(../images/portfolio_corner.gif) top left no-repeat; padding:0; margin:0 }

.project_thumb .corner_tl { width:5px; height:5px; float:left; background-position:0 0 }
.project_thumb .corner_tr { width:7px; height:5px; float:right; background-position:-5px 0 }
.project_thumb .corner_bl { width:5px; height:7px; float:left; background-position:0 -5px }
.project_thumb .corner_br { width:7px; height:7px; float:right; background-position:-5px -5px }




.thumb_title {float:left; width:245px; margin:10px 0 30px 0 }
.thumb_title a { color:#014291 }


/* Flash Box Styles*/
.flash_box { width:435px; height:285px; float:right; display:block; padding:0; margin:115px 5px 0 0 }

.border_left { width:15px; height:285px; float:left; display:block; background:url(../images/flash_border_left.gif) right top no-repeat; padding:0; margin:0 }
.border_right { width:15px; height:285px; float:right; display:block; background:url(../images/flash_border_right.gif) right top no-repeat; padding:0; margin:0 }
.border_top { width:405px; height:15px; float:left; display:block; background:url(../images/flash_border_top.gif) right top no-repeat; padding:0; margin:0 }
.border_bottom { width:405px; height:15px; float:left; display:block; background:url(../images/flash_border_bottom.gif) right top no-repeat; padding:0; margin:0 }

.movie_div { width:405px; height:255px; float:left; text-align:center; background:#000; padding:0; margin:0 }


/* News Page Styles */
.news_section { width:520px; float:left; border-right:1px solid #ccc }
.news_section h2 { width:375px; }

.news_list { width:250px; float:right; padding:0 0 10px 0; margin:0 0 0 0 }
.news_list p { padding:0 30px 10px 15px; }
.news_list h3 { padding:10px 15px 10px 15px; }

.pageNav { text-align:right; float:right; margin:10px 0 0 0 }


/* Portfolio Shell */
.project { width:176px; height:112px; float:left; background:#fff; padding:0; margin:10px 0 0 10px }

.project_border_top { display:block; background:url(../images/portfolio_border_top.gif) bottom repeat-x; height:5px; padding:0; margin:0 }
.project_border_bottom { display:block; background:url(../images/portfolio_border_bottom.gif) top repeat-x; clear:both; height:7px; padding:0; margin:0 }
.project_border_left { display:block; float:left; background:url(../images/portfolio_border_left.gif) right repeat-y; width:5px; height:100px; padding:0; margin:0 }
.project_border_right { display:block; float:right; background:url(../images/portfolio_border_right.gif) left repeat-y; width:7px; height:100px; padding:0; margin:0 }

.project_image { display:block; float:left; background:#fff; width:164px; height:100px; padding:0; margin:0 }

.project .corner_tl,
.project .corner_tr,
.project .corner_bl,
.project .corner_br 
{ background:url(../images/portfolio_corner.gif) top left no-repeat; padding:0; margin:0 }

.project .corner_tl { width:5px; height:5px; float:left; background-position:0 0 }
.project .corner_tr { width:7px; height:5px; float:right; background-position:-5px 0 }
.project .corner_bl { width:5px; height:7px; float:left; background-position:0 -5px }
.project .corner_br { width:7px; height:7px; float:right; background-position:-5px -5px }


/* Contact Form Styles */
.form_table { width:500px; padding:0; margin:0 }
.form_table td { height:30px; }
.form_table input { width:200px; height:17px; font-size:8.5pt; color:#666666; padding:0; margin:0 }
.form_table select { width:200px; font-size:8.5pt; padding:0; margin:0 }

.form_label { text-align:right; width:100px; padding:0; margin:0 } 
.form_label p { text-align:left; color:#004db5; padding:0; margin:3px 5px 0 0 }

.submit_button input { width:120px; height:25px; font-size:8.5pt; padding:0; margin:10px 0 0 0 }


/* Project Detail */
.project_div { width:800px; text-align:left; margin:0 auto }

.project_div .project_detail { background:#000; float:left; padding:4px; margin:40px 0 40px 0 }
.project_div .squeeze { width:735px; margin:0 auto }
.project_div .project_description { background:#fff url(../images/description_bg.jpg) top right no-repeat; width:220px; float:right; height:300px; border:3px solid #fff; padding:10px; margin:40px 0 40px 0 }
.project_div .project_description h2 { color:#ce0000; clear:both; line-height:16pt; padding:15px 10px 5px 10px; margin:0}
.project_div .project_description p { color:#938E7F; line-height:12pt; padding:0 10px 15px 10px ; margin:0}


 

/* ---------- Footer Styles ---------- */
.footer { width:950px; height:95px; background-color:none; text-align:left; background:url(../images/footer_tile.gif) top right repeat-x; padding:0; margin:0; }

/*.address { width:170px; float:left; text-align:left; margin:-100px 0 0 0 }
.address p { font-family:Georgia, Times New Roman; line-height:normal; font-size:7.5pt; padding:0 0 7px 15px; margin:0 }
.address p strong { color:#ce0000 }*/


.login { width:340px; display:block; float:left; position:relative; top:7px; left:20px; background:#212121; padding:4px; margin:0 } 

.login_form { height:75px; background:#353535 url(../images/login_bg.gif) top repeat-x; display:block; border:#907d49 1px solid; padding:0; margin:0 }
.login_form p { font-size:7.5pt; color:#a9a587; line-height:10pt; padding:0; margin:0 }
.login_form p strong { color:#b49950; font-size:8pt; font-family:Georgia, Times New Roman, Serif; }

.address { float:left; width:176px; height:58px; padding:5px 0 0 15px; margin:5px 0 0 0 }
.phone { float:right; width:130px; height:58px; border-left:dotted 1px #b49950; padding:5px 0 0 12px; margin:5px 0 0 0 }

.copyright { float:right; width:575px; padding:0; margin:15px 0 0 10px  }
.copyright p { font-family:georgia, Times New Roman; line-height:normal; color:#edcd89; padding:0; margin:0 }
.copyright a { color:#edcd89 }

