/* css jaret media */

*, html {margin: 0; padding: 0;}
body {font-family: "verdana", helvetica, arial, sans-serif;
	  font-size: 15px;
	  margin: 10px 0 0 0;
	  }
ul, ol {margin-left: 50px;}	  
#header{margin-bottom: 10px;}	  
#header img {margin-right: 3px;}	  
#wrapper {width: 970px; margin: 0 auto; position: relative;}	  
#homeslide, #content {width: 900px; height: 420px; padding: 10px 30px; border: 1px solid #ccc; border-top: 22px solid #034EA2;}
#content {height: 100%; padding-left: 45px; width: 875px;}
#content p {font-size: 80%; margin-bottom: 10px; color: #555; margin-right: 90px;}
#content ol, #content ul {color: #555; margin-right: 90px;}
#content h1 {font-size: 30px; font-weight: 100; margin-bottom: 10px;}
#nav {position: absolute; top: 570px; left: 340px;}
#nav a {background: #faa61a; text-decoration: none; margin: 0 5px; padding: 8px 10px; color: #fff; }
#nav a.activeSlide { background: #00aeef; }
#nav a:hover {color: #ccc;}
#nav a:focus { outline: none; }
.slideshow {height: 350px; width: 870px; margin: auto;}
#prev a{height: 14px; width: 14px; position: absolute; top: 350px; left: 15px; background: url(../images/previous.gif) no-repeat;}
#next a{height: 14px; width: 14px; position: absolute; top: 350px; right: 15px; background: url(../images/next.gif) no-repeat;}
#next a:hover {text-decoration: underline;}

#homeslide h1 {font-size: 90px; margin:0 0 10px; padding:0;}
#homeslide p {margin-left: 10px; margin-right: 70px; line-height: 2em;}
#homeslide img, #content img {padding: 5px; border: 1px solid #ccc;}
#homeslide img.portfolio {margin-left: 40px;}

#footer {text-align: center; font-size: 80%; margin: 8px 0;}
#social {width: 120px; position: absolute; top: 120px; right: 30px;}
#social img {margin-left: 15px;}
a {text-decoration: none; color: #00AEEF;}
a:hover {color: #ccc;}
/* change o matic colors */
#portfolio #homeslide h1 {color: #72BF44;}
#home #homeslide h1 {color: #00AEEF;}
#contact #content h1 {color:#FAA61A ;}