/* DONNELLON's CSS Document */

body {
	font-family:Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	background-image:url(bg-texture.png);
	background-position:top center;
	background-repeat:no-repeat;
	color:#000000;
	line-height:20px;
}

img {
	border:none;
}

.clearfloats {
	clear:both;
	font-size:1px;
	margin:0;
	padding:0;
}

#container {
	width:900px; 
	background-color:#efefef;
	border:solid;
	border-color:#C61704;
	border-width:3px;
	margin-left:37px;
	margin-top:50px;
}

#paul	{
	width:132px;
	float:left;
	margin-top:-41px;
	margin-left:-45px;
}

#donnellon	{
	float:left;
	width:275px;
	margin-top:-42px;
	margin-left:77px;
}

#design-dev	{
	width:289px;
	float:left;
	padding-left:614px;
	margin-top:-57px;
}

#other-stuff-too	{
	width:203px;
	float:left;
	padding-left:701px;
	margin-top:-25px;
}

#flash-banner {
	padding-left:15px;
	padding-top:25px;
	float:left;
	width:700px;
}

.top-banner {
	float:left;
	width:700px; height:130px;
	padding-left:15px;
	padding-top:25px;
}

#right-nav {
	float:right;
	width:185px;
	padding-top:30px;
}

.links {
	padding-bottom:7px;
}

.links a {
	font-family:Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

.links a:hover {
	font-family:Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#C61704;
	text-decoration:none;
}

#home {
	padding-left:133px;
}

#design {
	padding-left:120px;
}

#dev {
	padding-left:57px;
}

#video {
	padding-left:132px;
}

#other {
	padding-left:68px;
}

#about-me {
	padding-top:30px;
	width:850px;
	padding-left:33px;
	padding-bottom:40px;
	font-weight:bold;
}

#vid-intro {
	background-image:url(box.gif);
	background-repeat:no-repeat;
	float:left;
	width:300px;
	height:293px;
	color:#ffffff;
	font-weight:normal;
	padding-top:20px;
	padding-left:25px;
	margin-left:30px;
	margin-right:10px;
	line-height:23px;
}

#vid-intro a {
	color:#ffffff;
	text-decoration:underline;
}

#vid-intro a:hover {
	color:#C61704;
	text-decoration:underline;
}

#montage {
	float:left;
	margin:0px;
	width:500px; height:293px;
	border:3px solid #000000;
}

#footer {
	text-align:center;
	padding-top:50px;
	padding-bottom:5px;
}

.top-wrapper {
	margin-bottom:40px;
}

#design-intro {
	padding-left:26px;
	font-weight:bold;
	padding-bottom:5px;
	width:850px;
}

.design-pic {
	float:left;
	width:250px;
	padding-left:25px;
	padding-right:25px;
}

.design-text {
	float:left;
	width:575px;
	padding-top:5px;
}

.design-divider {
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

#dev-wrapper {
	margin-bottom:75px;
	
}

#dev-text {
	margin-left:50px;
	line-height:20px;
	margin-bottom:50px;
	width:770px;
}

#dev-thumbs {
	margin-bottom:75px;
	margin-left:80px;
}

#dev-one {
	float:left;
	width:200px;
	padding-right:25px;
}

#dev-two {
	float:left;
	width:200px;
	padding-right:25px;
}

#dev-three {
	float:left;
	width:200px;
}


/*
#dev-left {
	float:left;
	width:500px;
	height:300px;
	margin-left:85px;
	margin-right:50px;
	padding:10px 10px 10px 10px;
	line-height:20px;
	background-color:#ECECEC;
	margin-top:12px;
}

#dev-right {
	float:left;
	width:180px;
	height:300px;
	background-color:#000000;
	border:1px solid #C61704;
	margin-right:133px;
	margin-top:12px;
}
*/
#underabuck {
	padding-top:20px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
}

#interior-prints {
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
}

#shurhold {
	padding-left:15px;
	padding-right:15px;
	padding-bottom:30px;
}

#joni {
	float:left;
	width:125px;
	margin-top:-12px;
}

.vid-wrapper {
	margin-bottom:30px;
}

.vid-text {
	float:left;
	width:325px;
	padding-left:25px;
	padding-right:25px;
}

.vid-title {
	font-weight:bold;
	padding-bottom:10px;
	text-decoration:underline;
}

#vid-htc {
	float:left;
	width:500px; height:299px;
	border:3px solid #000000;
}


#vid-tulips {
	float:left;
	width:500px; height:305px;
	border:3px solid #000000;
}

#vid-art {
	float:left;
	width:500px; height:313px;
	border:3px solid #000000;
}

#vid-farm {
	float:left;
	width:496px; height:313px;
	border:3px solid #000000;
}

#vid-cartoonist {
	float:left;
	width:490px; height:305px;
	border:3px solid #000000;
}

#credit {
	text-align:center;
	color:#666666;
	font-size:15px;
}

#joni-caption {
	text-align:center;
}

#joni-caption a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#joni-caption a:hover {
	color:#C61704;
	font-weight:bold;
	text-decoration:none;
}

.hdr-other {
	padding-left:25px;
}

.underline {
	padding-left:25px;
	padding-bottom:15px;
}

#gallery-wrapper {
	margin-bottom:25px;
}

.row-of-pics {
	padding-left:25px;
	padding-bottom:12px;
}

#pic-one {
	float:left;
	width:275px;
	padding-right:12px;
}

#pic-two {
	float:left;
	width:275px;
	padding-right:12px;
}
#pic-three {
	float:left;
	width:275px;
}
#pic-four {
	float:left;
	width:275px;
	padding-right:12px;
}
#pic-five {
	float:left;
	width:275px;
	padding-right:12px;
}
#pic-six {
	float:left;
	width:275px;
}
#pic-seven {
	float:left;
	width:275px;
	padding-right:12px;
}
#pic-eight {
	float:left;
	width:275px;
	padding-right:12px;
}
#pic-nine {
	float:left;
	width:275px;
}
#pic-ten {
	float:left;
	width:275px;
	padding-right:12px;
}
#pic-eleven {
	float:left;
	width:275px;
	padding-right:12px;
}
#pic-twelve {
	float:left;
	width:275px;
}

.photo-caption {
	float:left;
	width:43px;
	padding-top:25px;
	padding-right:7px;
}

.large-photo {
	float:left;
	width:900px;
	margin-top:25px;
	border:2px solid #000000;
}

#dry-brush-wrapper {
	margin-bottom:30px;
}

#dry-brush-intro {
	padding-left:25px;
	padding-bottom:20px;
	width:825px;
}

#dry-brush-row {
	padding-left:27px;
}

#drybrush-one {
	float:left;
	width:16opx;
	padding-right:10px;
}

#drybrush-two {
	float:left;
	width:16opx;
	padding-right:10px;
}

#drybrush-three {
	float:left;
	width:16opx;
	padding-right:10px;
}

#drybrush-four {
	float:left;
	width:16opx;
	padding-right:10px;
}

#drybrush-five {
	float:left;
	width:16opx;
}

.caption-drybrush {
	float:left;
	width:43px;
	padding-top:25px;
	padding-right:7px;
}

.large-drybrush {
	float:left;
	width:896px;
	margin-top:25px;
}

#disclaimer {
	color:#999999;
	text-align:center;
	padding-bottom:50px;
}

#other-stuff-wrapper {
	padding-bottom:0px;
}

.graphic-wrap {
	padding-left:25px;
	padding-bottom:15px;
}

.graphic-thumb {
	float:left;
	width:200px;
	padding-right:20px;
}

.graphic-text {
	float:left;
	width:625px;
	padding-top:10px;
}

#tough-thumb {
	float:left;
	width:455px;
	padding-right:20px;
}

#tough-text {
	float:left;
	width:375px;
	padding-top:10px;
}

#passion-wrap {
	padding-bottom:15px;
}

#thumb-passion {
	float:left;
	width:200px;
	padding-left:25px;
	padding-right:20px;
}

#passion-site {
	float:left;
	width:600px;
	padding-top:10px;
}

#thank-you {
	padding-top:20px;
	text-align:center;
}

#caption-vp {
	float:left;
	width:43px;
	padding-top:25px;
	padding-right:7px;
}

#graphic-vp {
	float:left;
	width:695px;
	padding-top:25px;
}

#caption-3d {
	float:left;
	width:43px;
	padding-top:25px;
	padding-right:7px;
}

#graphic-3d {
	float:left;
	width:750px;
	padding-top:25px;
}

#caption-jc {
	float:left;
	width:43px;
	padding-top:25px;
	padding-right:7px;
}

#graphic-jc {
	float:left;
	width:532px;
	padding-top:25px;
}

#caption-hockey {
	float:left;
	width:43px;
	padding-top:25px;
	padding-right:7px;
}

#graphic-hockey {
	float:left;
	width:413px;
	padding-top:25px;
}