/* CSS Document */

/* IMPORTED STYLES */
@import url("reset.css");
@import url("menu.css");

/*GLOBAL*/
html{width:100%; height:100%; font:62.5% Georgia, "Times New Roman", Times, serif; color:#44332B;}
body{width:100%; height:100%; min-width:960px; text-align:center; background:#ffffff url(../gui/bg.gif) repeat-x top;}
a, a:visited{text-decoration:none; color:#0A5D7E;}
.img_left{margin:4px 12px 0px 0px; padding:0px; display:block; float:left;}
.img_right{margin:4px 0px 0px 12px; padding:0px; display:block; float:right;}

/* MAIN LAYOUT */
#background{margin:auto; width:100%; background:url(../gui/bg_flourishes.gif) no-repeat center 321px; position:relative;}
#container{margin:auto; padding:0px; width:960px; height:100% !important; min-height:900px; height:751px; position:relative; text-align:left;}
#shadow{position:absolute; top:86px; left:0px; width:960px; height:732px; background: url("../gui/shadow.png") no-repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/shadow.png');}
#notebook{position:absolute; top:94px; left:37px; width:900px; height:573px; background: url("../gui/notebook.jpg") no-repeat;}
#card{position:absolute; top:670px; left:478px; width:426px; height:120px; background: url("../gui/card.jpg") no-repeat;}
#logo{position:absolute; top:94px; left:85px; width:266px; height:58px; text-indent:-9999px;}
#logo a{display:block; width:266px; height:58px; position:absolute; left:0px; top:0px;}
#menu{position:absolute; top:92px; right:29px; width:565px; height:70px;}
#login a{position:absolute; top:26px; right:32px; width:123px; height:30px; text-indent:-9999px;  background:url(../gui/login.png) no-repeat !important; background:url(../gui/login.gif) no-repeat;}
#login a:hover{background:url(../gui/login.png) no-repeat 0px -30px !important; background:url(../gui/login.gif) no-repeat 0px -30px;}
#blog a{position:absolute; top:26px; right:160px; width:208px; height:30px; text-indent:-9999px;  background:url(../gui/blog.png) no-repeat !important; background:url(../gui/blog.gif) no-repeat;}
#blog a:hover{background:url(../gui/blog.png) no-repeat 0px -30px !important; background:url(../gui/blog.gif) no-repeat 0px -30px;}

/* HOMEPAGE */
#email{display:block; width:359px; height:80px; padding:42px 0px 0px 69px; position:absolute; left:476px; top:669px; background:url(../gui/bg_form.gif) no-repeat 50px 18px;}
input{border:none; background:none; color:#c84738; font-family:Georgia, "Times New Roman", Times, serif;}
#submit{width:83px; height:39px;  background:url(../gui/btn_submit.gif) no-repeat; top:32px; left:298px; position:absolute; z-index:4;}
#submit:hover, #submit.over{background:url(../gui/btn_submit.gif) no-repeat 0px -39px;}

#why13{position:absolute; top:184px; left:82px; width:210px; height:320px; padding:146px 36px 0px 3px; background:url(../gui/why.gif) no-repeat; overflow:hidden; font-size:1.2em; line-height:1.64em; }
#why13 h2{height:0px; text-indent:-9999px; display:none;}
#why13 p{padding-bottom:10px;}
a#meet{display:block; width:103px; height:38px; background:url(../gui/meet.gif) no-repeat; text-indent:-9999px;}
a#meet:hover{background:url(../gui/meet.gif) no-repeat 0px -38px;}

#frame{display:block; width:583px; height:444px; position:absolute; left:333px; top:190px; background:url(../gui/frame.gif) no-repeat; z-index:5;}
#slideshow{display:block; width:562px; height:450px; position:absolute; left:344px; top:200px;}
#slideshow img{position:absolute; top:0; left:0; z-index:2; opacity:0.0}
#slideshow img.active{z-index:4; opacity:1.0;}
#slideshow img.last-active{z-index:3;}
a#view{display:block; width:128px; height:38px; background:url(../gui/view.gif) no-repeat; text-indent:-9999px; position:absolute; top:596px; right:154px; z-index:6;}
a#view:hover{background:url(../gui/view.gif) no-repeat 0px -38px;}

#copyright{position:absolute; top:694px; left:32px; width:350px; height:26px; background:url(../gui/credits.jpg) no-repeat; font-size: 14px; padding: 10px 0px 0px 14px; color: #261915;}
#copyright a{color: #261915;}
#copyright a:hover {color: #000;}



/* CONTENT PAGES */
#portfolio_menu{position:absolute; top:200px; left:78px; width:138px; height:245px;}
#portfolio{position:absolute; top:182px; left:232px; width:681px; height:461px; z-index:5;}
#portfolio p{padding:20px 0px 10px 3px; font-size:1.2em; line-height:1.8em; width:240px;}
#column1{position:absolute; top:208px; left:82px; width:245px; height:446px; padding:0px 36px 0px 3px; overflow:hidden; font-size:1.2em; line-height:1.8em; }
#column2{position:absolute; top:200px; left:366px; width:245px; height:446px; padding:0px 36px 0px 3px; overflow:hidden; font-size:1.2em; line-height:1.8em; }
#column3{position:absolute; top:200px; left:650px; width:245px; height:446px; padding:0px 36px 0px 3px; overflow:hidden; font-size:1.2em; line-height:1.8em; }
#column1 h2{height:72px; text-indent:-9999px; padding-bottom:28px;}
h2#about{background:url(../gui/title_about.gif) no-repeat;}
h2#quotations{background:url(../gui/title_quotations.gif) no-repeat;}
h2#whereabouts{background:url(../gui/title_whereabouts.gif) no-repeat;}
h2#thanks{background:url(../gui/title_thanks.gif) no-repeat;}
h2#client{background:url(../gui/title_login.gif) no-repeat;}

#column1 p, #column2 p, #column3 p{padding:0px 0px 10px 3px;}
#column1 blockquote{padding:0px 0px 10px 3px; line-height:1.65em; }
#column1 form{padding:6px 0px 4px 0px;}
#column1 input{display:block; width:218px; border:1px dashed #877873; margin-bottom:10px; padding:4px 4px 5px 6px; font-size:1.3em; line-height:1.18em; background:#ffffff; color:#877873;}
#column1 #message{height:176px;}
#submit_btn{background:url(../gui/btn_submit2.gif) no-repeat; width:108px; height:38px; border:none; padding:0px; display:block; position:absolute; top:186px; cursor:pointer;}
#submit_btn:hover{background:url(../gui/btn_submit2.gif) no-repeat 0px -38px;}
#alert{color:#39877C; font-style:italic; display:block; line-height:1.6em; position:absolute; top:80px; display:none;}

.credit{color:#39877C; font-style:italic; display:block; padding:7px 0px 26px 0px; line-height:1.6em;}
.end{display:block; padding:8px 0px 0px 0px;}

#column1 a, #column2 a, #column3 a{color:#39877C;}
#column1 a:hover, #column2 a:hover, #column3 a:hover{border-bottom:1px dashed #39877C;}
#column3 p#caption{padding:224px 0px 10px 3px; font-size:.9em; line-height:1.5em; font-style:italic; text-align:justify; color:#877873;}

#about1_pic{position:absolute; top:340px; left:698px; width:251px; height:303px;  background:url(../gui/pic_about1.png) no-repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/pic_about1.png');}
#about2_pic{position:absolute; top:176px; left:620px; width:332px; height:242px;  background:url(../gui/pic_about2.png) no-repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/pic_about2.png');}
#whereabouts_pic{position:absolute; top:210px; left:552px; width:404px; height:304px;  background:url(../gui/pic_whereabouts.png) no-repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/pic_whereabouts.png');}
#whereabouts_pic a{display:block; position:absolute; width:404px; height:304px;}

p#contact_info{padding:18px 0px 10px 3px; font-size:1.25em; line-height:1.4em;}
.smallcaps{font-variant:small-caps; text-transform:lowercase; color:#877873; font-size:.95em; display:block;}

#btn_questionnaire{position:absolute; top:481px; left:76px; width:141px; height:162px; background:url(../gui/btn_form.gif) no-repeat; text-indent:-9999px;}
#btn_questionnaire:hover{background:url(../gui/btn_form.gif) no-repeat -141px 0px;}

/* HIDDEN ELEMENTS */
hr{display:none;}
.clear{clear:both; height:0px;}