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

* { padding: 0; margin: 0; border: 0; }
body { background: #818080; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }
p { }
a { text-decoration: none; }
a:hover { text-decoration: none; }
strong { font-style:normal; }
img a { border: none; }
ul li { list-style: none; font-family:Arial, Helvetica, sans-serif; line-height: 24px; }
h1, h2, h3, h4 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-weight: normal; margin: 0 0 10px 0; }
h1 { font-size: 25px; }
h2 { font-size: 21px; }
h3 { font-size: 18px; }
h4 { font-size: 15px; }

/*-----class-----*/
.clearFloat { clear: both; }
.floatLeft { float:left; }
.floatRight { float:right; }
.p-italic { font-style: italic; }
.p-bold { font-weight: bold; }
.padding-bottom { padding: 0 0 10px 0; }
.margin-bottom { margin: 0 0 10px 0; }
.margin-left { margin: 0 0 0 10px; }
.contactDetails { font-size: 14px; color: #ffffff; margin: 0 0 10px 0; }
.contactimg { float: left; padding: 0 35px 10px 0; }
.aboutContents { float: left; width: 650px; }
.imgGallery { background: #b4b1b3; width: 178px; height: 134px; margin: 0 0 10px 0; }

.paginate { float: right; height: 30px; width: 300px; margin: 0 0 10px 0; }
.paginate a { text-decoration:underline; color: #ffffff; }
.paginate ul{ float: right; height: 15px; }
.paginate ul li { float: right; display: block; height: 15px; padding: 5px; color: #ffffff; font-weight: bold; }

.flipbook-paginate { float: right; height: 20px; width: 300px; }
.flipbook-paginate a { text-decoration:underline; color: #000000; }
.flipbook-paginate ul{ float: right; height: 15px; }
.flipbook-paginate ul li { float: right; display: block; height: 15px; padding: 5px; color: #000000; }

.downloadsList {float: left; width: 320px; }

.cv-title { height: 25px; background: #fcf3d3; text-align: center; margin: 0 0 20px 0; }
.cv-title h3 { color: #000000; }

.updatepadding { padding: 0 0 0 0; }

/*-----form style-----*/
input, txtarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.comments-txtbox { width: 255px; height: 20px; border: 1px #e6f5fb solid; padding: 2px; }
.comments-txtarea { width: 526px; height: 65px; border: 1px #e6f5fb solid; padding: 2px;  }
.btn-submit { width: 70px; height: 25px; background: #fffacd; border: 1px #000000 solid; }

/*-----Navigation-----*/
#nav { height: 25px; padding: 5px 4px 5px 4px; }
#nav ul { background: #77accc; height: 25px; width: 693px; float: left; padding: 0 140px 0 140px; }
#nav ul li { height: 25px; float: left; display: block; font-size: 13px; font-weight: bold; }
#nav ul li a { display: block; height: 25px; float: left; overflow: hidden; }
.home { width: 75px; height: 25px; background: url(../images/nav/home.jpg) no-repeat; }
.home:hover { width: 75px; height: 25px; background: url(../images/nav/sprite-bg.jpg) no-repeat 0 0; }
.blog { width: 79px; height: 25px; background: url(../images/nav/blog.jpg) no-repeat; }
.blog:hover { width: 79px; height: 25px; background: url(../images/nav/sprite-bg.jpg) no-repeat -75px 0; }
.photo { width: 158px; height: 25px; background: url(../images/nav/photo.jpg) no-repeat; }
.photo:hover { width: 158px; height: 25px; background: url(../images/nav/sprite-bg.jpg) no-repeat -154px 0; }
.cv { width: 58px; height: 25px; background: url(../images/nav/cv.jpg) no-repeat; }
.cv:hover { width: 58px; height: 25px; background: url(../images/nav/sprite-bg.jpg) no-repeat -312px 0; }
.downloads { width: 126px; height: 25px; background: url(../images/nav/downloads.jpg) no-repeat; }
.downloads:hover { width: 126px; height: 25px; background: url(../images/nav/sprite-bg.jpg) no-repeat -370px 0; }
.contact { width: 107px; height: 25px; background: url(../images/nav/contact.jpg) no-repeat; }
.contact:hover { width: 107px; height: 25px; background: url(../images/nav/sprite-bg.jpg) no-repeat -496px 0; }
.about { width: 90px; height: 25px; background: url(../images/nav/about.jpg) no-repeat; }
.about:hover { width: 90px; height: 25px; background: url(../images/nav/sprite-bg.jpg) no-repeat -603px 0; }

/*-----ID-----*/
#wrapper { margin: 0 auto; width: 1024px; }
#wrapperOuter { float: left; background: url(../images/body-bg.jpg) repeat-y; width: 984px; padding: 0 20px 0 20px; }
#wrapperInner { float: left; width: 983px; }

#header { height: 100px; background: url(../images/header.jpg) no-repeat; }

#banner { width: 973px; padding: 0 5px 0 5px; position: relative; z-index: 1;}
.banner-img { margin: 0 0 2px 0; }
.banner-img-center { margin: 0 2px 2px 2px;}
#banner ul { float: left; width: 978px; }
#banner ul li { float: left; display: block; width: 321px; height: 200px; padding: 0 5px 5px 0; }
.circle {
	width: 150px;
	height: 150px;
	position: absolute;
	z-index: 10;
	left: 407px;
	top: 127px;
}

#contentWrapper { width: 975px; float: left; background: #ffffff; padding: 0 4px 0 4px; }
#content { padding: 60px 20px 20px 30px; background: #6693b4; float: left; width: 925px; }
#content-small { padding: 10px 20px 0 30px; background: #6693b4; float: left; width: 925px; }
#top-content-small { padding: 10px 15px 10px 15px; background: #6693b4; float: left; width: 944px; margin: 0 0 5px 0; }

#cv-content { padding: 15px; background: #92512f; float: left; width: 940px; border: 2px #000000 solid; margin: 0 0 5px 0; }
#cv-content ul { float: left; width: 941px; }
#cv-content ul li{ float: left; display: block; width: 224px; height: 145px; margin: 0 0 15px 0; }
.li-padding { padding: 0 0 0 15px; }

#flipbook-content { padding: 30px 54px 25px 54px; background: #3c3b3b; float: left; width: 862px; border: 2px #000000 solid; margin: 0 0 5px 0; }
#flipbook-content h1, #flipbook-content h2, #flipbook-content h3, #flipbook-content h4 { color: #000000; font-weight: 600; margin: 0;}
#flipbook-content p{ color: #000000; padding: 0 0 10px 0; line-height: 18px; }

#bookshelf-content { padding: 90px 54px 0 54px; background: #3c3b3b url(../images/bookshelf.jpg) no-repeat; width: 862px; height: 400px; border: 2px #000000 solid; margin: 0 0 5px 0; }

#bookpage { width: 863px; }
#bookpage-left { width: 430px; height: 446px; float: left; background: url(../images/bookpage-left.jpg) no-repeat; }
#bookpage-left ul { margin: 70px 0 0 90px; width: 250px; height: 306px; color: #000000; padding: 10px 0 10px 0; }
#bookpage-left li { padding: 0px 10px 0 20px; margin: 0 0 5px 0; }

#bookpage-left-blank { width: 430px; height: 446px; float: left; background: url(../images/bookpage-left-blank.jpg) no-repeat; }

#bookpage-left-employment { width: 430px; height: 447px; float: left; background: url(../images/bookpage-left-employment.jpg) no-repeat; }
#bookpage-right-employment { width: 433px; height: 447px; float: left; background: url(../images/bookpage-right-employment.jpg) no-repeat; }
.bookpagecontent { margin: 40px 40px 0 60px; }
.bookpagecontent-right { margin: 40px 40px 0 60px; }

#bookpage-right { width: 433px; height: 446px; float: left; background: url(../images/bookpage-right.jpg) no-repeat; }
.bookpage-right-content ul { width: 250px; color: #000000; }
.bookpage-right-content ul li { margin: 0 0 5px 0; }
.bookpage-right-content { margin: 55px 40px 0 40px; }

#content-left { width: 235px; float: left; }
.widgets { border-bottom: 1px #ffffff dashed; width: 200px; float: left; padding: 10px 0 10px 0; }

#mainContent { width: 690px; float: right; }
.post { border-bottom: 1px #ffffff dashed; margin: 0 0 20px 0; padding: 10px 0 10px 0; }
.post h3 { font-weight: bold; margin: 0; }
.post p { margin: 0 0 10px 0; line-height: 18px; }
.img-post { margin: 0 0 20px 0; }
.post a { color: #ffffff; }
.meta-post { margin: 0 0 10px 0; }
.meta-post a{ color: #afd2e6; }
.comments { width: 650px; float: left; padding: 0 0 0 40px; margin: 0 0 20px 0; }
.comments-post { font-style: italic; color: #cfe9f4; }
.comments-post p { margin: 0 0 5px 0; }
.comments form ul { width: 540px; float: left; }
.comments form ul li{ margin: 0 0 10px 0; }

.downloadslist { width: 685px; float: left; }
.downloadslist-column1 { width: 340px; float: left; }
.downloadslist-column2 { width: 140px; float: left; }
.downloadslist-column3 { width: 205px; float: left; }
.downloadslist-column1 ul li, .downloadslist-column2 ul li, .downloadslist-column3 ul li { padding: 3px 5px 3px 5px; margin: 0 0 1px 0;}

#content h2 { font-weight: bold; }
#contentLeft p, #contentRight p{ line-height: 24px; color: #ffffff; margin: 0 0 10px 0; }
#contentLeft { float: left; padding: 0 0 0 5px; width: 600px; margin: 0 15px 0 0;}
#contentRight { float: right; padding: 0 5px 0 0; width: 285px; margin: 0 0 0 15px;}

#photogallery { float: left; width: 690px; }
#photogallery p { line-height: normal; }
#photogallery ul { width: 690px; float: left; }
#photogallery ul li { width: 178px; height: 153px; float: left; display: block; background: #79a1bd; text-align: center; padding: 20px; margin: 0 5px 5px 0; }

#footer { height: 37px; width: 1024px; background: url(../images/footer-bg.jpg) no-repeat; }

/*-----Table-----*/
table td, table th { text-align: left; height: 25px; }
table td { padding: 0 5px 0 5px; }
.firstrow { background: #79a1bd; }
.secondrow { background: #6f9ab9; }