/*Designed and coded by: Justin Hamlin and Paradox Marketing Solutions*/


body {
width:100%;
background-image:url(images/leftbg.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#000000;
text-align:left;
margin:0px;
padding:0px;
border:0px;
font-family:'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
font-size:12px;
color:#b5b5b5;
}

img {border:0px;}

#container {
width:1000px;
}

#wrapper {
width:677px;
float:right;
}

#menu {
width:677px;
height:42px;
position:relative;
}
#content {
padding:50px;
}
#home {
width:300px;
height:40px;
position:relative;
float:left;
text-align:left;
padding-top:24px;
padding-left:10px;
}

#navigation {
width:164px;
height:40px;
position:relative;
float:right;
text-align:right;
}

#title {
width:436px;
height:228px;
position:relative;
padding-top:50px;
}

#about {
width:521px;
height:820px;
position:relative;
padding-top:47px;
padding-bottom:45px;
}

#abouttext {
width:442px;
position:relative;
float:right;
text-align:left;
padding-left:18px;
margin-top:15px;
margin-bottom:20px;
border-left-style:solid;
border-color:#1e1e1e;
border-width:1px;
}

#linkbox {
	width: 450px;
	height: 150px;
	position: relative;
	background-image: url(images/linkbox.gif);
	background-repeat: no-repeat;
	margin-top: 50px;
	margin-bottom: 50px;
}

#links {
	width: 400px;
	height: 125px;
	padding-top: 10px;
	padding-left: 22px;
}

#toplink {
width:652px;
height:18px;
position:relative;
margin-left:25px;
text-align:right;
border-bottom-style:solid;
border-color:#141414;
border-width:1px;
}

#bottomlinks {
width:677px;
height:42px;
position:relative;
text-align:left;
padding-left:25px;
}

#portfolio {
width:677px;
position:relative;
padding-top:47px;
padding-bottom:50px;
}

#portfolio2 {
width:677px;
position:relative;
padding-top:52px;
}

#workwrapper {
width:677px;
height:195px;
position:relative;
padding-bottom:50px;
}

#leftwrap {
width:469px;
height:195px;
position:relative;
float:left;
padding-left:25px;
}

#rightwrap {
width:163px;
height:195px;
position:relative;
float:right;
padding-left:20px;
text-align:right;
}

#detailwrap {
width:677px;
position:relative;
padding-left:25px;
padding-bottom:18px;
text-align:left;
}

#details {
width:677px;
position:relative;
padding-left:25px;
padding-bottom:50px;
}

#footer {
width:652px;
height:30px;
position:relative;
float:right;
border-top-style:solid;
border-color:#1e1e1e;
border-width:1px;
}

#footerleft {
width:285px;
height:30px;
float:left;
text-align:left;
}

#footerright {
width:367px;
height:30px;
float:right;
text-align:right;
}



/* TEXT */

p.bodyhead {
font-size:14px;
font-family:'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
color:#777777;
line-height:20px;
}

p.bodytext {
font-size:12px;
font-family:'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
color:#b5b5b5;
line-height:20px;
}

p.footer {
font-size:10px;
font-family:'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
color:#444444;
}

p.worktitle {
font-size:14px;
font-family:'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
color:#b5b5b5;
line-height:20px;
text-transform:uppercase;
}

p.heading {
font-size:30px;
font-family:'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
color:#b5b5b5;
}

p.subheading {
font-size:16px;
font-family:'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
color:#666666;
text-transform:uppercase;
}



/* LINKS */

a {outline: none;
color: #747474;
}

a:hover {
color: #333;
}

a.homelinks {
font-size:15px;
font-family:'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
color:#747474;
text-decoration:none;
line-height:23px;
}

a.homelinks:hover {
font-size:15px;
font-family:'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
color:#b0b0b0;
text-decoration:underline;
}

a.footerlink {
font-size:10px;
font-family:'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
color:#444444;
text-decoration:none;
}

a.footerlink:hover {
font-size:10px;
font-family:'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
color:#666666;
text-decoration:underline;
}

a.worklink {
font-size:11px;
font-family:'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
color:#4b4b4b;
text-decoration:underline;
}

a.worklink:hover {
font-size:11px;
font-family:'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
color:#b5b5b5;
text-decoration:underline;
}



/* MENU LINKS */

a.nav {
display:block;
width:82px;
height:40px;
float:right;
background-image:url(images/menu.gif);
}

a.work {background-position:0px 0px;}
a.work:hover {background-position:0px -40px;}

a.about {background-position:-82px 0px;}
a.about:hover {background-position:-82px -40px;}

.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid black;
background:white;
color: black;
z-index:2000;
padding: 4px;
}