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

html { min-height: 100%; margin-bottom: 1px; }

body { margin:0; padding:0; background-color:#161515; background-image:url(../images/bg.jpg); background-attachment:fixed; font-family:"Trebuchet MS", Helvetica, sans-serif; color:#bcbcbc; 
	   font-size:14px; }
	   
h2 { font-size:28px; }
h4 { font-size:0px; text-indent:-9999px; display:none; }
h5 { font-size:18px; margin:-5px 0 0 0; }

a { outline:none; }
a img { border:none; }
a:link { color:#bd9018; text-decoration:underline; }
a:visited { color:#bd9018; text-decoration:underline; }
a:hover { color:#ffc322; text-decoration:underline; }
a:focus { color:#ffc322; text-decoration:underline; }


/* ---- HEADER ---- */ 

#headerHighlight { background:url(../images/headerHighlight.png) repeat-x; height:150px; }
#header { width:1000px; margin:0px auto; padding:0; }
#headerTitle { background:url(../images/headerTitle.png) no-repeat; height:150px; text-indent:-9999px; margin:-105px 0px 0px 207px;  }

#headerButtons { float:right; list-style:none; height:21px; margin:-125px 0px 0px 0px; width:348px; }
#headerButtons li { float:left; margin:0; padding:0; width:auto; }
#headerButtons li a { border:none; height:21px; display:block; text-indent:-7000px; outline:none; background:url(../images/buttons1.png) no-repeat 0 0; }
#headerButtons li#mmHome a { width:64px; background-position:0 0; }
#headerButtons li#mmPortfolio a { width:124px; background-position:-64px 0; }
#headerButtons li#mmContact a { width:87px; background-position:-188px 0; }
#headerButtons li#mmHome a:hover { background-position:0 -21px; }
#headerButtons li#mmPortfolio a:hover { background-position:-64px -21px; }
#headerButtons li#mmContact a:hover { background-position:-188px -21px; }


/* ---- MAIN CONTENT ---- */

#middleContainerBG { margin-top:-45px; }
#middleTopBG { background:url(../images/middleTopBG.png) repeat-x; height:6px; }
#middleBottomBG { background:url(../images/middleBottomBG2.png) repeat-x; height:21px; }
#middleBG { background:url(../images/middleBG1.png) repeat; }


#middleContentContainer { background:url(../images/middleContentSide.png) repeat-y; margin:-5px auto; width:1000px; position:relative; overflow:hidden; }
#middleContentTop { background:url(../images/middleTop2.png) no-repeat; width:1000px; padding-top:10px; }
#middleContentBottom { background:url(../images/middleBottom.png) repeat-x; width:1000px; }


#middleContent { width:854px; margin:0px auto; padding:0px 23px 0px 23px;  }
#middleContentLeft { float:left; width:577px; min-height:250px;  }
#middleContentRight { background:url(../images/middleContentRight.png) repeat-y; min-height:225px; float:right; width:229px; padding:15px 23px 10px 23px; }


#ryansPortfolio { background:url(../images/ryansPortfolio.png) no-repeat; height:32px; }
#contactRyan { background:url(../images/contactRyan.png) no-repeat; height:32px; }
#featuredProject { background:url(../images/featuredProject.png) no-repeat; height:32px; } 
#Error { background:url(../images/404.png) no-repeat; height:32px; }
#thanks { background:url(../images/thanks.png) no-repeat; height:145px; }


/* ---- FOOTER ---- */

#footerContainer { width:900px; margin:0px auto; }
#footerLeft { float:left; width:552px; padding:23px 0px 0px 21px; }
#footerRight { float:right; width:231px; padding:23px 48px 0px 0px; }

#copyRyan { background:url(../images/copyRyan.png) no-repeat; text-indent:-9999px; margin-top:50px; padding-bottom:50px; }

#aboutRyan { background:url(../images/aboutRyan.png) no-repeat; height:28px; }

#theWork { background:url(../images/theWork.png) no-repeat; height:28px; }


/* ---- CLASSES ---- */

.hr, hr { margin: 3px 0px 15px 0px; padding: 0px; border:0px; border-bottom: 1px dashed #706e69; }
.hr hr { display: none !important; }

.imgBorder { border:solid 1px #131313; }
.hidden { position: absolute; width: 0px; height:0px; font-size:0px; overflow:hidden; left: -9999px; }

.contactType { font-size:16px; }

.sendButton { background:url(..images/sendButton.png) no-repeat; }

.portfolioBorderWeb { background:#999999; padding:8px 8px 8px 8px; border:solid 1px #131313; margin:0px 22px 23px 0px; }
.portfolioBorderGraphics { background:#999999; padding:8px 8px 8px 8px; border:solid 1px #131313; margin:0px 22px 23px 0px; }
.portfolioBorderAnimation { background:#999999; padding:8px 8px 8px 8px; border:solid 1px #131313; margin:0px 22px 23px 0px; }
.portfolioBorderPersonal { background:#999999; padding:8px 8px 8px 8px; border:solid 1px #131313; margin:0px 22px 23px 0px; }