body, html {
	margin:auto;
	padding:0;
	height:100%;
	width: 100%
	
	max-width: 2000px;
	background-color: rgb(238,238,238);
	 margin: 0px;
    padding: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
  	font-size:0.9em;
	
}

::selection { background:#ccc; color:#ffffff; }
::-moz-selection { background:#ccc; color:#ffffff; }
::-webkit-selection { background:#ccc; color:#ffffff; }

#hero{
  background-image: url('../images/ramaarya.jpg');
  background-size:cover;
  position:relative;  
  margin:0;    
  background-repeat: no-repeat;
    
    background-image: cover;
    font-family: 'Open Sans', sans-serif;
    display: block;
    padding: 0;
	background-position:center;
}

#wrapper{
	width:100%	
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
#home h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#582b8b;
	font-size:3em;
	text-align:left;
    letter-spacing:-3px;
    left: 0;
    margin-top: -80px;
    margin-left: 25px;
    position: absolute;
    bottom:30px;
    width: 80%; 
}
/*------------------------------HEADER & SLIDING HEADER-------------------------------*/
header{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	float: left;
	width: 100%;
	height:90px;
	z-index: 10;
	clear: none;
	font-size:0.9em;
}

ul{
	list-style-type: none;
	float: right;
	max-width: 1200px;
	
}

li{
	display: inline;
	float: left;
}

/*logo on the main and sliding header*/
img.logo{
	float: left;
	position:absolute;
	width: 160px;
	height: 65px;
    padding:25px 30px 10px;
}

img.slide_logo{
	float: left;
	position:absolute;
	width: 110px;
	height: 45px;
    padding:15px 10px 20px 30px;
}

header a, #headerSlideContent a{
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}

header a.active, header a:hover, #headerSlideContent a.active, #headerSlideContent a:hover{
	color:#9a9a9a;
	
}


header li{
	padding: 30px 0 0 0;
	margin-right: 30px;
}

#headerSlideContainer {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	position: fixed;
	top:-110px;
	width: 100%;
	background: #575757;
	z-index:99;
	box-shadow: 1px 1px 6px 1px #969696;
}

#headerSlideContent {
	width: 100%;
	height: 60px;
	margin:0 auto;
	color: #fff;
}

#headerSlideContent li {
	padding: 10px 30px 0px 0px;
	/*margin-right: 13px;*/
	font-size:0.95em!important;
}

#headerSlideContent li.current a {
  background: rgba(255,255,255,1);
  color: #90ae64;
}



/*-------------------------------------HOME------------------------------------------*/
#home{	
	/*width: 100%;
    height: 100%;
    margin:0;
    background-image: url('images/ramaarya.jpg');
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: cover;
    font-family: 'Open Sans', sans-serif;
    display: block;
    padding: 0;
	background-position:center;*/
	background-image: url('../images/ramaarya.jpg');
    background-size:cover;
  	position:relative;  
  	margin:0;    
  	background-repeat: no-repeat;
    
    background-image: cover;
    font-family: 'Open Sans', sans-serif;
    display: block;
    padding: 0;
	background-position:center;
    clear:both;
		
}

.blocktext {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    max-width:700px;
	font-size: 1.1em!important;
}

.img-circle {
    border-radius: 50%;
}

.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px; 

}

#home h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#582b8b;
	font-size:4em;
	text-align:left;
    letter-spacing:-3px;
    left: 0;
    /*margin-top: -100px;*/
    margin-left: 25px;
    position: absolute;
    bottom:30px;
    width: auto; 
}

/*-------------------------KNOW MORE BUTTON ON FRONT PAGE---------------------------*/
button {
	height:30px; width:140px;
	left: 40%;
	right:40%;
	margin:0 auto;    
	position: absolute;
    text-align: center;
    top: 57%;
}

button.btn {
	border: 1px solid #9a9a9a;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	letter-spacing:1px;
	font-size:1em;
	color: #ccc;
	background: none;
	cursor: pointer;
	padding: 0%;
	text-transform: uppercase;
	outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background-color:#ccc;
}

a button.btn {color:#9a9a9a;}

button.btn a:hover {color:#9a9a9a;}

button.btn:hover {
	background: #9a9a9a;
	color:#c9c9c9;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/*-----------------------PROFILE----------------------------*/
#profile{
	color: #000;
	width:100%;
	height:100%;
	margin:0 auto;	
	padding-top:70px;
}

/*header text on profile-slider*/
#profile h2 {
   	font-family: 'Open Sans', sans-serif;
	font-weight:400;
   	font-size: 1.5em;
   	text-align: center;
   	margin: 5px 0;
    padding: 0;
    z-index: 1;
    position: relative;
}

#profile a {
	color:#575757;
	font-weight:bold;
	text-decoration:none;
}

#profile a:hover, #profile a:visited {
	color:#582b8b;
	}

.subtitle {
  	margin: 30px 0 20px;
  	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#582b8b;
	font-size:2em;
	text-transform:uppercase;
  	/*white-space: nowrap;*/
  	text-align: center;
}

/*-----------------------HEADING OF EACH SECTION----------------------------*/

.fancy {
  	/*line-height: 0.3;*/
  	text-align: center;
}

.fancy span {
  	display: inline-block;
  	position: relative;  
}

.fancy span:before, .fancy span:after {
  	content: "";
  	position: absolute;
  	height: 5px;
  	border-bottom: 1px solid #000;
  	top: 35%;
  	width: 100px;
}

.fancy span:before {
  	right: 100%;
  	margin-right: 15px;
}

.fancy span:after {
  	left: 100%;
  	margin-left: 15px;
}

/*-----------------------MODULES----------------------------*/
#modules{
	color: #000;
	width:100%;
	height:auto;
	padding:70px 0 75px 0;
}

#modules a {
	color:#575757;
	font-weight:bold;
	text-decoration:none;
}

#modules a:hover, #modules a:visited {
	color:#582b8b;
	}

#modules h2 {
	font-size:1.2em;
	color:#fff;
	font-weight:400;
	text-align:center;
	text-transform:uppercase;
}

#modules h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#000;
	font-size:1em;
	text-transform:uppercase;
}

.content-item {
    float:right;
    width:55%;
    height:auto;
    color:#000;
    margin-right:50px;
    font-family: 'Open Sans', sans-serif;
	font-weight:300;
  	font-size:0.95em;
  	border-collapse:collapse;
}

tr.modheader{	
	background:#9a9a9a;
}

tr.modcontent{
	background:#d8d8d8;
}

td {
	padding-left:20px;
	padding-right:20px;
}

ul.selectors_wrapper {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
  	font-size:0.9em;
	width: 28%;
	float: left;
	margin-top:-1px;
	margin-left:10px;
	margin-right: 2%;
}

li.selector {
	background: #f3f3f3;
	width: 100%;
	color: #000;
	padding: 10px 10px 10px 6px;
	font-size: 0.9em;
	text-transform: uppercase;
	margin-bottom: 10px;
	position: relative;
	text-align:left;
	background-color:#d8d8d8;
	border-left:8px solid #d8d8d8;
}

.selector:hover {
	cursor: pointer;
	background: #9a9a9a;
	color:#fff;
	border-left:8px solid #9a9a9a;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

li.selector.active {
	background: #9a9a9a;
	color: #fff;
	border-left:8px solid #582b8b;
}

/*-----------------------FACULTY----------------------------*/
#faculty {
	color:#000;
	height:auto;
	padding:70px 0 20px 0;
}

#faculty a {
	color:#575757;
	font-weight:bold;
	text-decoration:none;
}

#faculty a:hover, #faculty a:visited {
	color:#582b8b;
	}


.about-thumb {
    margin: 5px 0 0 10px;
    padding:5px 0 0 0;
    float: left;
}

.about-thumb img {
    display: block;
}

.about-content {
	margin-top:-10px;
    margin-left: 200px;
    text-align:left;
}

img.floatRight { 
    float: right; 
    margin: 10px; 
}

/*-----------------------Art Enthusiast---------------------*/

#art {
	color:#000;
	height:auto;
	padding:70px 0 20px 0;
}

.about-thumb {
    margin: 5px 0 0 10px;
    padding:5px 0 0 0;
    float: left;
}

.about-thumb img {
    display: block;
}

.about-content {
	margin-top:-10px;
    margin-left: 200px;
    text-align:left;
}

img.floatRight { 
    float: right; 
    margin: 10px; 
}


/*-----------------------Volunteer-------------------------*/

#volunteer {
	color:#000;
	height:auto;
	padding:70px 0 60px 0;
}

.about-thumb {
    margin: 5px 0 0 10px;
    padding:5px 0 0 0;
    float: left;
}

.about-thumb img {
    display: block;
}

.about-content {
	margin-top:-10px;
    margin-left: 200px;
    text-align:left;
}

img.floatRight { 
    float: right; 
    margin: 10px; 
}


/*-----------------------CONTACT----------------------------*/
#contact {
	height:auto;
	padding:70px 0 20px 0;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1em;
	margin:0 auto;
	text-align:center;
}

.contact-inside{
  width:100%;
  max-width:350px;
  text-align:left;
  display:inline-block;
  	
}
.ccenter {
	width:60%;
	margin-left:auto;
	margin-right:auto;
}

#contact a {
	color:#575757;
	font-weight:bold;
	text-decoration:none;
}


#contact a:hover {
	color:#582b8b;
}

#contact ph {
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	color:#000;
	font-size:1em;
}

/*-----------------------CONTACT FORM----------------------------*/

 form#write fieldset {
    clear: none;
    padding: 0 20px 30px 20px;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
	font-weight:300;
    width: auto;
    border-style:none;
    text-align: left;
}

form#write input[type="text"], input[type="email"], textarea {
    margin: 3px 0 0 0;
    padding: 6px;
	width:100%;
    max-width: 350px;
    font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#000;
	font-size:0.9em;
	text-transform:uppercase;
	background:none;
	border: 1px solid #000;
	padding: 10px;
	box-sizing: border-box;
	
}

form#write textarea {
    font-family:'Open Sans', sans-serif;
	font-weight:300;
	font-size:0.9em;
    max-width: 350px;
    height: 300px;
    color:#000;
}

input:focus, select:focus, textarea:focus, checkbox:focus {
	outline:0px none transparent;
}

form#write label {
    font-family:'Open Sans', sans-serif;
	font-weight:300;
    display: block;
    font-size: 1em;
    color: #000;
    margin-top: 10px;
}

form#write label.error {
    color: #cf0101;
    font-size: 0.6em;
}

input.error {
    border: 1px solid #FF2323;
}

::-webkit-input-placeholder {
    font-size:0.9em;
    color: #000 !important;
}
::-moz-placeholder {
	font-size:1.2em;
    color: #000 !important;
}

form#write .button {
    font-family:'Open Sans', sans-serif;
	font-weight:300;
	font-size:1.1em;
	display: block;
    margin: 15px 0 10px 0;
    padding: 5px 15px 5px 15px;
    background-color: #9a9a9a;
    border: none;
    color: #fff;
}
form#write .button:hover {
    background-color: #582b8b;
    cursor: pointer;
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
form#write .button:active {
    margin-top: 16px;
    background-color: #582b8b;
    cursor: pointer;
}


/*-----------------------FOOTER----------------------------*/
#footer {
   	position:fixed;
   	left:0px;
   	bottom:0px;
   	height:30px;
   	width:100%;
   	background:#582b8b;
	
}

#footer .social {
    position: relative;
    bottom: 50px;
    right: 10px;
}

#footer .social ul {
    list-style: none;
    margin: 10px 10px 0px;
    padding: 0px;
}

#footer .social li {
    float: right;
    margin-right: 5px;
}

#footer .social img {
    border: 0px;
}

#footer .copyright {
    font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:0.8rem;
	color:#fff;
	padding: 8px 0 0 30px;
}

@media screen 
  and (min-device-width:650px){
	  /*#home h1 {
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		color:#582b8b;
		font-size:4em;
		text-align:left;
		letter-spacing:-3px;
		left: 0;
		margin-top: -100px;
		margin-left: 25px;
		position: absolute;
		top: 95%;
		width: 80%; 
	}*/
  }

/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1400px) 
  and (-webkit-min-device-pixel-ratio: 1) { 


/*#home{
	
	width: 100%;
    height: 100%;
    margin:0;
    background-image: url('images/rama_arya_blog.jpg');
    background-repeat: no-repeat;
    background-size:100% 100%;
    display: block;
    padding: 0;
}*/

.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    font-family: 'Open Sans', sans-serif;
    
}

.img-circle {
    border-radius: 50%;
}

.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px; 

}

#home h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#582b8b;
	font-size:4em;
	text-align:left;
    letter-spacing:-3px;
    left: 0;
    margin-top: -80px;
    margin-left: 25px;
    position: absolute;
    bottom:30px;
    width: 80%; 
}

.subtitle {
  	margin: 40px 0 40px;
  	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#582b8b;
	font-size:2em;
	text-transform:uppercase;
  	/*white-space: nowrap;*/
  	text-align: center;
}

form#write input[type="text"], input[type="email"], textarea {
	font-size:1.0em;
}
}


/*================ MEDIA QUERY 800x600PX =================*/

@media screen 
and(min-width: 533px) 
and (max-width: 801px)
and (-webkit-min-device-pixel-ratio: 2)
{

/*#home{	
	width: 100%;
    height: 100%;
    margin:0;
    background-image: url('images/rama_arya_blog.jpg');
    background-repeat: no-repeat;
    background-size:100% 100%;
    display: block;
    padding: 0;
}*/


#contact {
	height:auto;
}

#tabs {
	display:none;
}

#tabs li {
    padding: 2% 0 0 0;
}

.about-content {
	margin-top: -8px;
    margin-left: 10px;
    text-align:left;
}

#faculty {
	height:auto;
}

.about-thumb img {
    height:100px;
    width:100px;
}

.about-content {
    margin-left: 130px;
    text-align:left;
}

#content {
    width:22%;
}

button.btn {
	font-size:0.8em;
}

button {
	height:30px; width:100px;
	top:57%;
}

#home h1 {
	font-size:2em;
	bottom:30px;
}

img.logo{
	width: 130px;
	height: 53px;
}

header li {
	padding: 26px 0 0 0;
	margin-right: 15px;
	font-size:0.9em;
	font-weight:600;
}

#headerSlideContent li {
	font-size:0.9em;
	padding: 10px 0 10px 0;
	margin-right: 15px;
	font-weight:600;
}

.subtitle {
	font-size:1.8em;
}

#modules {
	height:auto;
}

.content-item {
    width:50%;
    height:auto;
  	font-size:0.9em;
  	margin-right:40px;
}

#profile h2 {
   	font-size: 1.3em;
}

#modules h2 {
	font-size:0.95em;
}

#modules h4 {
	font-size:0.9em;
}

ul.selectors_wrapper {
  	font-size:0.85em;
  	margin-left:0;
}

}




/*================ MEDIA QUERY 4 =================*/

@media screen
and (min-width: 569px) 
and (max-width: 614px) {

/*#home{
	
	width: 100%;
    height: 100%;
    margin:0;
    
    background-repeat: no-repeat;
    background-size:100% 100%;
    display: block;
    padding: 0;
    
}*/

.blocktext {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    font-family: 'Open Sans', sans-serif;
    
}

.img-circle {
    border-radius: 50%;
}

.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px; 

}

#home h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#582b8b;
	font-size:3.0em;
	text-align:left;
    letter-spacing:-3px;
    left: 0;    
    margin-left: 25px;
    position: absolute;
    bottom:30px;
    width: 80%; 
}

.fancy span:before, .fancy span:after {
  	width: 40px;
}

.subtitle {
	font-size:0.5em;
}

#tabs {
	display:none;
}

#tabs li {
    padding: 2% 0 0 0;
}

.about-content {
	margin-top: -8px;
    text-align:right;
}

#faculty {
	height:auto;
}

.about-thumb img {
	display:block;
    height:100px;
    width:100px;
}

.about-content {
	width:190px;
	float:right;
    text-align:left;
}

img.floatRight { 
    float: right; 
    margin: 10px; 
}


#content {
    width:30%;
}


#profile {
	height:auto;
}

button.btn {
	font-size:0.7em;
}

button {
	height:30px; width:100px;
	top:57%;
}

/*#home h1 {
	font-size:2em;
	top:100%;
}*/

img.logo{
	display:none;
}

header li {
	display:none;
}


#headerSlideContainer {
	display:none;
}

.subtitle {
	font-size:1.8em;
}

#modules {
	height:auto;
}

.content-item {
    width:50%;
    height:auto;
  	font-size:0.9em;
    margin-right:20px;
    margin-left:0 auto;
}

#profile h2 {
   	font-size: 1.3em;
}

#modules h2 {
	font-size:0.95em;
}

#modules h4 {
	font-size:0.9em;
}

ul.selectors_wrapper {
  	font-size:0.8em;
	width: 28%;
	margin-top:-1px;
	margin-left:-20px;
}

.ccenter {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

}
/*Portrait and Landscape iphone*/
@media  screen
and (min-width: 280px) 
and (max-width: 568px) 
{ 

/*body, html {
	width:100%;
	margin-left:0 auto;
	margin-right:0 auto; 
	padding:0;
}*/

/*#home{
	
	width: 100%;
    height: 100%;
    margin:0;
    background-repeat: no-repeat;
    background-size:100% 100%;
    display: block;
    padding: 0;
    
}*/

.blocktext {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    font-family: 'Open Sans', sans-serif;
    
}

header li {
	display:none;
}

.subtitle {
	font-size:1.5em;
}


#headerSlideContainer {
	display:none;
}

#home h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#582b8b;
	font-size:2.9em;
	text-align:left;
    letter-spacing:-3px;
    left: 0;
    /*margin-top: -350px;*/
    margin-left: 25px;
    position: absolute;
    bottom:30px;
    width: 80%; 
}


#modules {
	height: auto;
}

#modules h2 {
	text-align:center;
}

.about-content {
	width:150px;
    text-align:left;
}

#footer .copyright {
	font-size:0.9em;
}

img.fac_thumb {
	margin-left:-5px;
  	height:50px;
  	width:50px;
  }
  
form#write fieldset {
	font-size:0.7em;
}

form#write label{
	font-size:0.7em;
}

form#write input[type="text"], input[type="email"], textarea {
    /*width: 230px;*/
}

form#write textarea {
	/*width: 230px;*/
}

li.selector {
	font-size: 0.8em;
}

#modules h2 {
	text-align: left;
}

.content-item {
    width:45%;
  	font-size:0.8em;
  	padding:10px;
}

.fancy span:before, .fancy span:after {
  	width: 40px;
}

#footer .copyright {
	font-size:0.8em;
}
#faculty {
	height:auto;
}


}
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1)
{

/*#home{
	
	width: 100%;
    height: 100%;
    margin:0;
    background-repeat: no-repeat;
    background-size:100% 100%;
    display: block;
    padding: 0;
    
}*/

#headerSlideContainer {
	display:none;
}

#home h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#582b8b;
	font-size:2.2em;
	text-align:left;
    letter-spacing:-3px;
    left: 0;
    margin-top: -80px;
    margin-left: 25px;
    position: absolute;
    bottom:30px;
    width: auto; 
}

	
}


.blocktext a{
	color:#582b8b!important;
	text-decoration:none;
	font-weight:bold;
}