@import url('index.css');

body,div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,
blockquote,th,td          {margin:0;padding:0;}
body                      {background:#0f0f0f; color:fff; font-size:11px;}
h1,h2,h3,h4,h5,h6,p       {font-size:100%;font-weight:400;}
ol,ul                     {list-style:none;}
caption,cite,code,th      {font-style:normal;font-weight:400;}
fieldset,img              {border:0;}
caption,th                {text-align:left;}
:focus                    {outline:1px solid #aaa;}
table                     {border-collapse:collapse;border-spacing:0;}

h2 {
	font-size:19px;
	color:#9fe1fa;
	font-weight:bold;
}

h3 {
    font-size:15px;
    color:#9fe1fa;
}

#wrapper {
	position:relative;
	width:1200px;
	min-height:700px;
	margin:0px 0 0 60px;
}

#top {
	height:150px;
	width:100%;
}

#logo {
	background:url(../images/thirdwavelogo.jpg) no-repeat;
	width:330px; height:70px;
	float:left;	
	margin:30px 0 0 0;
}

#nav {
	float:right;
	width:700px; height:20px;
	margin:75px 0 0 0;
}

#nav ul{
	text-align:right;
	list-type:none;	
	padding:0;
	margin:0 40px 0 0;
}

#nav ul li {
	display:inline;
	border-right:1px solid #fff;
	padding:0 10px 0 10px;
}

#nav ul li a {
	color:#fff;
	text-decoration:none;
	font-size:11px;
}

/*Content area */
#content {
	width:100%;
	min-height:500px;
	padding-bottom:0px;
}

#left {
	float:left;
	width:330px;
	padding-right:80px;
}

#left p {
	padding:0px 0 20px 0;
	line-height:20px;
	font-size:13px;
}

#right {
	float:left;	
}

/* Job Navigation */
#jobnavigation {
	width:135px;
	height:300px;
	line-height:15px;
	margin:30px 0 0 35px;
	float:left;
}

#jobnavigation h1 {
	color:#92e2f8;
	font-size:11px;
}

#jobnavigation ul{
	margin-bottom:10px;	
}

#jobnavigation ul li a{
	color:#fff;
	text-decoration:none;
	margin-left:6px;
	text-transform:uppercase;
	font-size:9px;
}

/* Profile page */
#profile {
	margin:20px 90px 0px 0;
	
}

#profilebg {
	background:url(../images/profilebg.jpg) center;	
	width:445px;
	height:318px;
	margin: 80px 0 0 -60px;
}

/* Services page styles */
#services {
	margin: 20px 90px 0 0;
}

#servicesbg {
	width:330px; height:302px;
	background:url(../images/servicesbg.jpg);
	margin: 50px 0 0 -60px;
}

/* Contact Page Styles */

#left input.fields {
	width:324px; height:20px;
	margin:9px 0 15px 6px;
	background:#777;
	border:none;
}

#left input.submit {
	width:75px; height:24px;
	background:url(../images/sendbutton.jpg);
	margin:18px 0 12px 6px;
}

#left textarea {
	width:324px; height:100px;
	margin:9px 0 6px 6px;
	background:#777;
	border:none;	
}

#right #letstalk {
	margin:40px 0 0 0;
	background:url(../images/lets-talk.jpg);
	width:473px; height: 283px;
}

#errors {
	margin-left:6px;
}

/* Experience images */
#Previous {
	position:absolute;
	top:0px; left:0px;
	width:17px;
	height:369px;
	float:left;
	background:url(../images/leftarrow.jpg) center no-repeat;
	margin-right:5px;
}

#Next {
	position:absolute;
	top:0px; right:0px;
	height:369px;
	width:17px;
	float:right;
	background:url(../images/rightarrow.jpg) center no-repeat;
}

#viewport a.previous{	
	float:left;	
	margin:150px 10px 0 0;
	width:17px;
	height:33px;
	background:url(../images/leftarrow.jpg) center no-repeat;
}

#viewport .disabled {
	-moz-opacity:.3;opacity:0.30;filter:alpha(opacity=30);
	}

#viewport a.next{
	float:right;
	margin:150px 0 0 10px;
	width:17px;
	height:33px;
	background:url(../images/rightarrow.jpg) center no-repeat;
}

.carousel-control next carousel-next {
	margin-top:160px;
	float:right;
	display:none;
}

.carousel-wrap {
	width:1000px;
	float:left;
}

#exp_images {
	height:369px;
	width:1020px;
	overflow:hidden;
	float:left;
	display:inline;
}

#exp_images img {
	max-width:500px;
}

#exp_images ul {
	display:inline;	
	overflow:hidden;
}

#exp_images ul li {
	display:inline;
	margin-right:5px;
}

#imageswrapper {
	position:relative;
	width:1080px;
}

/*carousel styles */
#viewport{
	width: 1066px;
	height:425px;
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
	margin-left:20px;
}

#viewport img {
	max-width:500px;	
}
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}
#viewport li{
	width: 500px; /* Defines the size of inner element */
	height: 450px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	margin: 0;
	padding: 5px;
	text-align:center;
	float:left;
}

#viewport .caption {
	padding-top:10px;
	padding-left:10px;
	font-size:10px;
	color:#777;
	height:30px;
	text-align:left;
}
 

/* Nav on experience pages */
#nav_exp {
	float:right;
	width:700px; height:92px;
	margin:20px 0 0 0;
}

#nav_exp ul{
	text-align:right;
	list-type:none;	
	padding:0;
	margin:55px 40px 0 0;
}

#nav_exp ul li {
	display:inline;
	border-right:1px solid #fff;
	padding:0 10px 0 10px;
}

#nav_exp ul li a {
	color:#fff;
	text-decoration:none;
	font-size:11px;
}

/*Footer */

#footercontact {
	bottom:0px; left:0px;
	width:300px; height:20px;
	margin:0 0 10px 0;	
	padding-top:20px;
	clear:both;
}

/* Classes */
.clr {
	clear:both;	
}

.blue {
	font-size:15px;
	color:#9fe1fa;	
}