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

body {margin: 0px; font-family: Helvetica,verdana,arial,sans-serif; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #666666;}


a {color:#F60; text-decoration:none;}
a:hover { text-decoration:underline;}
p { font-family: Helvetica,verdana,arial,sans-serif; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #666666; margin: 0px; line-height: 22px;}
.highlight { color: #F90; text-transform:uppercase; font-weight: bold;}

img { margin: 0px; border: 0px;}
.clear {clear: both;}
#wrapper {width: 1024px; margin: 0 auto; padding: 50px 0 0 0;}
.titles {color: #c6d8a6; font-weight: bold; text-transform: uppercase; }

.line { border-bottom: 1px solid #ccc;}

.resume-title { color: #6b8b98;}

/*----------------pages----------------*/
#home .header-images { background: url(../images/header1.jpg) no-repeat #fff;}

#resume .page { width: 60px; height: 450px; float: left; margin-right: 10px; margin: 0px 5px 0px 10px; background: url(../images/page.jpg) top no-repeat; background-position: -155px -5px; }
#resume .page { width: 60px; height: 450px; float: left; margin-right: 10px; margin: 0px 5px 0px 10px; background: url(../images/page.jpg) top no-repeat; background-position: -155px -5px; }
#resume .header-images { background: url(../images/header3.jpg) no-repeat #fff;}

#contact .page { width: 60px; height: 450px; float: left; margin-right: 10px; margin: 0px 5px 0px 10px; background: url(../images/page.jpg) top no-repeat; background-position: -17px -5px;}
#contact .header-images { background: url(../images/header2.jpg) no-repeat #fff;}


#resume .content { width: 784px; float: left; margin-right: 10px; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; }
#portfolio .content { width: 784px; float: left; margin-right: 10px; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; }







.content { width: 500px; float: left; margin-right: 10px; margin: 0px 5px 0px 5px; padding: 0px 10px 0px 0px; }
.page { width: 60px; height: 450px; float: left; margin-right: 10px; margin: 0px 5px 0px 10px; background: url(../images/page.jpg) top no-repeat; background-position: -295px -5px; }
.right-section { height: 400px; width: 240px; float: right; padding: 0px 0px 0px 20px; border-left: 1px #999 dotted;}
.footer {width: 1004px; padding: 26px 10px 0 10px; margin: 0 auto; height: 30px; background:url(../images/footer.jpg) top center no-repeat; font-size: 12px; text-transform: uppercase ; border-top: 1px #999 dotted; text-align: right;}
.top { width: 965px; float: right; height: 50px; background: url(../images/top.jpg) top left no-repeat #c6d8a6;}


/*----------------accordian one----------------*/
.menu_list {width: 160px; height: 304px; padding: 10px 0px 0px 0px; font-size: 14px; color: #FFFFFF}
.menu_head {padding: 5px 10px; cursor: pointer; position: relative; margin:1px;}
.menu_head a {color: #FFFFFF; }
.menu_body {display:none;}
.menu_body a, .menu_body a:visited{ display:block; color:#000000; text-decoration:none; padding: 3px 0px 3px 20px;}
.menu_body a:hover{ color: #000000; text-decoration:underline;}





.header {height: 50px; margin: 20px 0px 10px 0px; background:url(../images/logo.jpg) left bottom no-repeat;}
.header-images { height: 300px; background:#000; margin: 10px 0;}

.accordian { width: 160px; float: left; background: url(../images/menu.jpg) top left no-repeat;}
.accordian p { color: #FFFFFF; font-weight: bold;}


/*----------------smooth scroll----------------*/

ul.simple, ul.simple li{ list-style:  none outside; padding: 0; margin: 0px; }
ul.simple li p, ul.simple li h4{ /*padding: 5px 20px; */ }

/* layout*/
.heading { text-align: right;}
#resume h3 { width: 744px; height: 40px; line-height: 40px; padding: 0 20px; margin: 0px 0 0 0; position: relative; cursor: pointer; background: #EBEBEB;}
#resume h3 a { color: #c6d8a6;}
#resume h3 a:hover { color: #c6d8a6; text-decoration:none; cursor:pointer;}
#resume h3 span { position: absolute; top: 0; right: 25px;  font-size: 0.8em; font-weight: bold; cursor: pointer;}
	
div.collapse{ width: 782px;  margin: 5px 0; /*background: url(images/section-medium-top.gif) top center no-repeat #333a3e;*/}	
div.collapse-container{ width: 744px; height: 100%; padding: 15px 20px; /*background: url(images/section-medium-bottom.gif)  bottom no-repeat;*/}

.abilities-box { width: 225px; float: left; margin: 0px 10px 0px 0px; padding: 5px;}
.boxLine { border-right: 1px solid #666;}


/*----------------right column area----------------*/
#twitter_div { background:url(../images/twitter.jpg) top left no-repeat; padding-top: 50px; }
#twitter_div a {color:#69C; font-weight: bold; }
#twitter_update_list { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px;}
#twitter_update_list li { padding: 0px 0px 15px 0px; line-height: 20px; list-style: none;}

#right_col { }


/*----------------slogan area----------------*/
.slogan { width: 450px; padding: 20px; position: absolute; z-index: 100; left: 50%; top: 300px; margin-left: 100px; background: #ccc; text-align: center;}

/*----------------contacts----------------*/
.contacts { width: 150px; float: right; color: #F60;}

.captcha input {padding:2px; border:1px solid #CCCCCC; width:280px; float: right;}
.captcha textarea {padding:2px; border:1px solid #CCCCCC; width:495px; height:100px; margin: 5px 0 0 0;}
.bottom { margin: 5px 0px 5px 0px; padding: 0px 0px 5px 0px; /*border-bottom: 1px dotted #999;*/}