/* CSS Document */

body 
{
font-size:11px;
color:#868686;
font-size:60%;
margin:0px;
padding:0px;
text-align:center;
font-family:Verdana;
background-color:#000000;
}
/*html {
overflow-x:hidden;
overflow-y:auto;
}*/
p{
line-height:13px;
text-align:justify;
margin-top:15px;
}
input
{
border:1px solid #aca899;
font-size:12px;
background-color:#ffffff;
}
a
{
text-decoration:none;
color:#999999;
}
a:hover{
text-decoration:underline;
color:#d0ba52;
}
#globalDiv{
top:0;
left:0;
margin-top:0px;
margin-left:0px;
}
#mainDiv{
margin-right:auto;
margin-left:auto;
width:798px;
border-left:1px solid #393834;
border-right:1px solid #393834;
background-color:#1a1917;
}
/* This is css for top div starting*/
#topDiv{
height:143px;
width:657px;
margin-right:auto;
margin-left:auto;

}
#logoDiv
{
height:92px;
background-image:url(../images/topBg.jpg);
background-repeat:no-repeat;}
#logo{
float:left;
clear:both;

}
#logo2{
/*background-image:url(../images/topimg2.jpg);*/
float:right;
padding:75px 0px 0px 0px;
/*width:411px;*/
}
#nev{
border-top:1px solid #393834;
border-bottom:1px solid #393834;
width:657px;
height:49px;
text-align:left;
background-color:#393834;
float:left;
}
/* This is css for top div ending*/
#middle{
width:657px;
background-color:#1a1917;
padding-bottom:14px;
margin-right:auto;
margin-left:auto;
overflow:hidden;
}
#webImg{
height:147px;
padding-top:13px;
border-bottom:1px solid #393834;
padding-bottom:13px;
}
#title{
margin:0px;
float:left;
padding-top:15px;
padding-left:12px;
width:140px;
text-align:left;
}
#text1{
float:left;
width:230px;
}
#text2{
float:right;
padding-left:20px;
padding-right:15px;
width:230px;
}
#footer{
border-top:1px solid #393834;
bottom:0;
width:652px;
text-align:left;
padding-top:8px;
padding-bottom:10px;
line-height:16px;
padding-left:5px;
background-color:#1a1917;
margin-right:auto;
margin-left:auto;
overflow:hidden;
}
#menu{
float:left;
}
#smalllogo{
text-align:left;
float:right;
width:87px;
}
#photography{
text-align:left;
padding-top:40px;
padding-left:10px;
width:238px;
float:left;
}
/* ####################################################### Web Portfolio css start here */
#web1{
float:left;
text-align:left;
padding-top:40px;
padding-left:30px;
width:170px;

}
#web2{
float:left;
text-align:left;
padding-top:40px;
padding-left:5px;
width:130px;
}
#web3{
float:right;
text-align:right;
padding-top:40px;
padding-right:42px;
width:100px;
}
#web4{
float:left;
text-align:right;
padding-top:30px;
width:260px;
}
#web5{
float:left;
text-align:left;
padding-top:30px;
padding-left:98px;
width:130px;
}
#web6{
float:right;
text-align:right;
padding-top:30px;
padding-right:42px;
width:100px;
}
#web7{
float:left;
text-align:right;
padding-top:30px;
width:260px;
}
#web8{
float:left;
text-align:left;
padding-top:30px;
padding-left:98px;
width:130px;
}
#web9{
float:right;
text-align:right;
padding-top:30px;
padding-right:42px;
width:100px;
}
#web10{
float:left;
text-align:right;
padding-top:30px;
width:260px;
}
#web11{
float:left;
text-align:left;
padding-top:30px;
padding-left:98px;
width:130px;
}
#web12{
float:right;
text-align:right;
padding-top:30px;
padding-right:42px;
width:100px;
}
#web13{
float:left;
text-align:right;
padding-top:30px;
width:260px;
}
#web14{
float:left;
text-align:left;
padding-top:30px;
padding-left:98px;
width:130px;
}
#web15{
float:right;
text-align:right;
padding-top:30px;
padding-right:42px;
width:100px;
}
#web16{
float:left;
text-align:right;
padding-top:30px;
padding-bottom:25px;
width:260px;
}
#web17{
float:left;
text-align:left;
padding-top:30px;
padding-left:98px;
width:130px;
}
#web18{
float:right;
text-align:right;
padding-top:30px;
padding-right:42px;
width:100px;
}
/* ####################################################### Web Portfolio css End here */

/* ####################################################### Illustration Portfolio css start here */

#ill1{
float:left;
text-align:left;
padding-top:40px;
padding-left:40px;
width:205px;
}
#ill2{
float:left;
text-align:left;
padding-left:40px;
padding-top:40px;
width:200px;
}
#ill3{
float:left;
text-align:right;
padding-top:40px;
padding-left:40px;
width:337px;
}
#ill4{
float:left;
text-align:left;
padding-left:60px;
padding-top:40px;
width:200px;
}
#ill5{
float:left;
text-align:right;
padding-top:40px;
padding-left:40px;
width:337px;
}
#ill6{
float:left;
text-align:left;
padding-left:60px;
padding-top:40px;
width:200px;
}
#ill7{
float:left;
text-align:right;
padding-top:40px;
padding-left:40px;
width:337px;
}
#ill8{
float:left;
text-align:left;
padding-left:60px;
padding-top:40px;
width:200px;
}
#ill9{
float:left;
text-align:right;
padding-top:40px;
padding-left:40px;
width:337px;
padding-bottom:25px;
}
#ill10{
float:left;
text-align:left;
padding-left:60px;
padding-top:40px;
width:200px;
}

/* ####################################################### Illustration Portfolio css End here */

/* ####################################################### index page css start here */
#ind_middle
{
padding-top:13px;
width:657px;
background-color:#1a1917;
overflow:hidden;
padding-bottom:14px;
margin-right:auto;
margin-left:auto;
}
#ind_section
{
/**/
text-align:left;
clear:both;
overflow:hidden;
padding:0px 1px 0px 1px;
}

/* Web UI CSS*/
#ind_webui
{
width:163px;
float:left
}

#webui_img
{
width:160px;
border-right:1px solid #4e4e4e;
background-color:#000000
}
#web_content
{
padding:6px 0px 5px 11px;
}

#web_content ul
{
margin:13px 0px 0px 0px;
list-style:none;
padding:0px;

}
#web_content li
{
margin:0px;
list-style:none;
padding:0px;
line-height:14px;
}

/* Print Media CSS*/
#ind_print
{
width:165px;
float:left
}

#print_img
{
width:161px;
border-left:1px solid #4e4e4e;
border-right:1px solid #4e4e4e;
background-color:#000000
}
#print_content
{
padding:6px 0px 5px 11px;
}

#print_content ul
{
margin:10px 0px 0px 0px;
list-style:none;
padding:0px;

}
#print_content li
{
margin:0px;
list-style:none;
padding:0px;
line-height:14px;
}
/* Multimedia CSS*/
#ind_multimedia
{
width:165px;
float:left
}
#multimedia_img
{
width:161px;
border-left:1px solid #4e4e4e;
border-right:1px solid #4e4e4e;
background-color:#000000
}

#multi_content
{
padding:6px 0px 5px 11px;
}

#multi_content ul
{
margin:13px 0px 0px 0px;
list-style:none;
padding:0px;

}
#multi_content li
{
margin:0px;
list-style:none;
padding:0px;
line-height:14px;
}
/* Illustrastion CSS*/
#ind_illustration
{
width:162px;
background-color:#CC0000;
float:left
}

#illus_img
{
width:161px;
background-color:#000000;
border-left:1px solid #4e4e4e;
}

#illus_content
{
padding:6px 0px 5px 11px;

}

#illus_content ul
{
margin:13px 0px 0px 0px;
list-style:none;
padding:0px;

}
#illus_content li
{
margin:0px;
list-style:none;
padding:0px;
line-height:14px;
}


#seemore
{
/*background-color:#990000*/
padding:5px 0px 13px 12px;
text-align:left;
}

#seemore ul
{
padding:13px 0px 0px 0px;
margin:0px;
display:inline;
}

#seemore li
{
padding:0px;
margin:0px;
display:inline;
list-style:none;
}
#seemore li span
{
background-image:url(../images/bullet_orange.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:8px
}

#bot_section
{
padding-top:11px;
text-align:left;
border-top:1px solid #393834
}

#welcome
{
padding-left:12px;
width:166px;
float:left;
}

#hobbies
{
width:163px;
float:left;
}
#downloads
{
width:168px;
float:left;
}
#shortly
{
width:148px;
float:left;
}
.bullet
{
background-image:url(../images/bullet_orange.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:10px;
}


/* index page css end here */