@charset "UTF-8";
/* CSS Document */

/*===================================
	Styles for Rektified.com
	developed by Ryan Adams
	ryan@rektified.com
	11.04.09
	v3.0
===================================/*


Thanks for your interest in my styles, if you have any questions, feel free to email me: ryan@rektified.com


/*============================================================================================================================================*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
fieldset, img { border:0 }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
a { text-decoration:none; color: #98999B; }
a:hover {color:#00adef; }
a:active, a:focus { outline:0; } /* Gets rid of the outline around the link */

/* Global reset-restore */
/* The below restores some defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

/*  html>body ==== is ignored by ie6, so it is used here to create a seperate style for gecko based browsers */


/*============================================================================================================================================*/

html, body, #container { height: 100%; margin: 0; padding: 0; }
body { text-align:center; color:#FFFFFF; font: 100% Arial, Helvetica, sans-serif; background: #000000 url(images/bg.jpg) repeat-x fixed; }

h1 { font-size:24px; text-transform: uppercase; line-height: 75px; font-weight: normal; }
h4 { font-size:24px; text-transform: uppercase; font-weight: normal; margin-bottom: 20px; margin-top: 4px; }

a { color:#FFFFFF; text-decoration:underline; font-style:italic; }
a:hover { color:#00aeff; }
.highlight { color:#00aeff; }
.clear { clear:both; }

#header { height:178px; background: url(images/headerBG.jpg) repeat-x; width: 100%; display: block; margin-bottom: 8px; }

#navWrapper { height:69px; width:100%; text-align:center; background: url(images/navBG.jpg) repeat-x; clear: both; margin-right: auto; margin-left: auto; }
#nav { width:780px; padding:13px 90px 0; margin:0 auto; text-align: left; font-size: 24px; height: 56px; }
#nav p { margin:0; }
#nav a { text-decoration:none; font-style:normal; }
#nav a:hover { color:#00aeff; }
.navSub { font-size:14px; line-height: 8px; }
.navSec { margin-right:53px; float: left; margin-bottom:0; }


#wrapper { width:780px; height:100%; padding:25px 90px 55px; text-align: left; margin:0 auto; }
body > #wrapper { height: auto; min-height: 100%; }

#footerWrapper { background-color:#000000; position:relative; height:55px; border-top:1px solid #00aeff; margin-top:-55px; padding-top:10px; padding-bottom:10px; clear:both; }
#footer { width:780px; margin:0 auto; font-size:12px; text-align: left; line-height: 16px; }
#footer a { margin:0; line-height: 18px; }

.fltRight { float:right; }
.fltLeft { float:left; }
 
.col1 { width:375px; float:left; margin:0 0px 10px 0; }
.col2 { width:375px; margin:0 0 10px 410px; height: auto; }
.col3 { height: auto; width: 542px; float: left; }
.col4 { height: auto; width: 224px; margin-left: 560px; margin-top: 40px; }

.col1 p { margin-bottom: 12px; }

#content p { line-height: 20px; margin-bottom: 12px; }
#content p em { margin-bottom: 20px; display: block; }

p.contact { padding-bottom:10px; height:auto; }
.skillsImg { width:332px; height:161px; border: 8px solid #000000; margin-top: 20px; }
#portfolioImg { margin:50px 0 0 -57px; clear: both; height: 223px; width: 857px; display: block; }

#portNavWrap { margin-bottom: 25px; width: 780px; height: 50px; }

.pngNudgeLft { margin-left:-3px; }

.subHead { float:left; clear:both; }
p.webPrintBrand { width: 350px; height: 16px; }
.projectTypeHolder { width:370px; margin:0 0 0 410px; }

a.projectType { text-transform: uppercase; text-decoration: none; font-style: normal; float: none; word-spacing: 20px; display: inline; margin-right: 16px; line-height: 8px; }
a.projectType:hover { border-bottom: 3px solid #00AEFF; color: #FFFFFF; }

.portfolioImg { margin-top: 20px; display: block; height: 172px; width: 338px; border: 10px solid #000000; }
.portfolioImg2 { margin-top: 40px; display: block; height: 172px; width: 338px; border: 10px solid #000000; }
.websiteImg { border: 10px solid #000000; display: block; height: 269px; width: 522px; }
a.websiteImg { margin-top: 20px; display: block; height: 172px; width: 338px; }
a.websiteImg:hover { border: 10px solid #FFFFFF; }
.smProjImg { border: 10px solid #000000; margin-bottom: 22px; }

a.websiteImg2 { margin-top: 40px; display: block; height: 172px; width: 338px; border: 10px solid #000000; }
a.websiteImg2:hover { border: 10px solid #ffffff; }

.imgTopMarg { margin-top: 40px; }

.projDetails { color: #999999; }

.projDetails a { font-style: normal; text-decoration: none; color: #999999; }
.projDetails a:hover { color: #00ADF3; }
.projDetailsSpacing { margin-right: 8px; margin-left: 8px; }

p.art { width: 780px; }
p.evenOut { height: 12px; width: 780px; clear: both; float: none; display: block; }

.pagination { font-size: .9em; margin-top: 0px; margin-bottom: 10px; }
.pagination a { text-decoration: none; font-style: normal; }
.pagination a:hover { color: #00AEEF; }