/*RESET*/
/*microclearfix hack :: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before,.cf:after { content: " "; display: table;}
.cf:after {  clear: both; }
.cf { *zoom: 1; }
/*so older browsers get the new HTML 5 tags right*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }

@font-face {
    font-family: 'lobster_1.3regular';
    src: url('http://www.designshecreates.com/_css/_fonts/lobster_1.3-webfont.eot');
    src: url('http://www.designshecreates.com/_css/_fonts/lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.designshecreates.com/_css/_fonts/lobster_1.3-webfont.woff') format('woff'),
         url('http://www.designshecreates.com/_css/_fonts/lobster_1.3-webfont.ttf') format('truetype'),
         url('http://www.designshecreates.com/_css/_fonts/lobster_1.3-webfont.svg#lobster_1.3regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*All list items inside of navs should not look like list items.*/
nav ul { margin:0px; padding:0px; }
nav li { list-style-type:none; display:inline; }

/*Layout*/


body {
	/*background-color: #31c1b0; or #97d7d0*/
	background-color: #b5d6d9;
	margin:25px;
	font-family: Helvetica, Arial, sans-serif;
	color:#06270d;
}

#container { 
	background-color:#fff; 
	width:100%;
	height:640px;
	max-width:1024px;
	margin:auto;
	border-radius:5px;
}

.navMenu {
	max-width:1024px;
	width: 100%;
	margin:auto;
	height: 44px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #44464c;
	margin-top: 30px;
}

.navMenu ul {
	list-style-type: none;
	text-align:right;
	
				
}


.navMenu ul li {
	display: inline;
	letter-spacing: 1px;
	
	

}

.navMenu ul li a {
	font-family: 'lobster', cursive;
	/*font-family: 'Questrial', sans-serif;*/
	color: #fff;
	font-size: 19px;
	letter-spacing:2px;
	display: inline-block;
	text-decoration: none;
	padding: 10px 25px;
	
}



.navMenu a:hover, a:active { 
    color:#e5f900;
    rgba (229,249,0, 0.8)
    -webkit-opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity=80);/*For IE8 and earlier*/
    opacity:0.8;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
    background-color:#999;
    border-radius: 5px;
}

.DSCLogo {
	position:relative;
	margin-left:10px;
	margin-top: 20px;
	margin-bottom: -25px;
}

section {
	border-radius:5px;
	margin:25px 0px;
	padding:25px;
}

section h1 {
	margin:0px 0px 10px;
	font-size:40px;
	font-family: 'Questrial', sans-serif;
	font-weight:bolder;
	letter-spacing:-1px;
	color:#333;
}

section p {
	font-family: 'Questrial', sans-serif;
	font-size:20px;
	color:#e7e7e7;
}

h3 {
	margin-left:15px;
	margin-top:-5px;
	font-family: 'Questrial', sans-serif;
	font-size:14px;
	line-height:11px;
	color:#333;
}

h3 a {
	text-decoration:none;
	color:#c7c7c7;
}

h3 a:hover {
	color:#6dcfcb;
}

#quote {
	margin-top:150px;
	margin-left:40px;
	font-size:19px;
	/*font-family: 'Leckerli One', cursive;
	font-family: 'lobster_1.3regular', cursive;*/
	font-family: 'Lobster', cursive;
	letter-spacing:1px;
	color:#b7b7b7;

}

#quoteBy {
	margin-top:10px;
	font-family: 'Lobster', cursive;
	letter-spacing:1px;
	font-size:13px;
	text-align:right;
	/*text-transform: uppercase;*/
	margin-right:50px;
	color:#666;
}

#footer {
	margin-top:15px;
	margin-left:10px;
	padding-bottom:40px;
	font-family: 'Questrial', sans-serif;
	font-size:10px;
	font-weight:none;
	color:#535353;
}

/*resume page css starts*/
#containerResume { 
	background-color:#fff; 
	width:100%;
	height:1540px;
	max-width:1024px;
	margin:auto;
	border-radius:5px;
}

#resumepdf {
	margin-top:-20px;
	margin-left:840px;
	font-size:13px;
	
}

#resumepdf a{
	text-decoration: none;
	color:#666;
}

#resumepdf a:hover {
	color:#27cfd0;
}

#resumepdf img {
	margin-top:8px;
	margin-right:-15px;
}

.ResumeHeadlines{
	font-family: 'Questrial', sans-serif;
	font-size:16px;
	margin-left:20px;
	color:#27cfd0;
	line-height:30px;
}

.ResumeSubheads {
	font-family: 'Questrial', sans-serif;
	font-size:14px;
	color:#333;
	margin-left:20px;
	line-height:26px;
}

.ResumeH3 {
	font-family: 'Questrial', sans-serif;
	font-size:14px;
	color:#333;
	margin-left:20px;
	line-height:25px;
}

.ResumeText {
	font-family: 'Questrial', sans-serif;
	font-size:14px;
	color:#999;
	line-height:16px;
	margin-left:20px;
	margin-right:80px;
}

#containerContact { 
	background-color:#fff; 
	width:100%;
	height:500px;
	max-width:1024px;
	margin:auto;
	border-radius:5px;
}

.contact {
	font-size:15px;
	color:#27cfd0;
	line-height:23px;
	margin-left:10px;
	margin-top:30px;
	/*margin-right:5px;*/
	text-align:left;
}

.contact a{
	font-size:15px;
	color:#27cfd0;
	text-decoration:none;	
}

#contactImg{
	width:176px;
	height:435px;
	margin-left:670px;
	margin-top:-108px;
}


/* banner#1 ad starts*/	
			#containerBanner { 
				/*background:#ebebeb;*/
				background:#fff;
				/*height:750px;
				width:100%;*/
				

				/*height: 570px;*/
			}

			#bannerIntro { 
				position:relative;
				margin-left:575px;
				width:320px;
				margin-bottom:20px; 
				margin-top:2px;
				/*Clipping Mask*/
				overflow:hidden;
			}
			
			#bannerIntro img { 
				width:90%;
				height:90%;
				position:relative;
				margin-left:15px;
				margin-top:-1px;  
			}
			
			#bannerIntro img.dedicated { 
				width:90%;
				height:90%;
				margin-left:15px;  
				top:-350px; 
			}
			
			#bannerIntro img.multidisciplinary { 
				width:90%;
				height:90%;
				margin-left:15px;
				margin-top: 22px; 
				opacity:0;
			}
			
			#bannerIntro img.goaldriven { 
				width:90%;
				height:90%;
				margin-left:15px;
				opacity:0;
			}
			
			#bannerIntro img.versatile { 
				width:90%;
				height:90%;
				margin-left:15px;
				opacity:0;
			}

			#bannerIntro img.trustworthy { 
				width:90%;
				height:90%;
				margin-left:15px;
				opacity:0;
			}


/*Slide Vertical CSS*/
			#vertical .slides {
				width:480px;
				height:350px;
				margin-left:20px;
				margin-top:-240px;
				border:solid 1px #22d7d5;
				float:left;
				position:relative;
				font-size:0px;
				overflow:hidden;
			}

			#vertical img {
				width:480px;
				height:350px;
				overflow:hidden;
			}


/*Swapping CSS*/
			#swapMoreDetails .enlarged {
				position:relative;
				/*margin-left:270px;*/
				margin-left:-25px;
				margin-top:-10px;
			    color:#fff;
			    width:620px;
				height:470px;
				/*background-color:#fff;*/
			}

			#swapMoreDetails .enlarged img{
				margin-top:37px;
				margin-left:40px;
				padding:10px;
				border:solid 1px #d7d7d7;
			}	

			#swapMoreDetails .enlarged h1 { 
				color:#666; 
				margin-top:10px; 
				margin-left:40px;
				font-size: 13px; 
				text-align:left; 
			}

			#swapMoreDetails .enlarged p { 
				color:#a7a7a7; 
				margin-top:-5px; 
				margin-left:40px;
				font-size: 12px; 
			}

			#swapMoreDetails .gallery { 
				text-align:left; 
				max-width:280px; 
				margin-top:-436px; 
				/*margin-left:10px;*/
				margin-left:660px;
			} 

			#swapMoreDetails .gallery img { 
				width:75px; 
				height:75px; 
				margin:3px;
				border:solid 1px #d7d7d7; 
			}



@media only screen and (max-width: 640px) {
			
			#container { 
				background-color:#fff; 
				width:100% auto;
				border-radius:5px;
				height:790px;
			}

			#bannerIntro { 
				/*position: relative;*/
				width:85%;
				margin-left:53px;
			}

			/* dedicated banner starts*/
			#bannerIntro img { 
				width:70%;
				margin-left:123px;
				margin-top:-10px;
				
			}
			
			#bannerIntro img.dedicated { 
				/*margin-left:570px;*/  
				margin-left:123px;
				width:70%;
				top:-350px; 
			}
			
			#bannerIntro img.multidisciplinary { 
				/*margin-left:570px;*/  
				width:70%;
				margin-left:123px;
				opacity:0;
			}
			
			#bannerIntro img.goaldriven { 
				/*margin-left:570px;*/  
				width:70%;
				margin-left:123px;
				opacity:0;
			}
			
			#bannerIntro img.versatile { 
				/*margin-left:570px;*/  
				width:70%;
				margin-top:3px;
				margin-left:123px;
				opacity:0;
			}

			#bannerIntro img.trustworthy { 
				/*margin-left:570px;*/  
				width:70%;
				margin-left:123px;
				opacity:0;
			}

			.DSCLogo {
				width:80%;
				margin-top: 5px;
				margin-left:60px;
			}

			.navMenu {
				height: 175px;
				width:100%;
			}

			.navMenu ul {
				text-align:center;
			}


			.navMenu ul li {
				display: block;
				letter-spacing: 1px;
			}

			.navMenu ul li a {
				color: #fff;
				font-size: 18px;
				letter-spacing:2px;
				display: inline-block;
				text-decoration: none;
				padding: 10px 20px;
			}

			.navMenu a:hover, a:active { 
			    display: block;
			    font-size:21px;
			    color:#e5f900;
			    rgba (229,249,0, 0.8)
			    -webkit-opacity:0.8;
			    -moz-opacity:0.8;
			    filter:alpha(opacity=80);/*For IE8 and earlier*/
			    opacity:0.8;
			    -webkit-transition:all 1s ease;
			    -moz-transition:all 1s ease;
			    -ms-transition:all 1s ease;
			    -o-transition:all 1s ease;
			    transition:all 1s ease;
			    background-color:#999;
			    border-radius: 5px;
			}


			#vertical .slides {
				border:solid 1px #22d7d5;
				width:450px;
				height:320px;
				margin-left:45px;
				margin-top:0px;
				margin-bottom:20px;
				/*float:left;*/
				position:relative;
				font-size:0px;
				overflow:hidden;
			}

			#vertical img {
				width:450px;
				height:320px;
				overflow:hidden;
			}
			
			section {
				border-radius:5px;
				margin:25px 0px;
				padding:25px;
			}

			section h1 {
				margin:0px 0px 10px;
				font-size:40px;
				font-family: 'Questrial', sans-serif;
				font-weight:bolder;
				letter-spacing:-1px;
				color:#333;
			}

			section p {
				font-family: 'Questrial', sans-serif;
				font-size:20px;
				color:#e7e7e7;
			}

			
			
			h3 {
				font-size:14px;
				margin-left:28px;
				margin-top:0px;
				line-height:16px;
			}

			h3 a {
				font-size:14px;
				text-decoration:none;
				color:#666;
			}

			h3 a:hover {
				font-size:14px;
				color:#6dcfcb;
			}

			/*Swapping CSS*/
			#swapMoreDetails .enlarged {
				position:relative;
				margin-left:0px;
				margin-top:450px;
			    width:100%;
			    /*width:600px;*/
			}

			#swapMoreDetails .enlarged img{
				margin-top:-190px;
				margin-left:25px;
				width:85%;
				height:75%;
				border:solid 1px #d7d7d7;
			}	

			#swapMoreDetails .enlarged h1 { 
				font-family: 'Questrial', sans-serif;
				color:#666; 
				margin-top:15px; 
				margin-left:25px;
				font-size: 13px; 
				text-align:left; 
			}

			#swapMoreDetails .enlarged p { 
				font-family: 'Questrial', sans-serif;
				color:#a7a7a7; 
				margin-top:-5px; 
				margin-left:25px;
				font-size:12px; 
			}

			#swapMoreDetails .gallery { 
				text-align:left; 
				max-width:620px; 
				margin-top:-900px;
				margin-left:25px;
			} 

			#swapMoreDetails .gallery img { 
				width:60px; 
				height:60px; 
				margin:2px;
				border:solid 1px #d7d7d7; 
			}


			#quote {
				margin-top:330px;
				margin-right:10px;
				text-align:left;
				font-size:17px;
				line-height:22px;
				font-family: 'Lobster', cursive;
				letter-spacing:1px;
				color:#a7a7a7;
			}

			#quoteBy {
				font-size:12px;
				font-family: 'Lobster', cursive;
				letter-spacing:1px;
				/*text-transform: uppercase;*/
				margin-right:55px;
				margin-top:0px;
				color:#666;
			}
			
			#footer {
				margin-left:10px;
				font-family: 'Questrial', sans-serif;
			}

			/*resume page css starts*/
			



			#containerResume { 
				background-color:#fff; 
				height:1700px;
				margin:auto;
				border-radius:5px;
			}

			#resumepdf {
				margin-top:-20px;
				margin-left:465px;
				font-size:12px;
			}

			/*#resumepdf img {
				margin-top:0px;
				margin-right:-15px;
			}*/
		
			.ResumeHeadlines{
				font-family: 'Questrial', sans-serif;
				font-size:16px;
				margin-top:5px;
				margin-left:-5px;
				color:#27cfd0;
				line-height:26px;
			}

			.ResumeSubheads {
				font-family: 'Questrial', sans-serif;
				font-size:14px;
				color:#333;
				margin-left:-5px;
				line-height:24px;
			}

			.ResumeH3 {
				font-family: 'Questrial', sans-serif;
				font-size:14px;
				color:#333;
				margin-left:-5px;
				line-height:23px;
			}

			.ResumeText {
				font-family: 'Questrial', sans-serif;
				font-size:14px;
				color:#999;
				line-height:16px;
				margin-left:-5px;
				margin-right:10px;
			}

			#containerContact { 
				height:560px;
				
			}

			.contact {
				font-size:15px;
				color:#27cfd0;
				line-height:23px;
				margin-left:5px;
				margin-top:10px;
				text-align:left;
			}

			#contactImg{
				width:120px;
				height:235px;
				margin-left:350px;
				margin-top:-7px;
			}
}



@media only screen and (max-width:320px) {
			
			#container { 
				background-color:#fff; 
				width:100% auto;
				border-radius:5px;
				height:580px;
			}

			#bannerIntro { 
				position: relative;
				width:100% auto; 
				margin-left:35px;
				margin-top:-25px;
			}

			/* dedicated banner starts*/
			#bannerIntro img { 
				margin-left:50px;
			}
			
			#bannerIntro img.dedicated { 
				margin-left:50px;
				
			}
			
			#bannerIntro img.multidisciplinary { 
				margin-left:50px;
				opacity:0;
			}
			
			#bannerIntro img.goaldriven { 
				margin-left:50px;
				margin-top:0px;
				opacity:0;
			}
			
			#bannerIntro img.versatile { 
				margin-left:50px;
				opacity:0;
			}

			#bannerIntro img.trustworthy { 
				margin-left:50px;
				margin-top:0px;
				opacity:0;
			}

			.DSCLogo {
				width:100%;
				margin-top: 5px;
				margin-left:0px;
			}

			.navMenu {
				
				height: 176px;
				width:100%;
			}

			.navMenu ul {
				text-align:center;
			}


			.navMenu ul li {
				display: block;
				letter-spacing: 1px;
			}

			.navMenu ul li a {
				color: #fff;
				font-size: 17px;
				display: inline-block;
				text-decoration: none;
				padding: 11px 20px;
			}

			.navMenu a:hover, a:active { 
			    display: block;
			    font-size:20px;
			    color:#e5f900;
			    rgba (229,249,0, 0.8)
			    -webkit-opacity:0.8;
			    -moz-opacity:0.8;
			    filter:alpha(opacity=80);/*For IE8 and earlier*/
			    opacity:0.8;
			    -webkit-transition:all 1s ease;
			    -moz-transition:all 1s ease;
			    -ms-transition:all 1s ease;
			    -o-transition:all 1s ease;
			    transition:all 1s ease;
			    background-color:#999;
			    border-radius: 5px;
			}

			#vertical .slides {
				border:solid 1px #22d7d5;
				width:310px;
				height:160px;
				width:100%;
				margin-top:-10px;
				margin-left:-1px;
				float:left;
				position:relative;
				overflow:hidden;
			}

			#vertical img {
				width:310px;
				height:160px;
				width:100%;
				overflow:hidden;
			}

			section {
				border-radius:5px;
				margin:25px 0px;
				padding:25px;
			}

			section h1 {
				margin:0px 0px 10px;
				font-size:40px;
				font-family: 'Questrial', sans-serif;
				font-weight:bolder;
				letter-spacing:-1px;
				color:#333;
			}

			section p {
				font-family: 'Questrial', sans-serif;
				font-size:20px;
				color:#e7e7e7;
			}

			
			
			h3 {
				margin-left:0px;
				margin-top:-5px;
				font-size:11px;
				line-height:16px;
			}


			h3 a {
				font-size:11px;
				text-decoration:none;
			}

			h3 a:hover {
				font-size:11px;
				color:#6dcfcb;
			}

			/*Swapping CSS*/
			#swapMoreDetails .enlarged {
				margin-left:-15px;
				margin-top:450px;
			    width:100% auto;
			    
			}

			#swapMoreDetails .enlarged img{
				width:100%;
				height:40%;
				margin-top:-550px;
				margin-left:9px;
				padding:5px;
				border:solid 1px #d7d7d7;
			}	

			
			#swapMoreDetails .enlarged h1 { 
				font-family: 'Questrial', sans-serif;
				color:#666; 
				margin-top:5px; 
				margin-left:15px;
				font-size: 11px; 
				text-align:left;
			}

			#swapMoreDetails .enlarged p { 
				font-family: 'Questrial', sans-serif;
				color:#666; 
				margin-top:-8px; 
				margin-left:15px;
				font-size: 11px; 
			}

			#swapMoreDetails .gallery { 
				max-width:320px;
				margin-top:-910px;
				margin-left:-5px;
				margin-right:-20px;
			} 

			#swapMoreDetails .gallery img { 
				width:38px; 
				height:38px; 
				margin:1px;
				border:solid 1px #d7d7d7; 
			}

			#quote {
				margin-top:160px;
				margin-left:10px;
				margin-right:7px;
				font-size:14px;
				font-family: 'Lobster', cursive;
				letter-spacing:1px;
				color:#a7a7a7;
			}

			#quoteBy {
				margin-top:3px;
				margin-right:15px;
				font-size:12px;
				font-family: 'Lobster', cursive;
				letter-spacing:1px;
				color:#666;
			}

			#footer {
				margin-left:10px;
				font-family: 'Questrial', sans-serif;
			}

			/*resume page css starts*/
			#containerResume { 
				background-color:#fff; 
				width:100%;
				height:2435px;
				margin:auto;
				border-radius:5px;
			}

			#resumepdf {
				margin-top:-20px;
				margin-left:140px;
				margin-right:-30px;
				font-size:13px;
			}

			.ResumeHeadlines{
				font-family: 'Questrial', sans-serif;
				font-size:15px;
				margin-left:-5px;
				margin-top:5px;
				color:#27cfd0;
				line-height:25px;
			}

			.ResumeSubheads {
				font-family: 'Questrial', sans-serif;
				font-size:13px;
				color:#333;
				margin-left:-5px;
				line-height:16px;
			}

			.ResumeH3 {
				font-family: 'Questrial', sans-serif;
				font-size:13px;
				color:#333;
				margin-left:-5px;
				line-height:23px;
			}

			.ResumeText {
				font-family: 'Questrial', sans-serif;
				font-size:13px;
				color:#999;
				line-height:16px;
				margin-left:-5px;
				margin-right:-15px;
			}

			#containerContact { 
				height:565px;
				width:100%;
			}

			.contact {
				font-size:14px;
				color:#27cfd0;
				line-height:20px;
				margin-left:-5px;
				margin-top:0px;
				text-align:left;
			}

			#contactImg {
				width:100px;
				height:170px;
				margin-left:20px;
				margin-top:26px;
			}
}