html
{
    padding: 0;
    margin: 0px;
}

*
{
    margin: 0;
    padding: 0;
}

body
{
    background-color: #000;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../images/bg.gif) repeat center top; /*     background: url(../images/bg.png) repeat center top;*/
    padding: 0;
    margin: 0px;
    line-height: 18px;
    letter-spacing: 0.025em;
    color: white;
    font-size: 12px;
    text-align: left;
}



a img, a:link img, a:visited img
{
    border: none;
    outline: none;
}



a, a:visited
{
    color: #FF66CC;
    text-decoration: none;
}
h1
{
	padding-bottom: 0.2em;
	font: 400 1.6em arial, sans-serif;
	color: #fff;
	border-bottom: 0px solid #ddd;
}

h2
{
	font-size: 2.2em;
	color: #fff;
	font-weight:200;
}

h3
{
	text-transform: uppercase;
	font-size: 1.1em;
	color: #fff;
}

h4
{
	font-size: 0.85em;
}

h5
{
	font-size: 0.8em;
}


#container
{
    background-position: top;
    margin: 0px auto;
    width: 960px;
    padding: 0px 0px 0px 0px;
}




#logo
{
    margin: 0px auto;
    overflow: hidden;
    background: url(../images/logo.jpg) no-repeat;
    width: 960px;
    height: 235px;
}



#content
{
    margin: 0px auto; /*	 border:2px solid lime;border:3px solid blue;*/
}



#nav
{
    height: 35px;
    width: 100%;
    padding: 0px 0px;
    list-style: none;
    margin: 0px;
    border-top: 1px solid #b6b6b4;
    background: #000;
    border-bottom: 1px solid #4c4c4c;
}

#nav ul
{
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left; /* url(../images/menu.gif) repeat-x top left;*/
}

#nav li
{
    display: inline;
    overflow: hidden;
    list-style-type: none;
    width: 25%;
}

#nav li a
{
    float: right;
    width: 15%;
    font: 400 1.2em arial, sans-serif;
    letter-spacing: 0.1em;
    color: #fff;
    border-top: 7px solid #000;
    border-bottom: 0px solid #FFF;
}


#nav li a:hover, #nav li a.selected
{
    color: #F06890;
    font-weight: bold;
}


/* Global Container Style -------------------------------

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




#main
{
    float: left;
    width: 735px;
    padding: 10px 10px 10px 10px;
}



#sidebar
{
    color: #666666;
    float: left;
    width: 185px;
    padding: 10px 10px 10px 10px;
}



#feature
{
    position: relative;
    width: 880px;
    height: 270px;
    margin: 10px auto;
    padding-bottom: 0px;
}



#feature img.featured
{
    position: absolute;
    left: 764px;
    top: 0px;
}



/* Welcome section */



#promo_container
{
    width: 880px;
    height: 450px;
    margin: 0px auto;
    background-color: #000; /*  border: 4px solid white;*/
    border-top: 0;
}



#welcome
{
    float: left;
    width: 280px;
    height: 300px;
    padding: 0px 0px 0px 0px;
    line-height: normal; /*background: url(../images/intro_bg.jpg) no-repeat top right;*/
}

#welcome p
{
    padding: 10px 10px 3px 5px;
    text-align: left;
    line-height: 1.5em;
}
#welcome h4
{
    padding: 0px 10px 3px 5px;
    font-variant: small-caps;
}

#welcome p img
{
    padding: 0 10px 5px 0px;
    float: right;
}

.promo_title
{
    padding: 0px 0px 12px 0px;
}



#intro_ul
{
    padding: 50px 0px 93px 20px;
}



#mail
{
    display: inline;
    list-style-type: none;
    margin: 0.5px;
    padding: .2em 0 .2em 25px;
    background: url(../images/icon_email.gif) no-repeat;
}



#pdf
{
    display: inline;
    list-style-type: none;
    margin: 10px;
    padding: .2em 0 .2em 20px;
    background: url(../images/icon_pdf.gif) no-repeat;
}



/* Recent Posts */



#recent_post
{
    float: left;
    width: 280px;
    height: 300px;
    padding: 0px 0px 0px 20px;
    line-height: normal;
}



.date
{
    font-size: 11px;
    color: #999999;
    font-variant: small-caps;
}



.post_title, .portfolio_title
{
    font-size: 15px;
    line-height: 16px;
}

.more
{
    font-size: smaller;
    color: #eee;
    font-style: italic;
}

.post_info
{
    border-bottom: 1px dotted;
    padding-bottom: 20px;
    margin-bottom: 10px;
    line-height: 17px;
}



/* Recent Work */





#latest_work
{
    float: left;
    width: 280px;
    height: 300px;
    padding: 0px 0px 0px 20px;
    line-height: normal;
}



.new_portfolio
{
    margin-bottom: 30px;
    line-height: normal;
}



.portfolio_info
{
    line-height: 17px;
    font-size: 11px;
}



.new_portfolio_item
{
    margin-bottom: 10px;
}



a img.new_portfolio_th
{
    float: left;
    margin-right: 15px;
}



/* More buttons */



#btn_container
{
    width: 880px;
    margin: 0px auto;
    background-color: #000;
}



#inner_btn_container1
{
    width: 280px;
    float: right;
    padding: 0px 0px 20px 20px;
}



#inner_btn_container2
{
    width: 280px;
    float: right;
    padding: 0px 0px 20px 20px;
}



.btn
{
    float: right;
}



/* Jquery Slider ----------------------------------------

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

.graphic, #prevBtn, #nextBtn
{
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}



#slider
{
    border: 1px #999999 solid;
}



#slider ul, #slider li
{
    margin: 0;
    padding: 0;
    list-style: none;
}



#slider li
{
    width: 878px;
    height: 250px;
    overflow: hidden;
}



#prevBtn, #nextBtn
{
    display: block;
    width: 30px;
    height: 28px;
    position: absolute;
    left: 820px;
    top: 230px;
}



#nextBtn
{
    left: 850px;
}



#prevBtn a, #nextBtn a
{
    display: block;
    width: 30px;
    height: 29px;
    background: url(../images/btn_prev.png) no-repeat 0 0;
}



#nextBtn a
{
    background: url(../images/btn_next.png) no-repeat 0 0;
}



/* Portfolio Page Style ---------------------------------

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

#subpage_container
{
    background: url(../images/sub_bg.jpg) repeat-y top center;
    margin: 0px auto;
    overflow: hidden;
    width: 960px;
}
#portfolio_list_container
{
    width: 185px;
}





.portfolio_item, .resume_item
{
    float: left;
    width: 198px;
    margin-bottom: 15px;
}



.portfolio_item_left
{
    float: left;
    padding-right: 30px;
    width: 198px;
    margin-bottom: 15px;
}



.portfolio_item_center
{
    float: left;
    padding-right: 30px;
    width: 198px;
    margin-bottom: 15px;
}



.portfolio_item_right
{
    float: left;
    width: 198px;
    margin-bottom: 15px;
}



.resume_item_left
{
    float: left;
    padding-right: 30px;
    width: 198px;
    margin-bottom: 30px;
    padding-right: 30px;
}



.resume_item_center
{
    float: left;
    padding-right: 30px;
    width: 198px;
    margin-bottom: 30px;
    padding-right: 30px;
}



.resume_item_right
{
    float: left;
    width: 198px;
    margin-bottom: 30px;
}



.resume_item2
{
    float: left;
    width: 424px;
}



a img.portfolio_th
{
    border: 1px solid #cccccc;
    padding: 5px;
    margin-bottom: 5px;
}



a:hover img.portfolio_th
{
    background-color: #6cdafe;
}



.blog_wrap, .contact_wrap, .resume_wrap
{
    width: 600px;
}
.portfolio_wrap
{
}

#contact_wrap
{
    padding: 15px 25px;
    width: 600px;
}

.padding_right30
{
    padding-right: 30px;
}



/* Search Box*/



#search_conatiner
{
    width: 185px;
}



fieldset#search_box
{
    border: 0px;
}



fieldset#search_box label
{
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
}



#s
{
    width: 120px;
    height: 19px;
    margin-right: 5px;
    vertical-align: top;
    border: 1px #cccccc solid;
}



/* Portfolio categories*/



#categories_list_container, #archive_list_container, #links_list_container, #follow_list_container
{
    width: 185px;
    padding-top: 15px;
}




.list_item
{
    display: block;
    list-style-type: none;
    padding: 0px;
    font-size: 14px;
    border-bottom: 1px dotted #b6b6b4;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 1px;
}



.item_first
{
    display: block;
    list-style-type: none;
    border-top: 1px dotted #b6b6b4;
    border-bottom: 1px dotted #b6b6b4;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 15px;
    font-size: 14px;
    padding-left: 1px;
}



.portfolio_list, .archive_list, .link_list ul#follow_list, ul#skylash_list
{
    list-style-type: none;
}

#skylash_wrap img
{
   float:right;
   padding:20px;
}
#skylash_wrap h3
{
    padding: 10px 0px 0px 0px;
    color: pink;
    text-transform: uppercase;
}
#skylash_wrap h5
{
    font-size:1.1em;
    padding:1px 0px;
    font-weight:bold;
    }
#skylash_wrap p
{
    width:500px;
    padding:0px 0 5px 0;
 line-height:1.5em;
   
    font-style:italic;
    
   
}
#skylash_list
{
    padding-top: 20px;
    padding-bottom:20px;
}
#skylash_list td
{
    margin-left: 0px;
    margin-top: 10px;
    width: 250px;
    padding: 1px 0px;
    text-align: left;
}


/* Get in touch*/



#get_in_touch_container
{
    width: 185px;
    padding-top: 15px;
}



.get_in_item_first
{
    display: block;
    border-top: 1px dotted #b6b6b4;
    padding-top: 15px;
    margin-top: 15px;
}



.get_in_item_second
{
    display: block;
    border-top: 1px dotted #b6b6b4;
    padding-top: 15px;
    margin-top: 15px;
}



.get_in_item_third
{
    display: block;
    border-bottom: 1px dotted #b6b6b4;
    padding-bottom: 15px;
}



/* Footer -----------------------------------------------

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

#footer
{
    border-top: 1px solid #4c4c4c;
    height: 35px;
    width: 960px;
    padding: 0px 0px;
    list-style: none;
    text-align: center;
    font-size: 10px;
    letter-spacing: .2em;
    color: #666666;
}





.clearFloat:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}



.clearFloat
{
    display: inline-block;
    overflow: hidden;
}



* html .clearFloat
{
    height: 1%;
}



.clearFloat
{
    display: block;
}





/*blog commenting*/



.old_comment
{
    padding-top: 10px;
}





/* Form Field*/



#comment_form_conatiner, #contact_form_conatiner
{
    width: 600px;
}



fieldset#comment_box, fieldset#contact_box
{
    border: 0px;
    padding: 25px 0px;
}



#comment_box input[type=text], #contact_box input[type=text]
{
    vertical-align: top;
    width: 300px;
    height: 20px;
    margin-right: 10px;
    border: 1px #cccccc solid;
    margin: 2px;
    background-color: #eee;
}



#comment_box textarea, #contact_box textarea
{
    width: 630px;
    margin-right: 5px;
    vertical-align: top;
    border: 1px #cccccc solid;
    height: 150px;
    margin: 2px;
    background-color: #eee;
}


.submit
{
    padding: 25px 0px;
}

/* error page*/



#error_container
{
    width: 880px;
    margin: 0px auto;
    background-color: #000000;
    padding-bottom: 250px;
    padding-top: 20px;
}



.page_title
{
    font-size: 22px;
    border-bottom: 1px solid #e7e7ec;
    padding-bottom: 10px;
    margin-bottom: 17px;
}

.page_title2
{
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 17px;
}

/* Get in touch*/

#get_in_touch_container
{
    width: 185px;
    padding-top: 15px;
}

.get_in_item_first
{
    display: block;
    border-top: 1px dotted #b6b6b4;
    padding-top: 15px;
    margin-top: 15px;
}

.get_in_item_second
{
    display: block;
    border-top: 1px dotted #b6b6b4;
    padding-top: 15px;
    margin-top: 15px;
}

.get_in_item_third
{
    display: block;
    border-bottom: 1px dotted #b6b6b4;
    padding-bottom: 15px;
}
/* Fix up IE6 PNG Support -------------------------------



img, #logo, #nav_home, #nav_portfolio, #nav_resume, #nav_blog, 

#nav_contact, .featured { behavior: url(iepngfix.htc); }

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





ol#controls
{
    margin: 1em 0;
    padding: 0;
    float: right;
    height: 18px;
}

ol#controls li
{
    margin: 0 5px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 18px;
    line-height: 18px;
}

ol#controls li a
{
    float: left;
    height: 18px;
    line-height: 18px;
    color: #fff;
    padding: 0 5px;
    text-decoration: none;
}

ol#controls li.current a
{
    text-decoration: underline;
}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus
{
    outline: none;
}
#follow_list li
{
    height: 30px;
    padding: 10px;
}
#follow_list ul
{
    border-bottom: 1px dotted #b6b6b4;
}
#sidebar .selected
{
    font-weight: bold;
}