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

/********************************************************************************************
	RESET
********************************************************************************************/

*{margin:0; padding:0;}


/********************************************************************************************
	STYLES
********************************************************************************************/

img{
border:0px;
}

body {
background:#fff;
background-image:url(img/bkgnd2.jpg);
color:#6d6d6d;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:193px;
line-height:1.4em;
}

h2{
margin-left:22px;
padding-top:9px;
padding-bottom:9px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
float:left;
clear:both;
color:#474747;
}

strong { 
font-weight:bold;
color:#474747;
}

#contactInfo{
float:right;
text-align:right;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background-image:url(img/shoutbox2.gif);
background-repeat:no-repeat;
background-position:center;
padding:12px 17px 28px 23px;
margin-bottom:0px;
}



a:link, a:visited{
color:#d73800;
text-decoration:underline;
}

a:hover{
color:#d73800;
text-decoration:none;
}


#contactInfo a:link, #contactInfo a:visited{
color:#d73800;
text-decoration:underline;
}

#contactInfo a:hover{
color:#d73800;
text-decoration:none;
}

.line {
clear:both;
margin-top:45px;
display:inline;
}

.line_bottom {
clear:both;
margin-bottom:45px;
display:inline;
}

#tagline {
float:left;
margin-left:193px;
margin-top:35px;
clear:both;
}

h4 {
font-size:13px;
color:#747474;
margin-bottom:4px;
}

.sample p {
margin:0px 0px 0px 0px;
margin-bottom:15px;
}

#copyright {
float:left;
display:inline;
margin:20px 0px 0px 15px;
font-size:9px;
color:#747474;
}

.fullParagraph {
font-size:12px;
line-height:1.6em;
}

.green {
color:#d73800;
}

/********************************************************************************************
	IMG STYLES
********************************************************************************************/

#logo{
float:left;
}

#me{
float:right;
border:2px solid #191919;
margin:0px 15px 0px 15px;
display:inline;
}

.workSample{
border:4px solid #c4c4c4;
margin:0px 4px 20px 0px;
}

.smallSample {
float:right;
margin:0px 0px 40px 20px;
border:4px solid #c4c4c4;
}

.thumbs img {
border:5px solid #c4c4c4;
margin-bottom:3px;
}

img.bigThumb {
float:right;
border:5px solid #c4c4c4;
margin:0px 0px 25px 0px;
display:inline;
}


/********************************************************************************************
	POSITIONING
********************************************************************************************/

#top{
border-top: 20px solid #474747;
width:100%;
}

#container{
width:960px;
margin:25px auto 0px auto;
border:0px solid red;
overflow:hidden;
}

#header{
float:left;
margin-bottom:25px;
width:960px;
}

#taglineContain {
border-top:2px solid #c4c4c4;
border-bottom:0px solid #191919;
float:left; 
clear:both;
width:960px;
padding:0px 0px 35px 0px;
margin:0px 0px 0px 0px;
}


.sectionBreak{
float:left;
clear:both;
border-top:2px solid #c4c4c4;
border-bottom:2px solid #c4c4c4;
width:960px;
margin-bottom:35px;
}

#profile {
float:left;
clear:both;
width:960px;
padding-bottom:15px;
}

#footer {
padding-top:100px;
height:43px;
}



.sample {
width:765px;
float:left;
clear:both;
display:inline;
margin:0px 0px 40px 193px;
border-bottom:1px dashed #141414;
}

.smallSample {
float:right;
margin:0px 0px 40px 20px;
border-bottom:1px dashed #141414;
}

/*
.thumbs {
float:none;
clear:none;
width:940px;
border:1px solid red;
margin-bottom:0px;
}

*/

.thumb {
float:right;
margin-left:37px;
margin-bottom:40px;
width:366px;
}

.thumbs p {
font-family:Arial, Helvetica, sans-serif;
margin-left:0px;
padding-left:2px;
}


.thumbs a:link, .thumbs a:visited{
color:#d73800;
text-decoration:none;
}

.thumbs a:hover{
color:#d73800;
text-decoration:underline;
}

.thumbs strong {
font-size:12px;
}

.projectInfo {
width:291px;
float:left;
margin-left:195px;
display:inline;
}

.projectInfo p {
margin-bottom:25px;
}

.projectInfo a:link, .projectInfo a:visited{
color:#d73800;
text-decoration:underline;
}

.projectInfo a:hover{
color:#d73800;
text-decoration:none;
}

/********************************************************************************************
	NAVIGATION
********************************************************************************************/

#navcontainer {
/*overflow: hidden;*/
display:inline;
float:right;
margin-top:0px;
border:0px solid red;
padding-top:0px;
width:770px;
height:31px;
}

#navlist
{
float:left;
list-style-type: none;
margin-top:8px;
width:600px;
}

#navlist li
{
display:inline;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-right:11px;
}

#navlist li a
{
padding:3px 6px 3px 6px;
}

#navlist a:link, #navlist a:visited {
color:#d73800;
text-decoration:none;
}

#navlist a:hover {
color:#d73800;
text-decoration:underline;

}

#navlist a#active   {
background-color:#d73800;
color:#e1e1e1;
text-decoration:none;
}


/********************************************************************************************
	TABLE
********************************************************************************************/

.table {
float:left;
margin-left:193px;
}