@charset "utf-8";
*{
	marigin:0;
	padding:0;
}

body {
	background: url(images/bodypattern.gif);
}

#wrapper {
	width: 760px;
	border: 2px solid #999999;
	margin: 40px auto 0;
	background: #373737;
}

/*Header*******************************************************************************/
#header {
background-color:#373737;

}
#header h1 {
	display: none;
}
#header  a#logo {
	display: block;
	height: 95px;
	width: 190px;
	background: url(images/logo.gif);
	margin-left:10px;
	margin-top:10px;
	float: left;
}
#header #icon {
	float: right;
	margin-top: 75px;
	width: 120px;
}
#header #icon .icons {
	display: inline;
}
#header #icon .icons #sitemap {
	background: url(images/sitemapicon.gif) no-repeat;
	float:left;
	height: 27px;
	width: 37px;
	display: block;
}
#header #icon .icons #contacticon {
	background: url(images/contacticon.gif);
	height: 27px;
	width: 37px;
	display: block;
	float: left;
	margin-left: 3px;
}
#header #icon .icons #blogicon {
	background: url(images/blogicon.gif);
	height: 27px;
	width: 37px;
	display: block;
	float: left;
}
#header #icon span {
	display: none;
}



/*HR********/
hr {
	background-color: #464646;
	color: #464646;
	border:none;
	clear: both;	
}
/*End Header****************************************************************************/


/*Nav***********************************************************************************/

#kwick {
	position: relative;
	width:760px;

}

#kwick .kwicks {
	height:25px;
	width:743px;
	background: #FF9933;
	padding-left: 0px;
	margin-left: 9px;
}

#kwick li {
	float: left;
	list-style: none;

}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height:25px;
	width: 123px;
	background: #FF9933;
}

#kwick .kwick span {
	display: none;
}

#kwick .download {
	background: #FF9933 url(images/home.gif) no-repeat;
}

#kwick .documentation {
	background: #FF9933 url(images/about.gif) no-repeat;
}

#kwick .blog {
	background: #FF9933 url(images/portfoliobtn.gif) no-repeat;
}

#kwick .trac {
	background: #FF9933 url(images/resumebtn.gif) no-repeat;
	
}
#kwick .strac {
	background: #FF9933 url(images/blogbtn.gif) no-repeat;
}
#kwick .ttrac {
	background: #FF9933 url(images/contactbtn.gif) no-repeat;

}

/*End Nav**********************************************************************************************/



/*Banner***********************************************************************************************/
#banner {
	background: url(images/homebanner.jpg);
	height: 191px;
	width: 736px;
	margin-left: 12px;
	margin-top: 10px;
	margin-right: 12px;
}
/*End Banner******************************************************************************************/


/*Main***********************************************************************************************/

#main {
	width: 736px;
	margin-top: 20px;
	background: url(images/mainbkgrnd.gif) repeat;
	float: left;
	padding-left:12px;
	padding-right:12px;
	
}

/*Main Left col**********************************************/
#main #leftcol {
	width: 310px;
	background: #999999;
	float: left;
	padding: 20px;
}
#main #leftcol #latestwork h3 {
	margin: 0px 0px 5px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#main #leftcol #latestwork img {
	float: left;
	margin-right: 10px;
	height: 90px;
	width: 100px;
}
#main #leftcol #latestwork h4 {
	margin: 0px 0px 5px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#main #leftcol #latestwork p {
	width: 190px;
	margin: 0px 0px 0px 100px;
	font: bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#main #leftcol #latestwork a:link, #main #leftcol #latestwork a:visited {
	color: #993300;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#main #leftcol #latestwork a:hover, #main #leftcol #latestwork a:active {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
}

#main #leftcol #latestwork {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#main  #leftcol  #latestwork  #clear {
	padding-top: 20px;
	clear: left;
}
#main #leftcol #portfoilio h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: right;
	margin: 0px 0px 5px;
}
#main #leftcol #portfoilio img {
	float: right;
	margin-left: 11px;
	width:100px;
	height:90px;
	margin-right: 0px;
}
#main #leftcol #portfoilio h4 {
	font-size: 11px;
	font-weight: bold;
	color: #993300;
	width: 120px;
	margin: 0px;
}
#main #leftcol #portfoilio a:link, #main #leftcol #portfoilio a:visited {
	color: #993300;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#main #leftcol #portfoilio a:hover, #main #leftcol #portfoilio a:active {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
}
#main #leftcol #portfoilio p {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 5px 0px 0px;
}
#main #leftcol h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	margin: 20px 0px 0px;
	
	
}
#main #leftcol #homeform {
	margin-top: 5px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#main #leftcol #homeform #hometable {
	border: 1px solid #FFFFFF;
	font-size: 12px;
	font-weight:bold;
}
#wrapper #main #leftcol .formparsep {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}





.rightcell {
	font-size: 12px;
	color: #FFFFFF;
	border: 1px solid #373737;
	background: #999999 !important; 
}







/*Main RightCol*********************************************/
#main #rightcol {
	width: 345px;
	float: right;
}





/* Gallery Styles **********************************/
#main #rightcol #homeslide {
	/*background: url(images/homeslide.jpg) no-repeat;*/
	height: 166px;
	width: 341px;
	border: 2px solid #454545;
}

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
 /* Set to gallery width, in px or percentage */
height: 166px; /* Set to gallery height */
}

#statusdiv {
background-color: #373737;
padding: 1px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
color:#FF9933;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles ********************************/



/*Rss Styles*****************************************/
#main #rightcol #rssfeed {
	width: 321px;
	padding:5px 10px 10px 10px;
	border: 2px solid #FFF;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#FF9933;
	height:200px;
}
#main #rightcol #rssfeed h2 {
	font-size: 16px;
	font-weight: bold;
	color:#FFFFFF;
}


.cnnclass{
width: 315px;
padding: 5px;
color:#CCCCCC;

margin-bottom: 1em;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.cnnclass a, .bbcclass a{
text-decoration: none;
color:#FFFFFF;
font-size:11px;
}

.cnnclass a:hover, .bbcclass a:hover{
text-decoration: underline;
color:#CCCCCC;
font-size:11px;
}

.bbcclass{
width: 315px;
padding: 5px;
color:#CCCCCC;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
	color:#CCCCCC;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: #FF9933;
font-size: 10px;
}

.rssdescription{ 
	color:#CCCCCC;
	/*shared class for all description elements in an RSS feed*/
}
.rssfeed {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
}


/*End RSS Styles**********************************************/
/*End Left Col*************************************************/
/*End Main*******************************************************************************************/










/*Footer**********************************************************************************************/

#footer {
	clear: both;
	padding-top: 20px;
}
#footer ul{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 15px;
	padding-bottom: 5px;
	width: 350px;
	display: block;
}

#footer ul li{
	display: inline;
	

}
#footer  a   {
	color: #FFFFFF;
}

#footer ul li a:link a, #footer ul li a:visited a {
	text-decoration: none;
}



#footer ul li a:hover a, #footer ul li a:active a {
	text-decoration: underline;
	color: #FF9933;
	
}
#footer #currentfooter {
	color: #FF9933;
}
#copyright  {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	clear: both;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	width: 760px;
	margin-top: 10px;
}






/*ABOUT PAGE***********************************************************************************************************************/




#aboutpage #main #leftcol h2 {
	margin-bottom: 15px;
	letter-spacing: 2px;
	color: #FFFFFF;
	font: bold normal 20px/100% Georgia, serif;

}
#aboutpage #main #leftcol p {
	color: #373737;
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
}
#aboutpage  #main #rightcol_2 h2 {
	margin-bottom: 15px;
	letter-spacing: 2px;
	color: #FF9933;
	font: bold normal 20px/100% Georgia, serif;
}
#aboutpage #main #rightcol_2 p {
	color: #CCCCCC;
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
}

#aboutpage #main #rightcol_2 {
	width: 310px;
	padding: 20px;
	float: right;
}
#aboutpage  #banner {
	background: url(images/aboutbanner.jpg);
}





/*PORTFOLIO PAGE***********************************************************************************************************/


#portfoliopage #banner {
	background: url(images/porfoliobanner.jpg);
}
#portfoliopage #main {
	background: #373737;
}



#portfoliopage   #main  #leftcol_port {
	width: 350px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#portfoliopage #main #leftcol_port h2 {
	letter-spacing: 2px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
#portfoliopage   #wrapper   #leftcol_port   #webdesign   img {
	margin-right: 10px;
	margin-bottom: 10px;
	border: 2px solid #FF9933;
}
#portfoliopage  #wrapper  #leftcol_port  #webdesign1  img {
	margin-right: 10px;
	margin-bottom: 10px;
	border: 2px solid #FF9933;
}


#portfoliopage   #main  #rightcol {
	width: 350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#portfoliopage #main #rightcol h2 {
	letter-spacing: 2px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}

#portfoliopage #wrapper #rightcol #webdesign img {
	margin-right: 10px;
	margin-bottom: 10px;
	border: 2px solid #FF9933;
}
#portfoliopage  #wrapper  #rightcol  #webdesign2  img {
	margin-right: 10px;
	margin-bottom: 10px;
	border: 2px solid #FF9933;
}
#portfoliopage  #wrapper  #rightcol  #webdesign3  img {
	margin-right: 10px;
	margin-bottom: 10px;
	border: 2px solid #FF9933;
}





/*Contact Page*****************************************************************************************************/
#contactpage  #main #leftcol_cont {
	width: 335px;
	padding: 5px 5px 5px 10px;
	background: #999999;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float: left;
}
#contactpage #main #leftcol_cont h2 {
	color: #FF9933;
	font-size: 14px;
}
#contactpage #wrapper #main #rightcol h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#contactpage #wrapper #main #rightcol p {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
}
#contactpage #wrapper #main #rightcol a:link, #contactpage #wrapper #main #rightcol a:visited{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

#contactpage #wrapper #main #rightcol a:hover, #contactpage #wrapper #main #rightcol a:active{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	text-decoration: underline;
}

#contactpage #banner {
	background: url(images/contbanner.jpg);
}




/*Resume Page****************************************************************************************/
#resumepage  #main {
	background: #373737;
}
#resumepage  #main #leftcol {
	width: 500px;
	background: #373737;
}
#resumepage  #main #leftcol h2 {
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 0px;
}
#resumepage  #main #leftcol h3 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
}
#resumepage #main #leftcol #resumetable {
	margin-top: 15px;
}
#resumepage  #main #leftcol .resumeleftcell {
	color: #FF9933;
	width: 120px;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}
#resumepage #wrapper  #leftcol .resumerightcell {
	color: #FFFFFF;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}
#resumepage  #main  .listitems {
	margin-bottom: 5px;
	line-height: 15px;
	margin-top: 0px;
	font-size: 11px;
}
#resumepage  #resumetable .resumerightcell .subcategory {
	color: #FF9933;
	font-style: normal;
	font-size: 12px;
}
#resumepage  #resumetable .resumerightcell .listitems .subcat {
	font-size: 11px;
	font-style: italic;
	width: 280px;
	margin-left: 30px;
	margin-top: 3px;
}
#resumepage #main #leftcol #resumetable .resumerightcell p {
	margin: 5px;
}
#resumepage #wrapper #main #leftcol #resumetable .resumerightcell .jobtitle {
	margin-top: 20px;
}
#resumepage #wrapper #main #rightcol {
	width: 185px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 11px;
}
#resumepage #wrapper #main #rightcol a:link, #resumepage #wrapper #main #rightcol a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#resumepage #wrapper #main #rightcol a:hover, #resumepage #wrapper #main #rightcol a:active {
	color: #FF9933;
	font-weight: bold;
	text-decoration: underline;
}
#resumepage #wrapper #main #leftcol a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
}
#resumepage #wrapper #banner {
	background: url(images/resumebanner.jpg);
}




/*Sitemap**********************************************************************************************/




#sitepage #wrapper #main #leftcol {
	background: #373737;
	width: 500px;
}
#sitepage #wrapper #main #leftcol h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
}
#sitepage #wrapper #main #leftcol ul {
	margin: 5px 0px 0px 5px;
	list-style: none;
	color: #FFFFFF;
	font: bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
}
#sitepage #wrapper #main #leftcol a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#sitepage #wrapper #main #leftcol a:visited {
	color: #999999;
	text-decoration: none;
}
#sitepage #wrapper #main #leftcol a:hover, #sitepage #wrapper #main #leftcol a:active {
	color: #FF9933;
	text-decoration: underline;
}


#sitepage #wrapper #main #leftcol p {
	color: #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 0px 0px;
	padding: 0px;
}
#sitepage #wrapper #main #rightcol {
	width: 170px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	padding-top: 15px;
}
#sitepage #wrapper #main #rightcol h2 {
	font-size: 11px;
	margin-bottom: 10px;
}
#sitepage #wrapper #main #rightcol p {
	margin: 0px 0px 5px;
}
#sitepage #wrapper #main #rightcol a:link, #sitepage #wrapper #main #rightcol a:visited {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#sitepage #wrapper #main #rightcol a:hover, #sitepage #wrapper #main #rightcol a:active {
	font-size: 10px;
	color: #FF9933;
	text-decoration: none;
	font-weight: bold;
}