/*Reset and common styles*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,label,select,textarea,p,blockquote,th,td
{ 
	margin:0;
	padding:0;
}
 
ul,li
{
list-style:none;	
}

img,fieldset
{
	border:none;
}

.clear
{
	clear:both;
}

/*Page Layout*/

html
{
	background:#1A416C ;
	background-image:url(../images/bg1.jpg);
	background-repeat: repeat-x;
	margin: 0 0;
}

body
{
	font-family:arial;
}

.footer_head
{
	color:#999;
	font-size:16pt;
	margin:0px 0px 5px 0px;
}

p
{
	color:#ffffff;
	font-size:0.8em;
	line-height:1.4em;
	margin:0px 0px 5px 0px;
}

a
{
	color:#ccc;
	outline:0;
}

#pageContainer
{
	min-height:200px;
}

#parallax
{
	width:100%;
	position:relative;
}

#topbar
{
	height:53px;
	width:100%;
	margin:0 auto;
	overflow:hidden;
	background-repeat:no-repeat;
}

#topbar_bg
{
	height:101px;
	width:1003px;
	position:absolute;
	top:65px;
	left:-80px;
	float:inherit;
	background-image:url(../images/top_bg.jpg);
	background-repeat:no-repeat;
}



#header_top
{
	width:800px;
	height:58px;
	position:relative;
	top:-20px;margin-left: auto ;
  margin-right: auto ;

	text-align: center ;

}



#header li
{
	float:left;
}

#navWrapper
{
	width:100%;
	margin:0px auto;
	position:relative;
}



#scrollWrapper
{
	width:960px;
	margin:54px auto 0px;
	position:relative;
	overflow:hidden;
	top: 20px;
}

#prevArrow
{
	display:block;
	text-indent:-9999em;
	width:39px;
	height:36px;
	background: url("arrow_left.png") no-repeat top left;
	position:absolute;
	top:170px;
	left:0px;
	overflow:hidden;
}

#nextArrow
{
	display:block;
	text-indent:-9999em;
	width:39px;
	height:36px;
	background:url("arrow_right.png") no-repeat top left;
	position:absolute;
	top:170px;
	right:0px;
	overflow:hidden;
}

#scrollerWindow
{
	margin:0px auto 0px;
	width:810px;
	position:relative;
	overflow:hidden;
}

#scrollingContent
{
	width:10000px;
}

div.scrollPanel
{
	width:760px;
	float:left;
	padding:0px 50px 0 20px;
}


.main_container
{
	width:100%;
	float:left;
	padding:0px 50px 0px 0px;
	min-height:170px;
	background:url("border.gif") top right repeat-y;
}

.rightColumn
{
	width:235px;
	float:left;
	padding:0px 0px 0px 50px;
	min-height:170px;
}



#overlay 
{
	display: none;
	clear: both;
	position: absolute;
	top: 0px;
	width: 100%;
	min-height: 100%;
	z-index: 1;
	background: #333;
}



.header {
padding-top:5px;
padding-bottom:5px;
width:100%;
font-family:"Arial Black", Arial;
font-size:60px;
color:#071C39;
letter-spacing:-4px;
text-shadow: #7596B9 0px 2px 0px;
}
.subheader {
padding-top:5px;
padding-bottom:5px;
width:100%;
font-family:"Arial Black", Arial;
font-size:38px;
letter-spacing:-2px;
color:#ccc;
word-spacing:-5px;
line-height: 26px;
padding-bottom:15px;
text-shadow: #000 0px 1px 0px;

}

.subheader1 {
width:100%;
font-family: Arial;
font-size:26px;
color:#ccc;
font-weight:bold;
line-height: 26px;
padding-bottom:15px;
text-shadow: #071C39 0px 1px 0px;
}


.artwork_bg {padding:10px; background-color:#FFF; width:200px;
height:200px;
}



.text { font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
}

#headtext { height:50px; width:100%; padding-top:10px;}

#title {float:left; padding-left:20px; font-family:Arial, Helvetica, sans-serif; color:#fff; width:60%; font-size:12px;}

.webbg {background-image:url(images/web_bar_bg.jpg); height: 150px; width: 100%; padding-top: 18px;}

/*NAV1*/



#main_nav { list-style: none; margin: 0; padding: 0;z-index: 999; left:0;}
#main_nav li { float: left; list-style: none; height: 58px;}
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 58px; } 


#main_nav:hover li a#homebut { background-position: 0; }
#homebut { background:  url(../images/home.gif); width: 185px;  }
#homebut:hover { background: url(../images/home.gif) 370px 0                            !important; }
#homebut.active { background:  url(../images/home.gif) 0 0; }


#main_nav:hover li a#webbut { background-position: 0; }
#webbut { background:  url(../images/web.gif); width: 185px; }
#webbut:hover { background: url(../images/web.gif) 370px 0                                !important; }
#webbut.active { background:  url(../images/web.gif) 0 0; }


#main_nav:hover li a#flashwork { background-position: 0; }
#flashwork { background:  url(../images/flash.gif); width: 185px; }
#flashwork:hover { background: url(../images/flash.gif) 370px 0                                !important; }
#flashwork.active { background:  url(../images/flash.gif) 0 0; }



#main_nav:hover li a#artwork1 { background-position: 0; }
#artwork1 { background:  url(../images/artwork.gif); width: 185px; }
#artwork1:hover { background: url(../images/artwork.gif) 370px 0                                !important; }
#artwork1.active { background:  url(../images/artwork.gif) 0 0; }


/*Footer*/
#footer {
	width:100%;
	background-image:url(footerbg.jpg);
	background-repeat:repeat-x;
	text-align:center;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	padding-top:70px;
	color:#777;
	font-size:12px;
	background-color:#262520;
}
#footer a {
	color: #666;
}
#footer a:hover {
	color: #ccc;
}
.footer-content {
	width:800px;
	text-align:center;
	height:150px;
	margin-left: auto;
	margin-right: auto;
}
.input {
	background-color: #1F4A74;
	font: 13px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999;
	padding: 1px;
	border: 1px solid #071c39;
	height:15px;
	text-align:left;
}
.input1 {
	background-color: #1F4A74;
	font: 13px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999;
	padding: 1px;
	border: 1px solid #071c39;
	height:55px;
}
.footerform {
	color:#466b8d;
	font-size:10px;
	text-align: left;
}
#footer_outer {
	background:#23282c;
	height:240px;
	color:#bfbfbf;
	text-align:center;
}

#footer h3 {
	font-size:155%;
	font-weight:normal;
	text-align:left;
	color:#3f4243;
}
#footer ul {
	list-style: url(arrow.png);
	text-align: left;
}
#footer_right {
	float: right;
	text-align:left;
	width: 500px;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#footer_left {
	float: left;
	text-align:left;
	width: 270px;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.footer_hd {
font-family: "Arial Black";
font-size:16px;
color:#ccc;
word-spacing:-3px;
line-height: 13px;
padding-bottom:4px;

}

.webbg
{width: 100%;
height:140px; }


#tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#1f3447; color:#FFF; font-size:12px; line-height:20px;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden}
#ttcont strong {color:#999; font-size:12px; text-decoration: underline;}

	
.about_hd { background-image: url(../images/about_me.jpg);
width:319px;
height:41px;
margin-bottom:10px;}

.latest_hd { background-image: url(../images/latest_pro.jpg);
width:319px;
height:41px;
margin-bottom:10px;}

.skillset_hd { background-image: url(../images/skill_set.jpg);
width:319px;
height:41px;
margin-bottom:10px;}

.skillset { 
	width:100%;
	height:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	text-align:left;
	float:left;}


#lower_left_index {
	width:330px;
	position: absolute;
	height: 196px;
	top:427px;
	left:23px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	z-index:999;
}

#lower_left_skillset{
	width:330px;
	position: absolute;
	height: 77px;
	top:640px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	left:26px;
}


#lower_right_index {
	width:350px;
	position: absolute;
	height: 300px;
	top:426px;
	left:428px;
	text-align:left;
}
	
.flash_bar { height: 110px; width: 100%; padding-top: 18px;}

.left_grad {position:absolute;
height:440px;
left:40px;
top:40px;;
background-repeat:repeat-y;
background-color:#FFF;
z-index:100;
}


.flash_latest {
	position:absolute;
	top:51px;
	left: -104px;
	width:548px;
	height:100%;
}