@charset "UTF-8";

body  {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	background: #000 url(../images/bg3.jpg) repeat-x;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
}
.twoColFixRtHdr #container {
	width: 740px;
	background:url(../images/contentBg.png) repeat-y;
	margin:0 0 0 90px; /* the auto margins (in conjunction with a width) center the page */
	border:none;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixRtHdr #header { 
	background: url(../images/headerBg.png) no-repeat; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	width:740px;
	height:106px;
	margin:75px 0 0 90px;
} 

#ieUpdate {
	position:absolute;
	top: 10px;
	font-size: 18px;
	color:#000;
	background: #CF0;
	padding:10px;
	z-index:2;
	
}
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixRtHdr #banner1 {
	background: #F09 url(../images/banner_1.jpg) no-repeat;
	width: 680px;
	height: 250px;
	margin:-36px 0 10px 25px;
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: none; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px;
	margin-right:35px;
}
#tweetCrop {
	height: 330px;
	overflow:hidden;
}
.twoColFixRtHdr #mainContent {
	margin: 0 265px 0 25px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 10px 20px 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#E1E1E1 url(../images/contentRightCorner.gif) top right no-repeat;
} 
#portImages {
	background:none;
	width: 680px;
	height:550px;
	margin:-36px 0 10px 25px;
} 
.twoColFixRtHdr #mainContentPort {
	width: 650px;
	margin:0 0 10px 25px;
	padding: 10px 20px 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#E1E1E1 url(../images/contentRightCorner.gif) top right no-repeat;
} 
.twoColFixRtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(../images/footerBg_new.png) no-repeat bottom;
	width: 740px;
	height: 110px;
	margin:0 0 20px 75px;
} 
.twoColFixRtHdr #footer p {
	text-align:center;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 50px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#dmLogo {
	position:absolute;
	width:292px;
	height:222px;
	z-index:1;
	left: 0;
	top: 0;
}

/*-----------TYPOGRAPHY-----------*/

/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 2.5em; line-height: 1; margin:0 0 .75em;}
h2 { font-size: 1.5em;margin:0 0 .5em;}
h3 { font-size: 1em; line-height: 1;margin:0 0 .5em;}
h4 { font-size: 1.2em; line-height: 1.25;margin:0 0 1.5em;}
h5 { font-size: 1em;margin:0 0 1.5em;}
h6 { font-size: 1em; }


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; line-height: 1.5em;}

ul, ol { margin:0; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #F09; text-decoration: none; }
a:hover { text-decoration: underline; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }


/*-----------END TYPOGRAPHY-----------*/


/* NAVIGATION CONTROL 
--------------------------------------------------------------*/
.twoColFixRtHdr #nav { 
	background:NONE; 
	padding:0 0 0 272px;
	margin:0;
	width:440px;
	height:70px;
} 
#nav li {
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}
#home a {
	text-indent:-3000px;
	text-transform:uppercase;
	background:url(../images/nav/nav_home.png) top left no-repeat;
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:109px;
	height:70px;
	overflow:hidden;
}
#home a:hover {
	text-indent:-3000px;
	text-transform:uppercase;
	background:url(../images/nav/nav_home.png) no-repeat;
	background-position: 0px -140px; 
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:109px;
	height:70px;
	overflow:hidden;
}
#home {
	text-indent:-3000px;
	background:url(../images/nav/nav_home.png) no-repeat;	
	background-position: 0px -70px; 
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:109px;
	height:70px;
	overflow:hidden;
}
#about a {
	text-indent:-3000px;
	text-transform:uppercase;
	background:url(../images/nav/nav_about.png) top left no-repeat;
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:112px;
	height:70px;
	overflow:hidden;
}
#about a:hover {
	text-indent:-3000px;
	text-transform:uppercase;
	background:url(../images/nav/nav_about.png) no-repeat;	
	background-position: 0px -140px;
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:112px;
	height:70px;
	overflow:hidden;
}
#about {
	text-indent:-3000px;
	background:url(../images/nav/nav_about.png) no-repeat;
	background-position: 0px -70px; 
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:112px;
	height:70px;
	overflow:hidden;
}
#portfolio a {
	text-indent:-3000px;
	text-transform:uppercase;
	background:url(../images/nav/nav_portfolio.png) top left no-repeat;
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:176px;
	height:70px;
	overflow:hidden;
}
#portfolio a:hover {
	text-indent:-3000px;
	text-transform:uppercase;
	background:url(../images/nav/nav_portfolio.png) no-repeat;
	background-position: 0px -140px; 
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:176px;
	height:70px;
	overflow:hidden;
}
#portfolio {
	text-indent:-3000px;
	background:url(../images/nav/nav_portfolio.png) no-repeat;
	background-position:0 -70px;
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:176px;
	height:70px;
	overflow:hidden;
}



/* Twitter classes
-------------------------------------------------------------- */
#twitter_update_list {
	list-style: none outside;
	margin:0;
	padding:0;
	background:#FFF;
}

#twitter_update_list li {
	margin-bottom: 1.25em;
	border: 1px solid #999;
	padding: 5px;
	background:none;
}