/* CSS Document */

/* BODY ELEMENTS ****************************************************************************************************/

* {margin: 0; padding: 0;}

body {background: url(../images/mainBG.jpg); font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; line-height: 22px;}

img {border: 0;}

ul {list-style-image: url(../images/bullet.gif); padding-left: 35px;}

ol {padding-left: 25px;}

/* CONTAINERS ****************************************************************************************************/

#topBG {width: 100%; background: url(../images/topBG.jpg) no-repeat center top; float: left;}
#topBGi {width: 100%; background: url(../images/topBGi.jpg) no-repeat center top; float: left;}
#container {width: 985px; margin: auto;}
#logo {float: left; width: 610px; height: 107px;}
#menu {float: left; width: 375px; height: 107px;}
#mainBrain {width: 985px; height: 366px; float: left;}
#featured {float: left; width: 955px; height: 306px; background: url(../images/featuredMainBG.jpg); padding: 69px 0 0 30px;}
#footer {width: 100%; height: 432px; float: left; background: url(../images/footerBG.jpg) center top no-repeat;}
#insideFooter {width: 985px; margin: auto;}
#iPod {width: 221px; height: 303px; float: left; background: url(../images/iPod.jpg) no-repeat;}
#info {width: 207px; height: 303px; float: left; background: url(../images/info.jpg) no-repeat; padding-left: 57px;}
#resources {width: 443px; height: 303px; float: left; background: url(../images/resources.jpg) no-repeat; padding-left: 57px;}
#bottomLinks {width: 500px; float: left; padding-top: 15px; font-size: 11px; padding-left: 30px;}
#validate {width: 261px; float: right; padding-right: 30px;}
#validateHTML {float: left;}
#validateCSS {float: left;}
#mainContent {width: 955px; float: left; padding: 40px 0 15px 30px; background: url(../images/mainContentBG.jpg) bottom no-repeat;}
#mainContent2 {width: 955px; float: left; padding: 40px 0 15px 30px; height: 400px;}
#leftContent {width: 695px; float: left; padding-right: 30px;}
#rightContent {width: 230px; float: right;}
#pictures {width: 349px; float: right; font-size: 11px; font-weight: normal; padding-left: 25px;}
#pdf {width: 159px; height: 73px; background: url(../images/pdfBG.gif) no-repeat; font-size: 11px; line-height: 14px; padding: 3px 0 0 71px;}
#email {width: 159px; height: 74px; background: url(../images/emailBG.gif) no-repeat; font-size: 11px; line-height: 14px; padding: 18px 0 0 71px;}
#divider {width: 695px; height: 16px; background: url(../images/dividerLine.gif); padding-top: 15px; background-position: bottom; background-repeat: no-repeat;}
#titleBG1 {width: 685px; height: 25px; background: url(../images/titleBG01.gif); padding: 3px 0 0 10px;}
.titleBG2 {width: 685px; height: 25px; background: url(../images/titleBG02.gif); padding: 3px 0 0 10px; float: left; clear: both; margin-top: 25px; margin-bottom: 25px;}
.website1 {width: 364px; float: left; padding-bottom: 20px;}
.website2 {width: 331px; float: left; padding-bottom: 20px;}

/* LINKS ****************************************************************************************************/

a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #ef4d74; text-decoration: underline;}
a:hover {color: #FFFFFF; text-decoration: none;}

a.footer {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none; border: none;}
a.footer:hover {color: #ef4d74; text-decoration: underline; border: none;}

a.right {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ef4d74; text-decoration: none; border: none;}
a.right:hover {color: #FFFFFF; text-decoration: underline;}

a.whitelink {color: #FFFFFF; text-decoration: underline;}
a.whitelink:hover {text-decoration: none;}

/* ROLLOVERS ****************************************************************************************************/

.resourceBox {background: url(../images/resourcesBoxes.jpg) no-repeat; width: 46px; height: 46px; float: left; padding-right: 20px;}

.smashing {background-position: 0 0;}
.psdtuts {background-position: 0 -46px;}
.workawesome {background-position: 0 -92px;}
.vecteezy {background-position: 0 -138px;}
.graphicriver {background-position: 0 -184px;}
.bluevertigo {background-position: 0 -230px;}
.disasters {background-position: 0 -276px;}
.webappers {background-position: 0 -322px;}
.istock {background-position: 0 -368px;}
.iconfinder {background-position: 0 -414px;}
.gamespot {background-position: 0 -460px;}
.color {background-position: 0 -506px;}

a.home {background: url(../images/topNav.jpg) no-repeat; width: 50px; height: 107px; display: block; float: left; border: none;}
a.home:hover {background-position: 0 -107px;}

a.profile {background: url(../images/topNav.jpg) no-repeat; width: 64px; height: 107px; display: block; background-position: 0 -214px; float: left; border: none;}
a.profile:hover {background-position: 0 -321px;}

a.portfolio {background: url(../images/topNav.jpg) no-repeat; width: 80px; height: 107px; display: block; background-position: 0 -428px; float: left; border: none;}
a.portfolio:hover {background-position: 0 -535px;}

a.resources {background: url(../images/topNav.jpg) no-repeat; width: 86px; height: 107px; display: block; background-position: 0 -642px; float: left; border: none;}
a.resources:hover {background-position: 0 -749px;}

a.contact {background: url(../images/topNav.jpg) no-repeat; width: 70px; height: 107px; display: block; background-position: 0 -856px; float: left; border: none;}
a.contact:hover {background-position: 0 -963px;}


a.homei {background: url(../images/topNavi.jpg) no-repeat; width: 50px; height: 107px; display: block; float: left; border: none;}
a.homei:hover {background-position: 0 -107px;}

a.profilei {background: url(../images/topNavi.jpg) no-repeat; width: 64px; height: 107px; display: block; background-position: 0 -214px; float: left; border: none;}
a.profilei:hover {background-position: 0 -321px;}

a.portfolioi {background: url(../images/topNavi.jpg) no-repeat; width: 80px; height: 107px; display: block; background-position: 0 -428px; float: left; border: none;}
a.portfolioi:hover {background-position: 0 -535px;}

a.resourcesi {background: url(../images/topNavi.jpg) no-repeat; width: 86px; height: 107px; display: block; background-position: 0 -642px; float: left; border: none;}
a.resourcesi:hover {background-position: 0 -749px;}

a.contacti {background: url(../images/topNavi.jpg) no-repeat; width: 70px; height: 107px; display: block; background-position: 0 -856px; float: left; border: none;}
a.contacti:hover {background-position: 0 -963px;}


a.top {width: 94px; height: 26px; display: block; background: url(../images/upPlease.gif); text-transform: uppercase; color: #FFFFFF; text-decoration: none; text-align: center; padding-top: 3px; float: right; clear: both;}
a.top:hover {background-position: 0 -29px; text-decoration: none; color: #FFFFFF}


a.sample {width: 25px; float: left; height: 16px; display: block; background: url(../images/sampleBox.gif) no-repeat left top; margin-top: 10px;}
a.sample:hover {background-position: 0 -16px;}

/* TEXT ****************************************************************************************************/

.footerHeader {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #d5e09a; text-transform: uppercase; font-weight: bold; padding: 45px 0 0 55px;}
.footerHeader2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #d5e09a; text-transform: uppercase; font-weight: bold; padding: 45px 0 0 45px;}

.title {font-size: 15px; color: #FFFFFF; text-decoration: underline; font-weight: bold;}
.smalltext {font-size: 11px;}

h1 {font-size: 25px; color: #d5e09a; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-transform: uppercase;}
h2 {font-size: 18px; color: #d5e09a; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-transform: uppercase;}

/* FORMS ****************************************************************************************************/

.formbox {background: url(../images/formboxBG.gif); width: 380px; border: none; padding: 7px; font-size: 15px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif;}

.submit {width: 94px; height: 29px; background: url(../images/upPlease.gif); text-transform: uppercase; color: #FFFFFF; text-decoration: none; text-align: center; border: none; cursor: pointer;}
.submit:hover {background-position: 0 -29px; text-decoration: none; color: #FFFFFF}

/* IMAGES ****************************************************************************************************/

img.paddingLeft {float: right; padding-left: 15px;}
img.paddingRight {float: left; padding-right: 15px;}