/* CSS Document */

@import url(reset.css); {
 
 }
 
body { background: #222; background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)); background: -moz-linear-gradient(top, #444, #000);  background-attachment: fixed; color: #fff;}

a { color: #f00; }
a:hover { text-decoration: underline; }

#container {width: 1000px; margin: 50px auto;}
#logo {display: block; width: 400px; height: 107px; background: url('fropaclogo400px.png'); text-indent: -9999px; float: left;}
#tagline {font-size: 2.3em; text-align: right; line-height: 107px; width: 597px; float: right; font-family: Cambria, Georgia, Times, 'Times New Roman', serif; text-shadow: 3px 3px 3px #000; margin-right: 3px;}

.jflow-content-slider { -moz-box-shadow: 5px 5px 10px #000; -webkit-box-shadow: 5px 5px 10px #000; }
#jFlowSlide{ background:#000; font-family: Georgia; border: 3px solid #a00; }
#myController { font-family: Georgia; padding:2px 0;  width:660px; background:#a00; }
#myController span.jFlowSelected { background:#e00;margin-right:0px; }
#myPortfolioController { font-family: Georgia; padding: 2px 0; width: 606px; background: #a00; }
#myPortfolioController span.jFlowSelected { background: #e00; margin-right: 0px;}

.slide-wrapper { padding: 0px; position: relative; }
.slide-thumbnail { width:655px; float:left; }
.slide-thumbnail img {max-width:655px; }
.slide-details { background: url('translucent.png'); width: 645px; padding: 5px; height: 55px; position: absolute; bottom: 0px; left: 0px; }
/*.slide-details { display:none; width:297px; float:left; margin-left:10px;}*/
.slide-details h2 { font-size:2.0em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top: 5px; font-size: 1.2em;}

.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #43A0D5; }



.contactbox { height: 281px; width: 267px; background: url('contactbox.png'); margin-right: -5px; padding: 0 20px; position: relative;}
.contactus { font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-weight: normal; font-size: 3.9em; text-align: center;}
#contact {font-size: 2.8em;}

#formtable {width: 100%; vertical-align: middle;}
#formtable td {height: 40px;}
.inputbox {width: 200px; text-align: right;}
.labels {width: 67px; text-align: right;}

#contact .textbox { width: 175px; height: 25px; border: 3px solid #000; font-size: .8em;}
#contact .selector { width: 175px; height: 25px; border: 3px solid #000;}
#contact .textbox:focus, #contact .selector:focus { border: 3px solid lightblue; }   

#message {text-align: center; margin-top: 15px;}
.button {text-align: center;}
.sender {width: 109px; height: 34px; border: 3px solid #000; font-size: .8em; background: #969696;}
.sender:hover {border: 3px solid lightblue;}
.socialnet {text-align: center; width: 100%; position: absolute; bottom: 0px; left: 0px;}
.socialnet img {padding: 10px; width: 50px;}

.information {height: 275px; width: 1000px; background: url('background.png'); margin-top: 25px; text-align: center;}

.information div {width: 300px; float: left; padding: 15px;}
.information h2 {font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-weight: normal; font-size: 3.9em; margin-bottom: 10px; }

.footer {text-align: center;}

/*-----[GALLERY]-----*/

.gallery {text-align: center;}

.gallery a img { padding: 5px; }
.gallery a:hover img {padding: 0; border: 5px solid #f00; }