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

a {text-decoration:none; color:#d54f4f;}
a:hover {color:#fff;}
/*html {background: url(../images/gradient2_08.jpg) repeat-x; z-index:-3;}*/
#body {overflow:hidden; position:relative;}

body { 
	background: url(../images/gradient.jpg) repeat-x #191919; 
	text-align:center;
	font-family: Helvetica, Arial, sans-serif;
	font-size:62.5%;
	color:#eee;
	}

#uberwrap {background: url(../images/gradient2.jpg) repeat-x; width:75%; position:absolute; top:0; left:25%; z-index:-1;height:100%;}

#container { margin:0 auto; text-align:left; background: url(.jpg) ; width:980px;}

#header {height:88px; background: url(../images/header.jpg)  no-repeat ; }



#main { background: url(.jpg) ; min-height:400px; clear:both; position:relative; left:20px; width:800px;}


#footer {width:840px;  background: url(../images/bevel.jpg) repeat-x ; clear:both; height:20px; margin:0 0 0 15px;}

/*loading */
#load {position:absolute; width:145px; height:200px; padding:6px 9px 0 0   ;top:40%; left:45%;background: url(../images/load.gif)no-repeat;display:none; color:#111;}

/*headings*/
#header h1 {}
#header h1 a { width:345px; height:60px; position:relative; top:20px;left:0px; text-indent:-9999px;display:block; }

h2#strapline { font-size:1.8em; color:#fff; float:left; margin:.5em 0.8em 0; width:51%;}


/* NAV */

#navv {position:relative; left:0;}
#nav { background: url(../images/nav1.jpg) no-repeat left ; float:left; width: 100px; height:46px;}

#navwrap{ background: url(../images/nav2.jpg) no-repeat;  float:left;width:300px; margin:0 -10px 0 25px; height:46px; padding:0 10px 0 0;}

#nav ul { background:url(../images/nav3.jpg) no-repeat right;  height:46px; }

#nav li {float:left;  margin: 4px 0 0 0;}

#nav li a { font-size:1.4em; display:block; color:#222; padding: 5px 13px;}

#nav li a:hover {color:#fff; }

/*FRON PAGE */

img#mainpic {margin:10px -20px; float:left;}

#main ul#work_btn {margin:23px 0 0 600px; width:200px;  height:100px; padding:25px 0;}


#main ul#work_btn li:first-child{}
#main ul#work_btn li a {text-indent:-9999px;margin: 0 0 20px 0;}

a#btn_work {background: url(../images/button2_03.png) no-repeat top; height:65px; width:169px; display:block;}
a#btn_work:hover {background: url(../images/button2_03.png) bottom;}

a#btn_about {background: url(../images/button2_05.png) no-repeat top; height:65px; width:224px; display:block;}
a#btn_about:hover {background: url(../images/button2_05.png)bottom no-repeat; }

a#btn_contact {background: url(../images/button2_07.png) no-repeat top; height:65px; width:196px;  display:block; }
a#btn_contact:hover {background: url(../images/button2_07.png) bottom; }


/* PORFTOLIO */

.workwrapper {margin: 10px 0 0 0px; width:840px; height: 210px; border-bottom:1px dotted #ddd;padding: 16px 0 0 15px; background: url(../images/splash_20.png) no-repeat 0 0 ;}
.flukereward {height: 230px;}
.variant {background: url(../images/splash2_20.png) no-repeat 0 0 ;}


.portfolio li {float:left; margin: 10px 20px 10px 0px; }
.portfolio img {border:4px solid #666;}
.portfolio img:hover {border:4px solid #ddd;}
.workwrapper h2 {font-size:1.6em; color:#333; font-weight:bold; margin: 0 0 8px 0; padding: 0 0 0 3px;}
.workwrapper h3{ font-size:1.5em; margin:16px 0 8px; color:#ddd; font-family: Georgia;}
.info {font-size:1.3em;}
ul.featuring {margin: 20px 50px 0 0; text-align:right;}
.featuring li { background: url(../images/tick.png) no-repeat right; padding: 5px 32px 7px 32px; margin:0 0 0 22px; color:#ddd;}
.workwrapper a.sitevisit { height:47px; width:169px; background: url(../images/visita_10.png) no-repeat top; display:block; margin:0 0 0 640px; text-indent:-9999px;}
.workwrapper a.sitevisit:hover {background: url(../images/visita_10.png) bottom no-repeat; }

.port_intro {font-size:1.1em;}

.workwrapper_wgsn {margin: 10px 0 0 0px; width:840px; height: 590px; border-bottom:1px dotted #ddd;padding: 16px 0 0 15px; background: url(../images/splash_20.png) no-repeat 0 0 ;}

.wgsn {float:left; width:600px;}
.wgsn li {float:left; margin: 10px 20px 10px 0px; }
.wgsn img {border:4px solid #666;}
.wgsn img:hover {border:4px solid #ddd;}
.workwrapper_wgsn h2 {font-size:1.6em; color:#333; font-weight:bold; margin: 0 0 8px 0; padding: 0 0 0 3px;}
.workwrapper_wgsn h3{ font-size:1.5em; margin:16px 0 8px; color:#ddd; font-family: Georgia;}
.workwrapper_wgsn a.sitevisit { height:47px; width:169px; background: url(../images/visita_10.png) no-repeat top; display:block; margin:0 0 0 640px; text-indent:-9999px;}
.workwrapper_wgsn a.sitevisit:hover {background: url(../images/visita_10.png) bottom no-repeat; }
.hidden {display:none;}

/* FOOTER */

#footer li { float:left; margin: 10px 10px;}
#footer li a {color:#666;}
#footer li a:hover {color:#999;}





/* CONTACT */
#contactform {font-size:1.2em;width:400px; padding:30px; margin:40px 0; -moz-border-radius:15px; -webkit-border-radius:15px;border: 2px solid #eee; background:#333; position:relative; clear:both;}
input, textarea {padding:4px 0 ; margin: 4px; width:250px; font-size: 1.3em; background-color:#333 !important; color:#eee;}
input:focus, textarea:focus {border-color: #fff;}
.error {color:#d54f4f; width:300px; display:block;}
label {color:#fff; font-size:1.4em;margin:4px 0}
td.message { vertical-align:top; padding:4px 0 0 0;}

#submit {width:120px; height:44px;background:url(../images/senda_03.png) no-repeat top ;text-indent:-9999px; border:none; padding:0px }
#submit:hover {background:url(../images/senda_03.png) bottom no-repeat;cursor:pointer; text-indent:-9999px;}

#form_submit {font-size:1.2em; width:50%;}


/* about */

#me {border:4px solid #666;float:left; clear:both;}

.about { margin:0px 10px; width: 100px; float:left; font-size:1.2em;}
.abouts {width:250px; border-left: 1px dotted #eee; padding: 15px 0 15px 35px; float:left; font-size:1.4em; margin: 7px 20px;}
.about li { background: url(../images/tick.png) no-repeat left; padding: 5px 32px 7px 25px; margin:0 ; color:#ddd;}
#aboutings{width:700px; padding:30px; margin:50px 0; -moz-border-radius:15px;-webkit-border-radius:15px; border: 2px solid #eee; background:#333; top:30px; position:relative; background: url(../images/splash_20.png) no-repeat 430px 7px ;}
#aboutings h3 {float:left; margin: -8px 0 0 56px; font-size:1.8em; font-weight:bold; color:#333;}