/* CSS Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; } 
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }

/* Setting Body Background */
body {	
	background:transparent url('../images/bg.png') repeat left top;
	text-align: center;
 } 

/* Wrappers */

#wrapperPrime, #wrapperContent {
	width: 100%;
	text-align: center;
}

#wrapperContent {
	margin-top: -22.5em;
	display: none;
}

#wrapperLoading {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height: 550px;
	margin-top: -22.5em;
	width: 100px;
}

#applicInProcess, #applicSuccess {
	width: 100px;
	text-align: center;
	height: 550px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1em;
	color: #FFFFFF;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

#applicInProcess { display: none; }
#applicSuccess span { color: #FFFFFF; width: 300px; position: relative; top: 240px; text-align: center; display: block; left: -100px;}

#wrapperLoading img, #applicInProcess img {
	margin-top: 230px;
}

#wrapperUtility, #wrapperUtilityLogo {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: hidden;
	z-index: 50;
}

#wrapperUtility {
	margin-top: -3px;
	padding-bottom: 22em;
	z-index: 485;
}

#wrapperUtilityLogo {
	z-index: 100;
}

#wrapperLogo {
	width: 11.62790698%;
	overflow: hidden;
	vertical-align: bottom;
	margin-left: auto;
	margin-right: auto;
}

#wrapperTag {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 36px;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: center;
	color: #6F6F6E;
	font-family: 'BankGothic', Verdana, Arial;
	font-size: 0.8em;
}

#wrapperContact, #wrapperProfile {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1em;
	color: #FFFFFF;
}

#wrapperContact { height: 480px; }

#wrapperContact { 
	font-family: 'BankGothic', Verdana, Arial;
	background-color: rgba(0, 0, 0, 0.7);
}

#wrapperProfile { 
	margin-top: 2em;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: #FFFFFF;
	background: url(../images/profBack.jpg) no-repeat left bottom;
	padding-top: 3em;
	padding-bottom: 3em;
	text-align: justify;
	margin-bottom: 2em;
	z-index: 200;
}

#wrapperContact:after {
	content: "";
	opacity: 1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
	background: url(../images/contBack.jpg);
}

#wrapperTinyMenu {
	display: none;
}

#wrapperCat {
	display: none;
}

#wrapperTag a {
	text-decoration: none;
	background: transparent;
}

#wrapperTag a:hover {
	text-decoration: underline;
}

#wrapperLogo img, #wrapperSliderList div img {
	max-width: 100%;
	display: block;
}

#wrapperCarousel {
 	width: 100%;
 	position: relative;
 }

#wrapperPagination {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 15px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

#wrapperPagination a {
	border: 3px solid #BDBDBD;
	margin-left: 5px;
	margin-right: 5px;
	overflow: hidden;
	height: 10px;
	width: 10px;
	display: block;
	float: left;
}

#wrapperPagination a:hover {
	background-color: #6E6E6F;
}

#wrapperProTab {
	width: 1110px;
	height: 550px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2em;
	background-color: rgba(0, 0, 0, 0.7);
	position: relative;

}

#wrapperTeam {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

#wrapperTeam:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
#wrapperTeam {
	display: inline-block;
}
 
html[xmlns] #wrapperTeam {
	display: block;
}
 
* html #wrapperTeam {
	height: 1%;
}

#wrapperPartners { width: 1100px; z-index: 1000; margin-left: auto; margin-right: auto; background: rgba(0, 0, 0, 0.85); overflow: hidden; }
#wrapperPress { width: 1100px; margin-left: auto; margin-right: auto; border-left: 1px solid #BDBDBD; border-right: 1px solid #BDBDBD; border-bottom: 1px solid #BDBDBD; }

/* Partner Divs */

.partTeam {
	width: 23.875%;
	margin-right: 1.5%;
	margin-bottom: 1em;
	background-color: rgba(0, 0, 0, 0.85);
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	float: left;
}

.TMem {
	width: 90%;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 0.8em;
}

.TMem img { max-width: 100%; margin-bottom: 0.5em; }

.pH {
	width: 48%;
	overflow: hidden;
	padding-top: 2em;
	z-index: 500;
	cursor: pointer;
}

.pL { margin-left: auto; margin-right: auto; width: 80%; text-align: right; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 1em; color: #FFFFFF; }
.pR { margin-left: auto; margin-right: auto; width: 80%; text-align: left; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 1em; color: #FFFFFF; }

.pL img, .pR img { max-width: 100%; margin-bottom: 0.5em;}

/* Menu Divs */
.mdMenu, .mdMenuActive {
	width: 100%;
	font-family: 'BankGothic', Verdana, Arial;
	vertical-align: middle;
	font-size: 0.8em;
	padding-top: 0.5em;
	height: 40px;
	text-decoration: none;
	letter-spacing: -0.05em;
	z-index: 600;

}

.mdPsuedo {
	width: 11%;
	margin-left: 1.1%;
	margin-right: 1.1%;
	height: 40px;
	z-index: 490;
}

.mdMenu {
	border-top: 3px solid #6F6F6E;
	color: #6F6F6E;
}

.mdMenuActive {
	border-top: 3px solid #E84E1B;
	color: #E84E1B;
}

.mdSpacer {
	width: 11.62790698%;
	margin-left: 2.2%;
	margin-right: 2.2%;
	height: 2.5em;

}

#wrapperCloser {
	position: absolute;
	left:0 ;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 475;
	background-color: rgba(255, 255, 255, 0.1);
}

/* Prev Next Buttons*/

 .prev, .next {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 200;
	top: 0;
	overflow: hidden;
 }

 .prev:hover, .next:hover {
	background-color: rgba(0, 0, 0, 0.8);
	cursor: pointer;
}

.prev {
	left: 0;
}
.next {
	right: 0;
	}

.prev img {
	float: right;
}
.next img {
	float: left;
	}

.prev img, .next img {
	width: 120px;
	position: relative;
	top: 50%;
	margin-top: -60px;
}

.projectsLi {
	width: 30%;
	margin-left: 1.1%;
	margin-right: 1.1%;
	vertical-align: top;
	padding-top: 3em;

}

.projectsLi img {
	max-width: 100%;
	margin-bottom: -0.5em;
}

.projectsLi a {
	font-family: 'BankGothic', Verdana, Arial;
	font-size: 1em;
	letter-spacing: -0.05em;
	color: #FFFFFF;
	text-decoration: none;
	opacity: 0.7;
}

/* Slide Captions */

.slCap {
	position: absolute;
	bottom:0;
	left:0;
	z-index: 5;
	color: #FFFFFF;
	font-family: 'BankGothic', Verdana, Arial;
	font-size: 1.70em;
	text-align: center;
	vertical-align: middle;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	letter-spacing: -0.05em;

}

.slCap:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

#wrapperSliderList div {
	position: relative;
}

#wrapperSliderList div a {
	text-decoration: none;
}

/* Hr */

.hr {
	width: 300px;
	color: #F2F2F2;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Drop Down */

#wrapperUtility ul ul li {
	width: 170px;
	background-color: rgba(0, 0, 0, 0.9);
	display: block;
	font-size: 0.8em;
	font-family: 'BankGothic', Verdana, Arial;
	color: #6F6F6E;
	height: 2.5em;
	overflow: hidden;
}

#wrapperUtility ul ul li:hover {
	background-color: #E84E1B;
}

#wrapperUtility ul ul li a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	width: 170px;
	float: left;
	text-align: center;
	padding-top: 0.75em;
	height: 2.5em;
}

#wrapperUtility ul {
	position: relative;
}

#wrapperUtility ul:after {
	content: "";
	clear: both;
	display: block;
}

#wrapperUtility ul ul {
	position: absolute;
	top: 100%;
	z-index: 500;
	display: none;
	width: 170px;
	margin-left: -35px;
	-moz-box-shadow: 3px 5px 10px 2px #1C1C1C;
	-webkit-box-shadow: 3px 5px 10px 2px #1C1C1C;
	box-shadow: 3px 5px 10px 2px #1C1C1C;
	margin-top: -1em;

}

/* Special stuff */

.rotated {
	color: #FFFFFF;
	font-size: 2.25em;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	-moz-transform: rotate(270deg);  /* FF3.5+ */
	-o-transform: rotate(270deg);  /* Opera 10.5 */
	-webkit-transform: rotate(270deg);  /* Saf3.1+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* IE8 */
	z-index: 80;
	margin: 0;
	text-align: left;
	position: relative;
	display: block;
	top: 100%;
	margin-top: -132px;
	white-space: nowrap;
}

.rot {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 80;
	top: 0;
	overflow: hidden;
	width: 4.25em;
	border-left: 1px solid #E84E1B;
}

.rotSub {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 80;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 4.25em;
	border-left: 1px solid #E84E1B;
	height: 600px;
}

.capName {
	float: left;
	padding-left: 104px;
	text-align: left;
	font-size: 0.75em;
	padding-top: 0.15em;
	vertical-align: middle;
	width: 70%;
	display: block;
}

.capOther {
	float: right;
	text-align: right;
	padding-right: 40px;
	font-size: 0.6em;
	padding-top: 0.3em;
}

.proKun {
	background-color: rgba(0, 0, 0, 0.8);
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 1em;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	line-height: 1.5em;
	text-align: justify;
	position: relative;
}

.pro5 { position: absolute; bottom: 0.5em; width: 100%; left: 0; text-align: center; }

.pro5 a { color: #FFFFFF; text-decoration: underline !important; }

.pro1 {
	position: absolute;
	top: 5em;
	left: 3em;
	width: 75%;
	height: 30%;
}

.pro2, .pro3 {
	position: absolute;
	top: 2em;
	right: 3em;
	text-align: right;
	overflow: hidden;
}

.pro2 img, .pro3 img {
	opacity: 0.7;
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
}

.pro2 {
	width: 45%;
	height: 45%;
}

.pro3 {
	width: 27%;
	height: 90%;
}

.pro2 img {
	max-height: 100%;
}

.pro3 img {
	max-width: 100%;
}

.pro4 {
	position: absolute;
	bottom: 2em;
	left: 3em;
	width: 65%;
	text-align: justify;
	display: block;
	height: 45%;
}

/* Contact Styling */

.con1 {
	top: 72px;
	position: absolute;
	left: 150px;
	text-align: center;
	width: 800px;
}

.con2 {
	position: absolute;
	bottom: 48px;
	left: 150px;
}

.con2 a {
	color: #FFFFFF;
	text-decoration: none;
}

.con2 a:hover {
	text-decoration: underline;
}

.con2 iframe {
	width: 800px;
	height: 240px;
}

.con1 a {
	color: #FFFFFF;
}

.con1 p {
	text-align: justify;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -0.8em;
}

.con1 p:after {
	content: "";
	display: inline-block;
	width: 100%;
}

.tabBot {
	width: 100%;
	position: absolute;
	bottom: 0.9em;
	left: 0;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
}

#pagin {
	float: left;
	margin-left: 2em;
	height: 2em;
	line-height: 2em;
	padding-top: 0.3em;
}

#pagin a {
	display: block;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	border: 1px solid #FFFFFF;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: middle;
	line-height: 20px;
}

#pagin a:hover {
	background-color: #E84E1B;
}

#tabSearch {
	height: 2em;
	float: right;
	margin-right: 2em;
	line-height: 2em;
}

#tabSearch input {
	font-size: 1em;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	border: 1px solid #424242;
	color: #2E2E2E;
}

#tabSearch input:focus {
	border: 1px solid #E84E1B;
}

#tabTop {
	height: 50px;
	width: 100%;
	display: block;
}

.noResFou {
	width: 100%;
	text-align: center;
	position: absolute;
	color: #FFFFFF;
	top: 10em;
	left: 0;
	font-size: 1em;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

.profCl {
	width: 50%;
	margin-left: 5%;
}

/* Accordion */

.ui-accordion-header {
	cursor: pointer;
	display: block;
	width: 100%;
	background: rgba(0, 0, 0, 0.05);
	color: #424242;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
	font-size: 1em;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #6E6E6E;
	text-align: left;
	text-indent: 3em;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

.ui-accordion-content { text-align: left; display: block; height: 310px; overflow: hidden;}
.ui-accordion-content img { margin-top: 0.3em; margin-bottom: 0.3em; margin-left: 3em;}

.ui-accordion-header span.prLeft { display: block; width: 90%; text-align: left; }
.ui-accordion-header span.prRight { display: block; width: 90%; text-align: left; }

.ui-accordion-header i { color: #A4A4A4; }

.ui-state-active { color: #E84E1B; }

.ui-accordion-content { background-color: rgba(255, 255, 255, 0.5);}

#pressAccordion h3:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

.pressSpacer { height: 2em; background-color: rgba(0, 0, 0, 0.7); }

/* IK Form Style */

#wrapperIK { width: 1100px; margin-left: auto; margin-right: auto; background: url(../images/ikBack.jpg) top center; background-size: 100%; padding-top: 16px; }
#wrapperForm { width: 600px; height: 550px; margin-left: auto; margin-right: auto; display: inline-block; position: relative; font-family: 'Trebuchet MS', Helvetica, sans-serif; }

.beCreative { width: 582px; height: 50px; background: #E84E1B; color: #FFFFFF; font-size: 1.5em; line-height: 50px; text-align: right; margin-left: auto; margin-right: auto; }
.who { width: 200px; height: 180px; position: absolute; left: 0; top: 50px; }
.how { width: 200px; height: 360px; position: absolute; left: 200px; top: 50px; }
.when { width: 200px; height: 180px; position: absolute; left: 400px; top: 50px; }
.why { width: 200px; height: 304px; position: absolute; left: 0; bottom: 16px; }
.where { width: 200px; height: 180px; position: absolute; right: 0; bottom: 140px; }
.what { width: 400px; height: 66px; position: absolute; right: 0; bottom: 74px;}
.send { width: 400px; height: 24px; position: absolute; right: 0; bottom: 24px;}

.where textarea { height: 146px; }

.generic { width: 100%; border: 1px solid #FFFFFF; font-size: 0.9em; color: #BDBDBD; background: rgba(255, 255, 255, 0.2); resize:none; font-family: 'Trebuchet MS', Helvetica, sans-serif; }
.generic:hover { background: rgba(255, 255, 255, 0.3); border: 1px solid #E84E1B; color: #FFFFFF; }
.generic:focus { background: rgba(255, 255, 255, 0.3); color: #FFFFFF; }

.send input { width: 380px; background: #E84E1B; border: 0; color: #FFFFFF; height: 30px; font-size: 16px; line-height: 24px; border: 1px solid #E84E1B; }
.send input:hover { background: #EB7A54; cursor: pointer; }

#filePsuedo { width: 240px; height: 24px; font-size: 16px; border: 1px solid #FFFFFF; font-size: 0.9em; color: #FFFFFF; background: rgba(255, 255, 255, 0.3); font-family: 'Trebuchet MS', Helvetica, sans-serif; position: absolute; left: 0; top: 0; z-index: 50; cursor: default; }
.browseButton { width: 140px; height: 26px; font-size: 16px; border: 1px solid #E84E1B; position: absolute; top: 0; right: 0; line-height: 24px; color: #FFFFFF; background: #E84E1B; z-index: 60; }
.browseButton:hover { background: #EB7A54; }

#browse { opacity: 0; -moz-opacity:0 ; filter:alpha(opacity: 0); width: 100%; height: 34px; border: 0; font-size: 16px; position: relative; text-align: right; right: 20px; z-index: 1000; cursor: pointer;}

.browseWrap { width: 380px; margin-left: auto; margin-right: auto; position: relative; height: 34px;}
.browseWrap span { width: 380px; display: block; text-align: left; font-size: 14px;}
.questTitle { width: 180px; text-align: left; font-size: 16px; height: 32px; line-height: 32px; margin-left: auto; margin-right: auto; }
.browseTitle { width: 380px; text-align: left; font-size: 16px; height: 32px; line-height: 32px; margin-left: auto; margin-right: auto; }
.textArWrap { width: 180px; text-align: left; margin-left: auto; margin-right: auto; }

html #wrapperLogo, .mdMenu, .mdMenuActive, .mdSpacer, .projectsLi, .mdPsuedo {display:inline} /* for ie */
html>body #wrapperUtilityLogo, #wrapperUtility {display:table} /* for mozilla */ 
html>body #wrapperLogo, .mdMenu, .mdMenuActive, .mdSpacer, .projectsLi, .mdPsuedo {display:table;float:left} /* for mozilla */ 
@media all and (min-width: 0px){ html>body #wrapperLogo, .mdMenu, .mdMenuActive, .mdSpacer, .projectsLi, .mdPsuedo {display:inline-block;float:none;} /* opera 7 styles */
}

/* Media Queries */
@media only screen and (min-width : 1440px){

#wrapperUtility, #wrapperUtilityLogo {
	width: 1150px;
}

#wrapperUtility ul ul {
	margin-left: -37px;
	width: 200px;
}

#wrapperUtility ul ul li a, #wrapperUtility ul ul li {
	width: 200px;
}

#wrapperContact {
	width: 1100px;
	height: 550px;
}

#wrapperProfile { width: 1100px; }

.slCap {
	font-size: 0.75em;
}

.partTeam:nth-child(4n) { margin-right: 0; }

}


@media only screen and (min-width : 1200px) and (max-width : 1439px) {

#wrapperUtility,#wrapperUtilityLogo {
	width: 1040px;
}

#wrapperProTab {
	width: 1000px;
}

#wrapperPartners, #wrapperTeam, #wrapperPress, #wrapperIK { width: 1000px; }

#wrapperUtility ul ul {
	margin-left: -28px;
}

#wrapperContact {
	width: 1000px;
	height: 500px;
}

#wrapperProfile { width: 1000px; }

.prev img, .next img {
	width: 100px;
	margin-top: -50px;
}

.con2, .con1 {
	left: 100px;
}

.con1 { top: 36px;}
.con2 { bottom: 36px;}

.partTeam:nth-child(4n) { margin-right: 0; }

}

@media only screen and (min-width : 1024px) and (max-width : 1199px) {

#wrapperPartners, #wrapperTeam, #wrapperProTab, #wrapperPress, #wrapperIK { width: 860px; }

.prev img, .next img {
	width: 80px;
	margin-top: -40px;
}

.projectsLi { padding-top: 2.5em; }
.projectsLi a { font-size: 1em; }
#wrapperUtility ul ul { margin-top: -17px; }
.rot, .rotSub { width: 3em; }

.rotated {
	font-size: 1.75em;
	margin-top: -112px;
}

.capName { padding-left: 96px; }
.proKun { font-size: 0.9em; }

.con2, .con1  {
	left: 80px;
	width: 700px;
}

.con1 { top: 36px; }
.con2 { bottom: 36px; }

.con2 iframe {
	width: 700px;
	height: 200px;
}

.partTeam:nth-child(4n) { margin-right: 0; }

}
@media only screen and (min-width : 768px) and (max-width : 1023px){

#wrapperContent {
	margin-top: -21em;
}

#wrapperLogo {
	width: 120px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#wrapperPartners, #wrapperTeam, #wrapperIK { width: 660px; }
#wrapperPartners div { font-size: 0.95em; }

#wrapperUtility, #wrapperUtilityLogo {
	width: 740px;
}

#wrapperProTab {
	width: 95%;
}

#wrapperUtility ul ul {
	margin-top: 8px;
}

#wrapperContact {
	width: 660px;
	height: 480px;
}

#wrapperProfile, #wrapperPress { width: 660px; }

.mdSpacer {
	display: none;
}

.mdPsuedo {
	width: 13.5%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	height: 2em;
}

.mdMenu,.mdMenuActive {
	height: 2.5em;
}

.prev img, .next img {
	width: 80px;
	margin-top: -40px;
}

.prev img {
	margin-right: -15px;
}
.next img {
	margin-left: -15px;
}

.slCap {
	font-size: 1.25em;
	padding-top: 0.4em;
	padding-bottom: 0.5em;
}

.projectsLi {
	padding-top: 1.25em;
}

.projectsLi a {
	font-size: 0.75em;
}

.rot, .rotSub {
	width: 3em;
}

.rotated {
	font-size: 1.5em;
	margin-top: -84px;
}

.capName {
	padding-left: 80px;
}

.proKun {
	font-size: 0.7em;
}

.con2, .con1 {
	left: 40px;
	width: 580px;
}

.con1 { top: 36px; }
.con2 { bottom: 36px; }

.con2 iframe {
	width: 580px;
	height: 200px;
}

.profCl { width: 90%; }

.partTeam { width: 32.4%; margin-right: 1.4%; }
.partTeam:nth-child(3n) { margin-right: 0; }
.TMem { font-size: 0.7em; }

}


/* Handheld */

@media only screen and (max-width : 767px){

#wrapperTinyMenu {
	display: block;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
}

#custArrow {
	width: 300px;
	overflow: hidden;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #151515;
	background: url('../images/selDro.png') no-repeat right #FFFFFF;
}

#wrapperTinyMenu select {
	width: 320px;
	font-family: 'BankGothic', Verdana, Arial;
	font-size: 0.8em;
	height: 2em;
	padding-left: 1em;
	padding-top: 0.3em;
	color: #424242;
	border: 1px solid transparent;
	background: transparent;
}

#wrapperTinyMenu select option, #wrapperTinyMenu select optgroup {
	font-family: 'BankGothic', Verdana, Arial;
	padding-left: 1.5em;
	color: #424242;
}

#wrapperTinyMenu select option {
	height: 1.7em;
	padding-top: 0.3em;
	margin-top: -0.3em;
	margin-bottom: 0.3em;
	padding-bottom: -0.3em;
}

#wrapperTinyMenu select optgroup {
	font-style: bold;
	padding-bottom: 0.3em;
	margin-bottom: -0.3em;
}

#wrapperTinyMenu select option:first-child {
	margin-top: 0;
}

#wrapperCat {
	display: block;
	margin-bottom: 0.5em;
	font-size: 1.25em;
	vertical-align: bottom;
	text-align: left;
	padding-left: 7%;
	font-family: 'BankGothic', Helvetica, sans-serif;
	color: rgba(0, 0, 0, 0.7);
}

#wrapperUtilityLogo {
	width: 100%;
}

#wrapperUtility {
	display: none;
}

#wrapperContent {
	margin-top: 0;
}

#wrapperLogo {
	width: 120px;
}

#wrapperLogo img {
	margin-top: 20px;
	margin-bottom: 20px;
}

#wrapperContact {
	background: transparent;
}

#wrapperContact:after {
	background-image: none;
}

#wrapperProfile { padding-top: 3em; }
#wrapperPartners div { font-size: 0.9em; }

.con2 a, .con1, .con1 a {
	color: #424242;
}

.con2 iframe {
	-moz-box-shadow: 3px 5px 10px 2px #1C1C1C;
	-webkit-box-shadow: 3px 5px 10px 2px #1C1C1C;
	box-shadow: 3px 5px 10px 2px #1C1C1C;
	margin-bottom: 1em;
	height: 200px;
}

.projectsLi {
	padding-top: 1.2em;
}

.projectsLi a {
	font-size: 0.75em;
}

.prev img {
	margin-right: -10px;
}
.next img {
	margin-left: -10px;
}

.prev img, .next img {
	width: 60px;
	margin-top: -30px;
}

.slCap {
	font-size: 1.25em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.rot, .rotSub {
	display: none;
}

.capName {
	padding-left: 40px;
	font-size: 0.9em;
}

.capOther {
	font-size: 0.7em;
}

.profCl { width: 80%; margin-left: 10%; }

.partTeam { width: 32.4%; margin-right: 1.4%; }
.partTeam:nth-child(3n) { margin-right: 0; }
.TMem { font-size: 0.65em; }

}

@media only screen and (min-width : 680px) and (max-width : 767px){

#wrapperProTab {
	width: 95%;
}

#wrapperContact {
	width: 680px;
	height: 480px;
}

#wrapperPartners, #wrapperTeam, #wrapperProfile, #wrapperPress, #wrapperIK { width: 680px; }

.con2, .con1 {
	left: 40px;
	width: 600px;
}

.con2 iframe {
	width: 600px;
}

.projectsLi {
	width: 25%;
}

.proKun {
	font-size: 0.7em;
}

.pro4, .pro1 {
	left: 7em;
}

.con1 { top: 36px;}
.con2 { bottom: 36px;}

}

@media only screen and (max-width : 679px){

.projectsLi {
	width: 35%;
}


.pro2, .pro3, #wrapperProTab {
	display: none;
}

}

@media only screen and (min-width : 600px) and (max-width : 679px){

#wrapperContact {
	width: 600px;
	height: 480px;
}

#wrapperPartners, #wrapperTeam, #wrapperProfile, #wrapperPress, #wrapperIK { width: 600px; }

.con2, .con1 {
	left: 40px;
	width: 520px;
}

.con1 { top: 36px;}
.con2 { bottom: 36px;}

.con2 iframe {
	width: 520px;
}

.pro4, .pro1 {
	width: 75%;
	left: 8em;
}

.pro1 {
	top: 3em;
}

.pro4 {
	bottom: 1em;
}

.proKun {
	font-size: 0.6em;
}

}

@media only screen and (max-width: 599px) {
	#wrapperForm { width: 480px; height: 856px; }

	.beCreative { width: 462px; }
	.who { width: 240px; }
	.how { width: 240px; left: 240px; }
	.when { width: 240px; left: 0; top: 532px; }
	.why { width: 240px; bottom: 322px; }
	.where { width: 240px; height: 302px; right: 0; bottom: 144px; }
	.what { width: 480px; }
	.send { width: 480px; }

	.where textarea { height: 268px; }

	.textArWrap { width: 220px; }
	.questTitle { width: 220px; }
	.browseTitle { width: 460px; }
	.send input { width: 460px; }
	.browseWrap { width: 460px; }
	.browseWrap span { width: 460px; }
	#filePsuedo { width: 320px; }
}

@media only screen and (min-width : 520px) and (max-width : 599px){

#wrapperContact {
	width: 520px;
	height: 440px;
}

#wrapperPartners, #wrapperTeam, #wrapperProfile, #wrapperPress, #wrapperIK { width: 520px; }

.con2, .con1 {
	left: 20px;
	width: 480px;
}

.con1 { top: 16px;}
.con2 { bottom: 0px;}

.con2 iframe {
	width: 480px;
}

.pro4, .pro1 {
	width: 77%;
	left: 7em;
}

.pro1 {
	top: 2em;
}

.pro4 {
	bottom: 1em;
}

.proKun {
	font-size: 0.55em;
}

}

/* SmartPhones */

@media only screen and (max-width : 519px){

#wrapperPrime, #wrapperContent, #wrapperCarousel {
	min-width: 480px;
}

#wrapperContact {
	width: 480px;
	height: 440px;
}

#wrapperPartners, #wrapperTeam, #wrapperProfile, #wrapperPress, #wrapperIK { width: 480px; }

.con2, .con1 {
	left: 40px;
	width: 400px;
}

.con1 { top: 16px;}
.con2 { bottom: 0px;}

.con2 iframe {
	width: 400px;
}

.slCap {
	font-size: 1em;
}

.pro4, .pro1 {
	left: 7.5em;
	width: 75%;
}

.pro1 {
	top: 2em;
}

.pro4 {
	bottom: 1em;
}

.proKun {
	font-size: 0.5em;
}


}