*{
    margin:0;
    padding:0;
}
#header {
	position:relative;
	height:0px;
	display:-webkit-box;
	-webkit-box-orient:horizontal;
}

@font-face {
    font-family: 'RockwellRegular';
    src: url('rockwell-webfont.eot');
    src: url('rockwell-webfont.eot?#iefix') format('embedded-opentype'),
         url('rockwell-webfont.woff') format('woff'),
         url('rockwell-webfont.ttf') format('truetype'),
         url('rockwell-webfont.svg#RockwellRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
    background:#ecebf0;
	font-family: 'RockwellRegular';
    width:6400px;
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
	color:#fff;
}
img {vertical-align:bottom;}


.section{
    margin:0px;
    bottom:0px;
    width:1600px;
    float:left;
    height:100%;
	min-height:499px;
}
h1{
	font-family: 'RockwellRegular';
    font-weight: normal;
    font-style: normal;
	font-size:37px;
	margin:140px 0px 0px 150px;
	text-shadow: 0px 0px 0px #000, 4px 4px 5px #000;

}
h2{
	font-size:85px;
	line-height:50px;
	text-align:right;
	padding: 10px 10px 10px 0px;
}
h3{
font-size: 26px;
line-height:26px;
font-weight: normal;
font-style: normal;
padding: 10px 0 4px 0px;
}
h4{
font-size: 23px;
line-height:22px;
font-weight: normal;
font-style: normal;
padding: 10px 0 4px 0px;
}


p{
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
line-height:1.4em;
	}
p a{
    color:#0645AD;
}

.port{
font-size: .9em;
line-height:1em;

	}


.lefttext{
	text-align:left;
}	
.righttext{
	text-align:right;
}
.submit_btn{
font-size: 26px;	
}

.yellow{
color:#fff200;	
}

.dyellow{
	color:#ffa800;
	
}

.ease{}
.quote{
	padding: 10px 10px 0 0;
}
.section ul{
    list-style:none;
}

.space1{
    color:#fff;
    background:#ecebf0 url(../_images/site1.jpg) no-repeat top right;
}
.space1 ul li{
    float:left;
    color:#aaa;
}
.space1 ul li a{
    display:block;
    color:#f0f0f0;
}
.space1 ul li a:hover{
    text-decoration:none;
    color:#fff;
}
.space2{
    color:#000;
    background:#ecebf0 url(../_images/site2.jpg) no-repeat top right;
}


.space3{
    color:#000;
    background:#ecebf0 url(../_images/site3.jpg) no-repeat top right;
}


.space4{
    color:#000;
    background:#ecebf0 url(../_images/site4.jpg) no-repeat top right;
}

.smallwindow_me{
	background:url(../_images/shipwindowsmall_me.jpg) no-repeat top right;
	
}
.smallwindow_me:hover,.smallwindow_me_a {
	background:url(../_images/shipwindowsmall_me.jpg) 0 -45px;
}

#changeme{
	min-height:45px;
	min-width:45px;	
	position:absolute; left: 1808px; top: 162px;
	cursor:pointer;
}

#changebaxter{
	min-height:45px;
	min-width:45px;	
	position:absolute; left: 1808px; top: 212px;
	cursor:pointer;	
}
.smallwindow_baxter{
	background:url(../_images/shipwindowsmall_baxter.jpg) no-repeat top right;
}
.smallwindow_baxter:hover,.smallwindow_baxter_a {
	background:url(../_images/shipwindowsmall_baxter.jpg) 0 -45px;
}



#changerobot{
	min-height:45px;
	min-width:45px;	
	position:absolute; left: 1808px; top: 262px;
	cursor:pointer;	
}
.smallwindow_robot{
	background:url(../_images/shipwindowsmall_robot.jpg) no-repeat top right;
}
.smallwindow_robot:hover,.smallwindow_robot_a {
background:url(../_images/shipwindowsmall_robot.jpg) 0 -45px;
}



.bub2{
width:560px;
position:absolute; top:120px; left:410px;
}

.bub3{
	position:absolute;
	top:120px;
	left:65px;
	width:910px;

}
.bub3a{
	min-height:400px;
    width:300px;
display: inline-block;
}
.bub3b{
	min-height:400px;
    width:560px;	
	left:20px;
display: inline-block;
}



.bub4{
position:absolute;
top:120px;
left:120px;
min-height:450px;
    width:520px;

}
.bubble3inside {
    background: none repeat scroll 0 0 #fff;
    overflow: auto;
    padding: 10px;
    position: relative;
	color:#000000;
	float:left;
}
.bubble {
    background: none repeat scroll 0 0 #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */    color: white;
    overflow: auto;
    padding: 10px;
    position: relative;
	-moz-box-shadow:    2px 2px 5px 6px #333;
	-webkit-box-shadow: 2px 2px 5px 6px #333;
	box-shadow:         2px 2px 5px 6px #333;
	color:#000000;
	float:left;
	z-index:401;
}


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

.navlink{
	color:#FFF;
	}

.navtop {
	z-index:403;
    position:fixed;


}
.navright {

	width: 440px;
	font-size: 26px;
    top: 5px;
    left: 10px;
	text-shadow: 0px 0px 0px #000, 5px 5px 6px #000;
    position:fixed;
}
.navleft {

width:400px;
	left: 10px;
    top: 35px;
	font-size: 19px;
	padding-right:400px;
	    position:fixed;

}
.navbottomleft {
	font-size: 16px;
	color:#000;
	position:fixed;
	bottom: 10px;
	left: 10px;
	z-index:400;
	text-shadow:  1px 1px 0px #fff;

}
.navbottomright {
	font-size: 16px;
	color:#000;
	position:fixed;
	bottom: 30px;
	left: 10px;
	z-index:400;
	text-shadow:  1px 1px 0px #fff;

}


.aboutlargeimage{
	position:absolute; left: 1900px; top: 52px;
	z-index:402;
	}



#aboutcopy {
	padding: 20px 10px 10px 10px;
	}
	



/* +++CONTACT US+++ */

.submit_btn
{
	margin-left: 385px;
    font-size: 38px;
	color: #4dabe7;
	background: none;
	border: 0;
}


#contact_form input[type="text"]
{
  height:22px;
  width:500px;
  border:2px solid #ccc;
  }

#contact_form textarea
{
  height:100px;
  width:500px;
 border:2px solid #ccc;
 
}

#contact_form input[type="text"]:focus,textarea:focus
{
  color : #009;
  border : 2px solid #ccc;
  font-weight:bold;
}

.contact_buttons{
	height: 50px;
	float:right;
	display:inline;
	position:relative;
	margin:0 10px 0 0;
}
.contact_buttons li {
	float:right;
	display:inline;
}
a.contact_linkedin{
	display:block;
	background:url("../_images/linkenin.gif") no-repeat top right;
	background-repeat:no-repeat;
	height: 50px;
	width: 50px;
	margin-right:7px;

}
a.contact_linkedin:hover{
	background:url("../_images/linkenin.gif") 0 -50px;

}

a.contact_resume{
	display:block;
	background:url("../_images/resume.gif") no-repeat top right;
	background-repeat:no-repeat;
	height: 50px;
	width: 132px;
	margin-right:7px;


}
a.contact_resume:hover{
	background:url("../_images/resume.gif") 0 -50px;
}

/*PANELS*/
.panel {
	border:2px solid #ccc;
    margin: 6px 5px 6px 5px;
	float:left;
	}
.txt {
	border:0px;
	float:left;
}

.right {
	float:right;
}

.sq1{
	width:86px;
	height:75px;
}

.sq2{
	width:186px;
	height:75px;
}
.sq3{
	width:286px;
	height:75px;
}

.p01{
	background:url(../_images/portfolio/redsq1.jpg) no-repeat top right;

}
.p01:hover,.p01_a {
background:url(../_images/portfolio/redsq1.jpg) 0 -75px;
}

.p02{
	background:url(../_images/portfolio/swansq2.jpg) no-repeat top right;

}
.p02:hover,.p02_a {
background:url(../_images/portfolio/swansq2.jpg) 0 -75px;
}

.p03{
	background:url(../_images/portfolio/assassinrobotsq2.jpg) no-repeat top right;

}
.p03:hover,.p03_a {
background:url(../_images/portfolio/assassinrobotsq2.jpg) 0 -75px;
}

.p04{
	background:url(../_images/portfolio/ctcsq1.jpg) no-repeat top right;

}
.p04:hover,.p04_a {
background:url(../_images/portfolio/ctcsq1.jpg) 0 -75px;
}

.p05{
	background:url(../_images/portfolio/civitassq1.jpg) no-repeat top right;

}
.p05:hover,.p05_a {
background:url(../_images/portfolio/civitassq1.jpg) 0 -75px;
}

.p06{
	background:url(../_images/portfolio/clearchoisesq1.jpg) no-repeat top right;

}
.p06:hover,.p06_a {
background:url(../_images/portfolio/clearchoisesq1.jpg) 0 -75px;
}

.p07{
	background:url(../_images/portfolio/baronwebsq1.jpg) no-repeat top right;

}
.p07:hover,.p07_a {
background:url(../_images/portfolio/baronwebsq1.jpg) 0 -75px;
}

.p08{
	background:url(../_images/portfolio/spacesq3.jpg) no-repeat top right;

}
.p08:hover,.p08_a {
background:url(../_images/portfolio/spacesq3.jpg) 0 -75px;
}
.p09{
	background:url(../_images/portfolio/3dsq2.jpg) no-repeat top right;

}
.p09:hover,.p09_a {
background:url(../_images/portfolio/3dsq2.jpg) 0 -75px;
}
.p10{
	background:url(../_images/portfolio/adverbsq1.jpg) no-repeat top right;

}
.p10:hover,.p10_a {
background:url(../_images/portfolio/adverbsq1.jpg) 0 -75px;
}