/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 12px/20px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

#footer {
	color:#d6d4d4;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

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

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

div#boxmdl1 h4 {
	font-size: 14px;
	color:#222;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
}

li {
	margin-left: 30px;
}

dl,
hr,
h1,
h3,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}


/* `Content
----------------------------------------------------------------------------------------------------*/

div#boxmdl1 p {
	font-size: 12px;
	width:90%;
	color:#222;
}
div#boxmdl1 p:hover {color:#333;}

div#boxmdl2 p {
	width:90%;
	color:#b1b2b2;
}
div#boxmdl2 p:hover {color:#d1d2d2;}

div#boxmdl2 strong {color:#fefefe;}

div#portfolio_text p {
	margin-bottom:20px;
}

div#project p.pfType {
	font-size:10px;
	color:#ccc;    /*#005B88*/
}

div#column_2 div.pfPreview div.pfDetails p {color:#fefefe;}

div#column_2 div.pfPreview div.pfDetails p.pfType {
	font-size:10px;
	color:#74A8C3;
}
div#project p, #portfolio div#boxmdl1 p,  #contact div#boxmdl1 p {
	font-size:12px;
	width:90%;
	color:#222;
	padding-bottom:20px;
}




/* `Links
----------------------------------------------------------------------------------------------------*/



div#main_nav a:link {color: #212121; text-decoration:none;}     /* unvisited link */
div#main_nav a:visited {color: #212121; text-decoration:none;}  /* visited link */
div#main_nav a:hover {color: #212121; text-decoration:underline;}   /* mouse over link */
div#main_nav a:active {color: #212121; text-decoration:underline;}   /* selected link */

div#main a:link {color: #005B88; text-decoration: none;}     /* unvisited link */
div#main a:visited {color: #005B88; text-decoration:none;}  /* visited link */
div#main a:hover {color: #212122; background-color:#74A8C3;}   /* mouse over link */
div#main a:active {color: #212121; text-decoration:underline;}   /* selected link */

div#boxmdl2 a:link {color:#74A8C3; text-decoration: none;}     /* unvisited link */
div#boxmdl2 a:visited {color:#74A8C3; text-decoration: none;}  /* visited link */
div#boxmdl2 a:hover {color:#212122; background-color:#74A8C3;}   /* mouse over link */
div#boxmdl2 a:active {color:#005B88; text-decoration: underline;}   /* selected link */


/* `Footer
----------------------------------------------------------------------------------------------------*/

div#contact_footer {
	font: 0.9em 'Century Gothic';
}

div#contact_footer #trading_info {
	clear:both;
	font: 1.0em 'Century Gothic';
	color:#b1b2b2;
}
div#contact_footer #copyright {
	font: 1.0em 'Century Gothic';
	color:#b1b2b2;
}