/* CSS Document */

body{color:#fff; background-color:#000; }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th,td{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }

 #content{width:100% ; height:auto;  }
 
#whole{width:1003px; height:auto; margin:0 auto; position:relative; background-repeat:repeat-y; background-image:url(../images/bg1.jpg); }

#header{width:1003px; height:156px; float:left; background-image:url(../images/headerwhole.jpg); background-repeat:no-repeat;}

#logo{ width:468px;	height:156px; float:left; background-repeat:no-repeat;}


/* ========= menu bar starts here================*/

#menubar{ width:517px;	height:38px; float:left; margin:34px 0px 0px 18px; background-image:url(../images/menubar.gif); background-repeat:no-repeat;}

/*-----.menu{padding-top:5px;}

.menu ul{font-size:14px;}

.menu li{list-style-type:none;  float:left; color:#fff;}

.menu li a { text-shadow: 0px 1px 0px rgba(0,0,0,.25);  
	 text-decoration:none;  margin:5px 15px 0px 15px; font-size:14px; color:#fff;     font-weight:bold; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
	 
.menu li a:hover{ text-shadow: 0px 1px 0px rgba(0,0,0,.25);	 text-decoration:underline;  margin:5px 15px 0px 15px; font-size:14px; color:#f1f0f0;     font-weight:bold; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}

--------*/  

/* ========= menu bar ends here================*/

  


#h_right{ width:535px; height:84px; float:left;}

#body{width:1003px; height:auto; float:left; background-image:url(../images/bodywhole.jpg); background-repeat:repeat-y;  }

#bodyleft{width:491px; height:530px; float:left;}

#pic{width:424px; height:398px; float:left; margin-left:67px; background-repeat:no-repeat; 
background-image:url(../images/preety.gif)}

#blog{width:155px; height:109px; margin-left:327px; float:left;  background-repeat:no-repeat;}

#bodyright{width:512px; height:530px; float:left;}

#h_links{width:253px; height:478px; float:left; margin-left:39px; background-image:url(../images/b_menu.gif); background-repeat:no-repeat; padding:0px 120px 0px 100px;}



/* =========sub menu starts here================*/

.sub{padding-top:32px;}

.sub ul{font-size:16px;}

.sub li{list-style-type:none; margin-bottom:31px;  color:#c41818; text-align:center;}

.sub li a { text-shadow: 0px 1px 0px rgba(0,0,0,.25);  
	 text-decoration:none;  font-size:16px; color:#c41818;     font-weight:bold; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
	 
.sub li a:hover{ text-shadow: 0px 1px 0px rgba(0,0,0,.25);   font-size:16px; color:#410505; font-weight:bold; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}

/* =========sub menu ends here================*/

.stick{width:201px; height:52px; float:left; background-image:url(../images/contstick.gif); background-repeat:no-repeat; margin-left:311px;}



/* =========footer starts here here================*/

#footer{ width:100%; height:74px; background-image:url(../images/footer.gif); background-repeat:repeat-x; float:left;}

.foot_left{	width:802px; height:64px; float:left; padding-top: 10px;}

.foot{ height:10px;	width:652px; float:left; padding: 13px 0px 0px 150px;}

.foot ul{font-size:12px;}

.foot li{list-style-type:none;  float:left; color:#fff; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px;}

.foot li a { text-decoration:none;  margin:0px 15px 0px 15px; font-size:12px; color:#fff;   font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
	 
.foot li a:hover{  text-decoration:underline;  margin:0px 15px 0px 15px; font-size:12px; color:#d8d8d8;    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}

.copy{ height:15px;	width:502px; float:left; padding: 8px 0px 0px 300px; font-size:12px; color:#fff;    font-family:Trebuchet MS, Arial, Helvetica, sans-serif; }

.copy a{ font-size:12px; color:#fff;  font-family:Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration:none; }

.copy a:hover{ font-size:12px; color:#c41818;  font-family:Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration:underline; }

.foot_right{width:201px; height:74px; float:left; background-repeat:no-repeat;}


/* =========About us starts here here================*/

#about-body{width:895px; height:auto; float:left; margin:10px 54px 0px 54px;}

#about-top{width:895px; height:26px; float:left; background-image:url(../images/b-top.png); background-repeat:no-repeat;}

#about-middle{ width:835px;	height:auto; float:left; background-image:url(../images/b-middle.png); background-repeat:repeat-y;	padding: 15px 30px 15px 30px;}

#about-middle2{ width:850px;	height:auto; float:left; background-image:url(../images/b-middle.png); background-repeat:repeat-y;	padding: 15px 15px 15px 30px;}

#about-middle1{ width:820px;height:381px; float:left; padding-right:15px;}

#about-middle3{ width:795px;	height:auto; float:left; background-image:url(../images/b-middle.png); background-repeat:repeat-y;	padding: 15px 50px 15px 50px;}


#about-bottom{width:895px; height:31px; float:left; background-image:url(../images/b-bottom.png); background-repeat:no-repeat;}

.img{float:left; -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6); margin:10px 10px 0px 8px;}

.stick1{width:180px; height:52px; float:left; background-image:url(../images/contstick1.png); background-repeat:no-repeat; margin-left:805px;}

.stick2{width:1003px; height:52px; float:left; background-image:url(../images/stick.gif); background-repeat:no-repeat; }


/* =========Typography us starts here here================*/

h1{font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:22px; color:#000; line-height:24pt;}
p{font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:15pt; text-align:justify}

h2{font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:16px; color:#000; line-height:24pt;}

h2 a{font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:16px; color:#000; line-height:24pt; text-decoration:none; font-weight:bold;}

h2 a:hover{font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:16px; color:#c41818; line-height:24pt; text-decoration:none; font-weight:bold;}

h3{font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:13px; color:#c41818; line-height:24pt; text-align:right;}

.read{font-size:16px; color:#000; text-align:right;}

.read a{font-size:16px; color:#000; text-align:right; text-decoration:none;}

.read a:hover{font-size:16px; color:#c41818; text-align:right; text-decoration:none;}

.twit{ width:130px;	height:200px; margin:20px 30px 0px 0px;	float: left;}

pre{font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:15pt; text-align:justify;}

h4{font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:24pt; text-align:right;}


/* =========gallery content starts here here================*/
#gallery { width: 700px; margin: 50px 0px 50px 40px; height: auto; float:left;}
	
a.polaroid { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; display: block; background: #eaeaea; padding: 10px; margin:5px; -moz-box-shadow: #ccc 5px 5px 20px; -webkit-box-shadow: #ccc 5px 5px 20px; margin-bottom:1em; }
	
a.polaroid img { width: 72px; text-decoration:none; border:none; }

a.polaroid:hover { -moz-box-shadow: #666 5px 5px 20px; -webkit-box-shadow: #666 5px 5px 20px; text-decoration:none; border:none; }

section { margin-top: 2em; }

.container:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; float:left; }
	 
.container { display: inline block;	width: 700px;}

.span-6  { width: 103px;}

a img { border: 0; }

img { vertical-align: middle; }

.last {	margin-right: 0; float: left;}

.span-18 { width: 700px;}

.column { float: left; margin-right: 10px; padding: 0;}

/* =========artwork content  starts here here================*/

.art-img{width:150px; float:left; margin:20px; text-align:center; color:#333333; font-size:15px;}
.art-img a{ text-align:center; color:#333333; font-size:15px; text-decoration:none; text-shadow: 0px 1px 0px rgba(0,0,0,.25)}
.art-img a:hover{ text-align:center; color:#c41818; font-size: 15px; text-decoration:none; text-shadow: 0px 1px 0px rgba(0,0,0,.25)}


.img1 {-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6); margin-bottom:10px;}

.img1 a{-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);}

.img1 a:hover{-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6); border:1px solid #333333;}


/* =========dropdown menu  starts here here================*/

#flyout {float:left; padding:0; margin:0px 0 0 0; list-style:none;  
color:#fff;  float: left; height: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left;}

#flyout ul {padding:0; margin:0; list-style:none;  height:auto;  position:absolute; left:-9999px; top:0;}

#flyout table { width:0; height:0; margin:-1px -10px;}

#flyout li {float:left;  color:#033303; margin:7px 11px 0px 11px;}

#flyout li a { float:left;   height:18px;  line-height:15px;  text-decoration:none; text-indent:10px;   color:#fff;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px;   }
#flyout li a.fly {}

#flyout li:hover {position:relative;}
#flyout li a:hover {position:relative; color:#6c6c6c; }
#flyout li:hover > a {color:#f1f0f0;}

#flyout ul li a {  }
#flyout ul li a.fly {  }
#flyout ul ul li a { color:#f1f0f0;    }
#flyout ul ul li a.fly {   }

#flyout li a.current,
#flyout ul li a.current,
#flyout ul ul li a.current,
#flyout ul ul ul li a.current {color:#f1f0f0;}

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {left:-40px; margin-top:18px; width:160px; background-color:#b9b9b9;  border:1px solid #666666;}

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {left:-40px; margin-top:18px; width:160px; background-color:#b9b9b9; border:1px solid #666666;}

#flyout :hover ul ul,
#flyout :hover ul :hover ul ul {left:-9999px; }

#flyout ul li:hover > a { color:#f1f0f0; }
#flyout ul ul li:hover > a { color:#f1f0f0; }