@charset "utf-8";
/* CSS Document */

body { background:url(images/bg.jpg) no-repeat;
background-position:top;}

img { border:0;}

.trans img {behavior:url(scripts/iepngfix.htc);}

#container { width:900px;
margin-left:auto;
margin-right:auto; }

#header { margin-top:60px;
height:70px;
border-bottom:1px solid #FFFFFF;
width:900px; }

#logo { float:left;
text-align:right;
width:210px; }

#links { float:right;
height:62px;
width:690px; }

#links ul { margin:45px 0px 0px 330px;
padding:0; }

#links li { display:inline;
margin:0px 20px 0px 10px;}

#links a { font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#FFFFFF; }

#links a:hover { color:#66ccff; }


#text { text-align:center;


margin:120px 0px 120px 0px; }

#footer { width:900px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
height:35px;
text-decoration:none; }

#footer a { font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
color:#66ccff; }

#footer a:hover { color:#CCCCCC; }

#footer_left { float:left;
margin-left:20px;
margin-top:10px;
width:450px; }

#footer_right { float:right;
text-align:right;
margin-top:10px;
width:400px; }

#footer_right ul { margin:0;
padding:0; }

#footer_right li { display:inline;
margin:0px 30px 0px 0px; }

#copy { font-family:Arial, Helvetica, sans-serif;
margin:20px 0px 0px 0px;
text-align:center;
font-size:11px;
color:#FFFFFF;
text-decoration:none; }

#des, #des a { font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
text-decoration:underline;
margin:10px 0px 20px 0px;
text-align:center; }



/*--------------------------------------------------------------------------------------------------*/



#projects_text { width:750px;
margin-top:70px;
margin-bottom:150px;
margin-left:auto;
margin-right:auto; }

#projects_text ul { margin:0;
padding:0; }

div#projects_text li { background:#bbdad8;
margin:1px 0px 1px 0px;
list-style-type:none; }

#projects_text li a { font-family:Arial, Helvetica, sans-serif;
display:block;
height:30px;
padding:8px 0px 0px 18px;
font-size:12px;
color:#666666;
text-decoration:none; }

#projects_text li a:hover { background:#94c0bd;
color:#FFFFFF; }





/*-----------------------------------------------------------------------------------*/

#shaan_wrapper { width:700px;
margin:10px 0px 0px 60px; }

#shaan_title {
padding:8px 0px 0px 68px;
float:left; }

#shaan_main { width:350px;
margin:5px 0px 0px 0px;
float:right; }

#shaan_img { margin-bottom:10px; }

#shaan_txt { width:650px;
float:left; }

#shaan_txt p { font-family:Arial, Helvetica, sans-serif;
text-align:justify;
color:#333333;
font-size:11px;
text-decoration:none; }

#shaam_imgs, #ar_lay { width:650px;
margin:0; }

#shaan_imgs img, #ar_lay img {
border:1px solid #CCCCCC; }





/*----------GALLERY ----------------------------------*/



.gallerycontainer{
position: relative;
width:80px;
vertical-align:top;
margin:50px 0px 0px 570px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0px 0px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 2px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -570px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


/*-----------MOOTOOLS ----------------------------------*/




#contact { width:500px;
margin-bottom:220px;
margin-top:150px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin-left:auto;
margin-right:auto;
text-decoration:none; }

#contact a { font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666; }

#contact a:hover { color:#000000; }

#faq_txt { margin-left:auto;
margin-right:auto;
margin-top:20px;
  padding: 4px;
  width: 650px;
  height: 450px;
  text-align: left;
  overflow : auto;
}

#faq_txt h1 { font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#CC6600;
text-decoration:none; }

#faq_txt p { font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
text-decoration:none; }

#pdf { margin:20px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px; }

#ariana_at { margin-right:auto;
margin-left:auto;
margin-top:50px;
  width: 650px;
  height: 450px;
  overflow : auto; }
  
#abhi_at { margin-right:auto;
margin-left:auto;
margin-top:50px;
text-align:center;
width: 650px;
height: 450px;
overflow : auto; }

#ariana_at table, #ariana_at th, #ariana_at td, #abhi_at table, #abhi_at th, #abhi_at td { border:1px solid #CCCCCC;
border-collapse:collapse; }

#ariana_at th, #abhi_at th { text-align:center;
padding:5px 30px; }

#ariana_at td, #abhi_at td { padding:5px 0px;
text-align:center; }

#ariana_at tbody tr, #abhi_at tbody tr { background:#A5C46A;
color:#FFFFFF; }

#ariana_at tbody tr:hover, #abhi_at tbody tr:hover { background-color:#666600;
color:#FFFFFF; }

#ariana_specs { font-family:Arial, Helvetica, sans-serif;
width:650px;
text-align:justify;
margin-left:auto;
margin-right:auto;
margin-top:60px;
font-size:11px;
text-transform:lowercase;
color:#666666;
text-decoration:none; }

#ariana_specs ul { margin:0;
padding:0; }

#ariana_specs li { display:list-item;
vertical-align:top;
margin-left:20px;
padding:0px 0px 10px 8px;
list-style-image:url(images/arrow.gif);
list-style-type:circle;