body {margin:0; padding:0; background-color:#000; height:100%; clear:both; font-family:Trebuchet MS, arial; border-top:8px solid #2a3033; color:#989292;}
* {margin:0; padding:0;}
html {height:100%;}
a {text-decoration:none;}
img {border:none;}
h1, h2, h3, h4, h5, p, a, form, label {	margin:0; padding:0;}
ul {list-style:none;}
input {font-family:Arial}
big {font-weight:bold; font-size:22px; font-style:italic}

/* Universal css */

.clear {clear:both;}
.spacer {height:10px; clear:both; width:100%; float:left}
.spacerBig {height:20px; clear:both; width:100%; float:left}
.deviderV {width:20px;float:left}
.lightRed {color:#f4758a;}
.darkBlue {color:#032a3b;}
.blue {color:#0c6a7f;}
.redsml {color:#990000; font-style:italic; font-weight:bold;}
.grayBody {color:#999393;}
.strong {font-weight:bold}
.italic {font-style:italic;}
.buttonBlue {color:#032a3b; font-size:14px; margin:0; font-weight:bold; cursor:pointer; padding:2px 5px; text-align:center}

h1 {font-size:22px; color:#f4758a; font-weight:bold}
h2 {font-size:18px; color:#f4758a; font-weight:bold}
h3 {font-size:14px; color:#f4ad30;}

#wrapperTop {width:100%; margin:0; padding:0; float:left;}
#midContainer {width:943px; height:100%; display:block; margin:0 auto; padding:0;}

/* Header classes */
#topHead {width:100%;float:left;}
#logo {width:416px; height:145px;  margin:0; padding:5px 0; float:left; background:url(../images/logo.jpg) no-repeat left bottom}
.myPic{float:left; margin-left:30px; width:136px; height:131px;}
#downloadcv{float:right; margin-left:30px; padding-top:90px; width:160px; height:30px;}

#headDivInner {width:942px; height:200px; float:left; text-align:center;  font-size:110px; color:#CC3366; font-family:comic Sans MS, arial;margin:0; padding:0; background:url(../images/headerBgSml.jpg) no-repeat top center;}
#headDivInner img {margin-top:40px; padding:0; }

#headDiv {width:923px; height:239px; float:left; margin:0; padding:10px; padding-top:20px; background:url(../images/headerBg.jpg) no-repeat top center}
.boxedText {width:410px; padding-right:10px; padding-left:10px;  float:left; font-size:18px;}
.boxedText span {}
.boxedText a {color:#0c6a7f; text-decoration:line-through}
#sliderBox{float:left; padding-left:38px;}


/* bodyContainer */

#bodyContainer {float:left; width:943px;}

#rightCon {float:left; width:663px; padding-top:15px; padding-right:15px; background:url(../images/texture.jpg) no-repeat right top}
.rightFld {float:left; width:100%;}.contentFld {float:left; width:100%;}
.rightFld h1 {display:block; font-size:22px; color:#f4758a; margin:0; padding:10px  0 0 0}
.rightFld h2 {display:block; font-size:20px; color:#f4758a; margin:0; padding:10px  0 0 0}
.rightFld p {margin:0; padding:0; font-size:12px; text-align:justify }
.rightFld ul {margin-bottom:10px; padding:0; }
.rightFld li {list-style:none; display:inline; margin-right:15px; color:#999393; font-weight:bold}
.rightFld li a {font-size:12px; color:#999393;}
.rightFld li a:hover {color:#f4758a}

.weburlBox {float:left; width:100%; height:130px; margin-top:30px;}
.weburlBox ul {margin:0; padding:0; list-style:circle}
.weburlBox li {list-style:none; color:#999393; font-weight:bold; font-size:12px; width:250px; float:left;}
.weburlBox li a {font-size:13px; color:#999393; background:url(../images/bullet_heart.gif) left center no-repeat; padding:5px 0 5px 25px;}
.weburlBox li a:hover {color:#F4758A; background:url(../images/bullet_heart2.gif) left center no-repeat; padding-left:25px;}


.thumbProject {float:left; width:658px; padding:2px; background:#55a5de;}
.topper {display:block; position:absolute; z-index:1001; background:url(../images/topper.png) center top no-repeat; width:50px; height:36px; left:250px; text-align:center; font-weight:bold; font-family:comic sans MS, arial; font-size:24px; text-align:center; color:#fff}

.textBoxedright {width:300px; float:left; text-align:justify}
.textBoxedright p  {font-size:11px;}
.textBoxedright a  {font-size:14px; font-weight:bold; color:#7a7778}
.textBoxedright a:hover  {color:#f4758a; text-decoration:underline}
#smallBoxed  {width:180px; float:left; font-size:11px;}
#smallBoxed h2  {padding-bottom:10px;}
#smallBoxed p  {font-size:11px;}
#smallBoxed ul {margin:0; padding:0; }
#smallBoxed li {list-style:none}
#smallBoxed li a {font-size:12px; color:#999393}
#smallBoxed li a:hover {text-decoration:blink; color:#f4758a}
.webThumb  {width:91px; margin-right:15px; margin-top:10px; float:left; font-size:11px;}
.webThumbSite {width:120px; margin-right:11px; margin-top:10px; float:left; *display:inline}

#leftCon {float:left; width:255px; padding-top:15px}

#rightNav {float:left; width:100%;}
#rightNav ul {margin:0; padding-left:5px; float:left; width:100%;}
#rightNav li {margin-bottom:2px;  padding:4px 0 14px 12px; background:url(../images/rightNavBg.gif) left top no-repeat;display:block }
#rightNav li a {font-size:14px;font-weight:bold; color:#000; cursor:pointer;display:block}
#rightNav li a:hover {color:#fff;}
#rightNav .active {padding-top:3px; font-size:14px; background:url(../images/rightNavActive.gif) left top no-repeat;}
.active a { color:#fff}

#contactBox {float:left; padding:5px 0 5px  15px; width:245px; height:352px; background:url(../images/contactBg.jpg) no-repeat center top}
#contactBox p {font-size:11px; padding:0; margin:0; width:98%;}

.btnFld {float:left; width:230px; padding-left:5px; margin-top:5px;}
.inputFlds {float:left; padding:0; width:230px; margin-top:5px;}
.inputFlds input {float:left; width:220px; padding:3px 0px 3px 3px; color:#acacac; font-size:13px; font-weight:bold; border:1px solid #262029; background:url(../images/bgInput.jpg) repeat-x left top; background-color:#fff }
.inputFlds label {font-size:14px; padding:5px 0; margin-top:5px; width:100%; float:left}
.inputFlds textarea {float:left; width:220px; height:30px; padding:3px 0px 3px 3px; color:#acacac; font-size:13px; font-weight:bold;  border:1px solid #262029; background:url(../images/bgTextarea.jpg) repeat-x left top; font-family:Trebuchet MS, Arial}


.inputFlds label {margin:0; padding-left:3px; float:left; font-size:13px; font-weight:bold; color:#989292;}
.filled{padding:3px ; margin:0; float:left; cursor:pointer; color:#333; }
.filled1{padding:3px; margin:0; float:left; background:#032C3E; cursor:pointer; color:#333;}	
.inp{color:#ccc; text-decoration:none; font-size:13px; font-weight:bold; border:#ff0000 solid 1px; padding:3px 3px 3px 6px; background:#fbfcfd; }
.inpBlank {border:1px solid #ff0000;}
.inpFilled{border:1px solid #000;}



#commmentsHome {float:left; width:235px; padding:10px;  background:url(../images/texture2.gif) no-repeat right bottom }
#commmentsHome p {color:#999393; font-size:12px; letter-spacing:1px; line-height:18px;}
#commmentsHome span{color:#032c3e; font-size:14px; font-weight:bold; font-style:italic;}


/* footer */
#footer {width:100%; height:60px; padding-top:30px; margin-top:30px; float:left; background:#0d1516 url(../images/foooerStip.gif) repeat-x  top center; font-size:12px;}
#footer ul {margin:0; padding:0;}
#footer li {display:inline; text-align:left}
#footer li a {font-size:14px; font-weight:bold; color:#999393;}
#footer li a:hover {color:#f4758a;}

.leftBoxFooter {width:440px; padding:0; float:left;}
.rightBoxFooter {width:503px; padding-top:10px; float:left;font-size:12px; text-align:right; font-weight:bold; color:#032a3b}


/* pop up classes */

.thumbnail{
	position:relative;
	z-index:0;
}
.thumbnail:hover{
	background-color: transparent;
	z-index:50;
}
.thumbnail span{ /*CSS for enlarged image*/
	position:absolute;
	background-color:#ffffe0;
	padding:5px;
	left:-1000px;
	border:1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration:none;
}
.thumbnail span img{ /*CSS for enlarged image*/
	border-width:0;
	padding:2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top:0;
	left:60px; top:-320px; /*position where enlarged image should offset horizontally */
}