/*Global Styles*/

body {background:#000;font-family:Verdana, Geneva, sans-serif;font-size:12px;color:#CCC;}
p {	margin:0.6em 0;	line-height:1.4;}
a {	color:#9588a1;text-decoration:none;}
.clearer {clear:both;}
#content ul {list-style-type:square;padding-left:30px;}
#content ul li {margin:3px 0;}
/* Desktop Styles */
@media only screen and (min-width: 641px) {

h1 {font-size:19px;	font-weight:bold;margin:5px 0 15px 0;}
a:hover {text-decoration:underline;}
#container {width:1000px;margin:10px auto 0 auto;background:#212121;border:1px solid #9588a1;}
#header #mobile-logo {display:none;}
#header #logo {	float:left;margin:10px 0 0 80px;}
#header #monitor {float:right;margin:10px 10px 0 0;	height:400px;}
#monitor-frame {background:url(../images/header-monitor.png);width:447px;height:389px;top:-220px;left:-22px;position:relative;}
#monitor-image {background:url(images/monitor-port-park.png);width:404px;height:223px;position:relative;top:30px;}
#navigation {font-family:Arial, Helvetica, sans-serif;	font-size:14px;}
#navigation ul {margin-left:50px;list-style-type:none;}
#navigation ul li {	float:left;	padding:5px;color:#9588a1;}
#navigation ul li a {color:#9588a1;	text-decoration:none;padding:10px;}
#navigation ul li a:hover {	background:#9588a1;	color:#212121;}
#content {	border-top:1px solid #9588a1;width:900px;padding:50px;}

#footer {width:1000px;	margin:auto;text-align:center;font-size:10px;padding-top:5px;}
.portfolio {float:left;	margin:5px;	border:5px double #000;	background:#111;width:404px;}
.portfolio-image {height:223px;}
.portfolio-info {padding:3px;}

}

/* Mobile Styles */
@media only screen and (max-width: 640px) {

/*Hide From Mobile */
#header #logo {display:none;}
#monitor-image {display:none;}
#monitor-image img {display:none;}
#footer {display:none;}
.portfolio {display:none;}

#container{width:95%; padding:1.5em 0;}
#header #mobile-logo {text-align:center; display:block;}
#navigation {font-family:Arial, Helvetica, sans-serif;}
#navigation ul {list-style-type:none;}
#navigation ul li {font-size:1.8em;	color:#9588a1;	border-bottom:#9588a1 1px solid; padding: 0.3em; width: 100%;}
#navigation ul li a {color:#9588a1;text-decoration:none;display:block;}
#content {font-size:1.2em;margin-top:0.5em;line-height:1.3em;}
#content h1 {font-size:1.5em; padding:0.5em 0;}
}