#content {
	height: 600px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/services_banner.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size:100%;
	float: left;
}

#content #contenttext {
	height: 250px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	color: #0681BF;
	font-family: 'Raleway', 'sans-serif';
	padding-top: 175px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-weight: 500;
	text-shadow: 3px 2px 0 rgba(255,255,255,0.1);
}

#topban1 {
	height: 50px;
	width: 100%;
	font-family: 'Courgette', cursive;
	font-size: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	top: auto;
	float: left;
	background-color: #3F3F3F;
	margin-bottom: 35px;
}

/*Choose CSS*/
#container {
	height:300px;
	width:950px;

}

#jarJarBinks {
	height: 120px;
	width:500px;
	margin-left: auto;
	margin-right: auto;
}

#arrow {
	height:120px;
	width: 100px;
	float: left;

}

#frack {
	height:110px;
	width:380px;
	float: left;
	font-family: 'Permanent Marker', cursive;
	font-size: 30px;
	margin-left:20px;
	padding-top: 10px;

}
/*End ChooseCSS*/

#content2 {
	height: auto;
	width: 100%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

#content2 #Portfoliocontent {
	height: 50px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
	
}
#content2 #Portfoliocontent #Selector {
	float: left;
	height: 50px;
	width: 150px;
	font-family: 'Duru Sans', sans-serif;
	margin-right: 81px;
	margin-left: 81px;
	position: relative;
}

#content2 #detailcontent1 {
	height: 300px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	float: left;
	background-image: url(../images/tmpback1.png);
	background-repeat: repeat;
	position: static;
}

#content2 #portfolioselector {
	height: 305px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	margin-bottom: 375px;
	font-family: 'Raleway', 'sans-serif';
	padding-top: 300px;
}


#content2 #portfolioselector #lefttext {
	float: left;
	height: 300px;
	width: 300px;
	font-family: 'Raleway', 'sans-serif';
	color: #47A3DA;
	padding-left: 35px;
}


#content2 #portfolioselector #tiles {
	float: left;
	height: 75px;
	width: 650px;
	padding-top: 75px;
}
#content2 #portfolioselector #tiles #list {
	float: left;
	width: 210px;
	color: #0681bf;
}
#content2 #portfolioselector #tiles2 #list {
	float: left;
	width: 200px;
	color:#0681bf;
}


#content2 #portfolioselector #lefttext2 {
	float: right;
	height: 300px;
	width: 300px;
	font-family: 'Raleway', 'sans-serif';
	padding-right: 35px;
}
#content2 #portfolioselector #tiles2 {
	float: right;
	height: 305px;
	width: 650px;
}
#content2 #portfolioselector #lefttext3 {
	float: left;
	height: 300px;
	width: 300px;
	font-family: 'Raleway', 'sans-serif';
	padding-left: 35px;
}
#content2 #portfolioselector #tiles3 {
	float: left;
	height: 600px;
	width: 650px;
	background-repeat: no-repeat;
	background-position: center;
}
#content2 #tmpdictionary {
	height: auto;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 200px;
	padding-right: 25px;
	padding-bottom: 100px;
	padding-left: 25px;
}



/* Link Deco for lists */

#content2 #portfolioselector #tiles2 #list ul a:link {
	color: #0681bf;
	text-decoration: none;

}

#content2 #portfolioselector #tiles2 #list ul a:hover {
	color: #999;
	text-decoration: none;

}

#content2 #portfolioselector #tiles2 #list ul a:active {
	color: #999;
	text-decoration: none;

}

#content2 #portfolioselector #tiles2 #list ul a:visited {
	color: #0681bf;
	text-decoration: none;

}

#content2 #portfolioselector #tiles #list ul a:link {
	color: #0681bf;
	text-decoration: none;

}

#content2 #portfolioselector #tiles #list ul a:hover {
	color: #999;
	text-decoration: none;

}

#content2 #portfolioselector #tiles #list ul a:active {
	color: #999;
	text-decoration: none;

}

#content2 #portfolioselector #tiles #list ul a:visited {
	color: #0681bf;
	text-decoration: none;

}

#content2 #portfolioselector #lefttext a:link {
	color: #0681bf;
	text-decoration: none;

}

#content2 #portfolioselector #lefttext a:hover {
	color: #999;
	text-decoration: none;

}

#content2 #portfolioselector #lefttext a:active {
	color: #999;
	text-decoration: none;

}

#content2 #portfolioselector #lefttext a:visited {
	color: #0681bf;
	text-decoration: none;

}

#content2 #portfolioselector #lefttext2 a:link {
	color: #0681bf;
	text-decoration: none;

}

#content2 #portfolioselector #lefttext2 a:hover {
	color: #999;
	text-decoration: none;

}

#content2 #portfolioselector #lefttext2 a:active {
	color: #999;
	text-decoration: none;

}

#content2 #portfolioselector #lefttext2 a:visited {
	color: #0681bf;
	text-decoration: none;

}
/*Mobile link*/

#mportfolioselector #mtiles2 #mlist ul a:link {
	color: #0681bf;
	text-decoration: none;

}

#mportfolioselector #mtiles2 #mlist ul a:hover {
	color: #999;
	text-decoration: none;

}

#mportfolioselector #mtiles2 #mlist ul a:active {
	color: #999;
	text-decoration: none;

}

#mportfolioselector #mtiles2 #mlist ul a:visited {
	color: #0681bf;
	text-decoration: none;

}

#mportfolioselector #mtiles #mlist ul a:link {
	color: #0681bf;
	text-decoration: none;

}

#mportfolioselector #mtiles #mlist ul a:hover {
	color: #999;
	text-decoration: none;

}

#mportfolioselector #mtiles #mlist ul a:active {
	color: #999;
	text-decoration: none;

}

#mportfolioselector #mtiles #mlist ul a:visited {
	color: #0681bf;
	text-decoration: none;

}

#mportfolioselector #mlefttext a:link {
	color: #0681bf;
	text-decoration: none;

}

#mportfolioselector #mlefttext a:hover {
	color: #999;
	text-decoration: none;

}

#mportfolioselector #mlefttext a:active {
	color: #999;
	text-decoration: none;

}

#mportfolioselector #mlefttext a:visited {
	color: #0681bf;
	text-decoration: none;

}

#mportfolioselector #mlefttext2 a:link {
	color: #0681bf;
	text-decoration: none;

}

#mportfolioselector #mlefttext2 a:hover {
	color: #999;
	text-decoration: none;

}

#mportfolioselector #mlefttext2 a:active {
	color: #999;
	text-decoration: none;

}

#mportfolioselector #mlefttext2 a:visited {
	color: #0681bf;
	text-decoration: none;

}

/*End Link Deco for lists*/


.button {
	background-color:transparent;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	border:2px solid #0681bf;
	display:inline-block;
	color:#000333;
	font-family: 'Raleway', 'sans-serif';
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:48px;
	line-height:48px;
	width:148px;
	text-decoration:none;
	text-align:center;

}

.button:hover {
	color:#666;
	background-color:#transparent;
}

.button:active {
	position:absolute;bottom:0
	top:1px;
}
#content2 #select {
	float: left;
	height: 200px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
}
