body {
	padding:0;
	margin:0;

	background:white;

	border-top:4px solid #1A242B;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#666;
}
#page {
	width:980px;
	text-align:left;
	margin:0 auto;
	padding-bottom:30px;

}
a {
	text-decoration:none;
	color:#f60;
}
a:hover {
	text-decoration:underline;
}
#nav a:hover, #supernav a:hover, #footer a:hover, h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration:none;
}

a img {
	border:none;
}

* {			/* to avoid focus outlines on nav and accordion */
    outline: none;
    -moz-outline-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
    margin:.75em 0;
}

h5 {
    font-style: italic; 
}

h6 {
    font-weight:bold;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#666;
	font-weight:normal;
}

h1 { font-size:1.5em;
    text-transform:uppercase;
    padding-bottom:3px;

}
h2 { font-size:1.33em;}
h3 { font-size:1.25em; }
h4 { font-size:1.12em; }
h5 { font-size:1em; }
h6 { font-size:1em; }

ul {
	list-style:square;
}
ul li {
	margin-bottom:1.2em;
}

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

#header {

    overflow:hidden;
    padding-bottom:35px;
}
#logo {
    text-align:center;

    float:left;

    padding: 35px 0;
}

#logo a {
    font-size:9px;
    color:white;
    display:block;
    
}

#logo a:hover {
    text-decoration:none;
}

#logo img {

}

#nav {

    float:left;
    clear:left;
    width:100%;


}
/*
#nav .pages {

   overflow:hidden;
   height:24px;
   padding-right:12px;
}
*/
#nav a {
    
    color:#1A242B;
    text-transform:uppercase;
    font-size:9px;
    
    display:block;
    float:left;
    
/*
    margin:0 0 0 30px;
    padding:15px 0 0 30px;
*/

    padding:0 30px;
    
    height:40px;
    line-height:40px;
    
    border-left: 1px solid #dedede;
    
}

#nav a.home {
    border-left:none;
    padding-left:0;
    overflow:hidden;
    width:30px;
}
#nav a:hover {
 
}

#supernav {
	float:right;
	color:white;
	height:16px;
	padding-left:36px;
	background:#1A242B url(/images/scoopL.gif) top left no-repeat;
	font-size:10px;
	
	font-weight:bold;
	
}
#supernav .lang {
    float:left;
    padding-right:36px;
    height:16px;
    background:url(/images/scoopR.gif) top right no-repeat;

}

#supernav a {
	color:white;
}

#supernav a.sel {
	color:#f60;
}

#content {
    min-height:450px;
    width:978px;
    background:#F2F2F2;
    
    padding:0 0 25px 0;
    
    overflow:hidden;
}

#main {
    margin:0 25px;
    width:600px;
}

div.message {
    height:1px;
}

#callout {
    
    background:#F9F9F9;

	border-bottom:#dedede solid 2px;
    

    float:right;
    display:inline;
    width:250px;
    margin-right:25px;
    padding:20px;
}
#callout h2 {
    margin-top:0;
    font-size:1.5em;
}
#callout h3 {
    margin-top:0;
    font-size:1.25em;
}

#callout a {
    color:#666;
    text-decoration:underline;
}


#footer {
    background:#1A242B;
    display:block;
    margin:0 auto;
    width:310px;
    padding:3px 8px;
    color:white;
    font-size:9px;
    clear:both;
    font-weight:bold;
}
#footer a {
    color:white;

}

.highlight {
    color:#f60;
}



/******************************* Portfolio ****************************/
.portfolio-left, .portfolio-right {
	width:421px;
	height:398px;
	padding:15px;

	background:#F9F9F9;
	float:left;
	margin-bottom:20px;
/*	
	border-right:#dedede solid 2px;
*/
	border-bottom:#dedede solid 2px;
}
.portfolio-right {
	margin-left:20px;
}
.portfolio-left h2, .portfolio-right  h2 {
	font-size:20px;

	margin:0;
}
.portfolio-left h3, .portfolio-right  h3 {
	font-size:11px;

	margin-top:8px;
	margin-bottom:17px;;
}


.portfolio-acc {
	width:260px;
	float:right;
}

.sample {
    margin-top:30px;
    border-top:1px dotted #666;
}

/****************************** Portfolio: thumbnails / hover *******/

.thumbnail {
	position: relative;
	float:left;
	margin:0 10px 10px 0;
}


.thumbnail:hover {
background-color: transparent;
}

.thumbnail span {
	position: absolute;
	visibility: hidden;
	top: 25px;
	left: 25px;
	z-index:50;
}
.thumbnail span img {
	border:1px solid black;
}




.thumbnail:hover span {
	visibility: visible;
}

/* ___________ hp styles */

#billboard {
    clear:both;
    padding-bottom:40px;
    overflow:hidden;
    width:978px;
    
    text-align:center;
}


#billboard img {
    margin:0 auto;
    margin-top:10px;
}

#alpha {
    margin-bottom:40px;
}

#hp-gamma {
	clear:both;
	overflow:hidden;
	border-top:1px dotted #314e60;
	padding:15px 0 0 0;
	margin:0 25px;
	width:928px;
}
.hp-subs {
	width:284px;
	margin:0 12px;
	float:left;
	display:inline;
}

.hp-subs h3 {
	margin:0 0 .75em 0;
}
.hp-subs strong {
	font-weight:normal;
}


/* ___________ Portfolio:  AutoAccordion */


.portfolio-acc h4, .portfolio-st h4 {
	text-transform:uppercase;
	border-top:1px dotted #666;
	margin:0;

	padding-top:10px;
	padding-bottom:10px;
	padding-left: 27px; 
	font-size:10px;

}
.portfolio-acc h4 a, .portfolio-st h4 a {
	color:#666;
}
.portfolio-acc h4 a:hover, .portfolio-st h4 a:hover {
	text-decoration:none;
}

.portfolio-acc div, .portfolio-st div {
	margin:0;
	color:#666;
	padding:10px;
	font-size:11px;
	line-height:normal;

}
.portfolio-acc div img, .portfolio-st div img {
	margin:5px 0 10px 0;
}
.portfolio-acc div p, .portfolio-st div p {
	margin-top:0;
	margin-bottom:5px;
}

.acc-design {
	background:url(/img/frd2/icons-design.png) no-repeat 0 6px;
}
.acc-code {
	background:url(/img/frd2/icons-code.png) no-repeat 0 6px;
}
.acc-logo {
	background:url(/img/frd2/icons-logo.png) no-repeat 0 6px;
}
.acc-flash {
	background:url(/img/frd2/icons-flash.png) no-repeat 0 6px;
}