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

/** {
  margin: 0;
  padding: 0;
  font-size: 100%;
  border: 0px solid;
}

*/
body {
  margin: 0;
  padding: 0;
  font: 68.75%/1.4em  'helvetica neue', 'arial', sans-serif;
  color: #2b2b2b
}

html,body {
font-size: 11px;

}



img,
a:link img,
a:visited img {
  border: 1px solid #aaaaaa;
  padding: 0;
}

#homeContent object{
border: none;
}

embed,
object {
  display: block;
  	
}

/* basic site typography */

a {
  outline: none;
  text-decoration: none;
  color: #999;
}

a:hover {
	color:#666;
}

h2, h2 a {
	font-family: Baskerville,'Palatino Linotype', Andalus, serif;
  font-style: italic;
  font-variant: normal;
  font-weight: normal;
  font-size: 19px;
  margin:20px 0 10px 0;
  color:#000;
}



h4.amp, h3.amp {
  font-family: Baskerville,'Palatino Linotype', Andalus, serif;
  font-style: italic;
  font-variant: normal;
  font-weight: normal;
  font-size: 165%;
}

h3.amp  {
  font-size: 15px;
  margin:4px 0 0 0;
  padding:0 5px 0 0;
  color:#666;
  position:relative;
  left:-18px;
}

#sidebar h3 {
	font: 10px/1em Georgia, 'palatino linotype', palatino, 'times new roman', serif;
  font-variant: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0px 0 0px 0 
		
}

h3 a {
color:#333;
	
}



h3 a:hover{
color:#999;	
}

#better {
  font: 'palatino linotype', 'times new roman', serif;
  font-size:14px;
  color:#999;
 /* font-variant: small-caps;
  text-transform: lowercase;
  height: 1.3em;
  letter-spacing: 0.14em;
  margin: 25px 0 .3em 0;
  opacity: .999;*/
}

#smallBox1, #smallBox2, #smallBox3, #smallBox4 {

}

/*basic layout */

#mainContainer{
	z-index:2;
	margin: 12px 0 30px 0;
	width: 100%;
	min-width: 1200px;
	overflow: hidden;
	
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*footer layout*/

#footer{
padding: 25px;
width:350px;

}

/*header layout*/

#headerContainer{
width:100%;
height:136px;
overflow:hidden;
}

#flashAlert{
width:100%;
height:20px;
background-color:red;
z-index: 20;
top: 0px;
position: absolute;
overflow: hidden;



}

#flashInside{
padding: 0 10px 0 10px;
color: white;
}
#flashInside a	{
color: white;
}


hr#bg{
	padding:0;
	height: 1.5px;
	border-bottom: 1px dashed #000; 
	
	
}
#menuButton{
	width:135px;
	text-align:right;
}
#menuContainer{
	float:left;
	/*background-image:url(images/menu.jpg);*/
	width:159px;
	height:134px;
}


#mainBracket{
height:71px;
width:79px;
float:left;
background:url(images/endtags_10.gif) no-repeat #FFF right;
margin-top:32px;
}
.bracketBoxMain{
border-bottom:#999 dotted 1.5px;
border-top:#333 solid 1.5px;

}
#large{
	height:71px;
	width:57px;
}

#secondBracket{
height:105px;
width:79px;
float:left;
margin-top:14px;
}

#secondInnerBracket1, #secondInnerBracket2{
height:40px;
margin-bottom:30px;
	
}
.secondSolidBg{
background:url(images/endtags_07.gif) no-repeat #FFF 68px 0px;	
}
.secondDottedBg{
background:url(images/endtags_20.gif) no-repeat #FFF 68px 0px;	
}
.bracketBoxSolid{
border-bottom:#333 solid 1.5px;
border-top:#333 solid 1.5px;
width:68px;
height:35px;
background-color:#FFF;
}

.bracketBoxDotted{
border-bottom:#999 dotted 1.5px;
border-top:#999 dotted 1.5px;
width:68px;
height:35px;
background-color:#FFF;

}


#thirdBracket{
	float:left;
	position:absolute;
	z-index:5;
	width:37px;
	height:132px;
	overflow:hidden;
	left: -10px;
	top: 14px;
}

#thirdInnerBracket1, #thirdInnerBracket2, #thirdInnerBracket3, #thirdInnerBracket4 {
height:27px;
margin-bottom:7px;
	
}

.thirdSolidBg{
background:url(images/endtags_12.gif) no-repeat right;	
}
.thirdDottedBg{
background:url(images/endtags_19.gif) no-repeat right;	
}

#smallBox1, #smallBox2, #smallBox3, #smallBox4 {
	height:25px;
	overflow:hidden;
	text-align:right;
	word-spacing:14px;
	width:28px;
}

#headerBg{
width:100%;
height: 61px;
margin-top: 37px;
margin-left: 202px;
border-bottom:#999 dotted 1.5px;

}

#titleContainer{
	float:right;
	margin:0 0  0 0px;
	/*background-image:url(images/title.jpg);
	background-repeat:no-repeat;
	background-position:8px 14px;*/
	overflow: hidden;
	width:400px;
	height:61px;
	position:absolute;
	z-index:4;
	left: 202px;
	top: 49px;
	/*border-bottom:#999 dotted 1.5px;*/
	
}

#titleContainer img{
	margin:14px 0 0 8px;
	z-index:6;
	position:absolute;
	border:none;
	
}
#borderTop{
	width:31px;
	height:30px;
	border-top:#333 solid 1.5px;
	border-left:#333 solid 1.5px;
	
}

#borderBottom{
	width:31px;
	height:30px;
	border-left:#999 dotted 1.5px;
	
}

#titleText{
	position:absolute;
	z-index:3;
	left:357px;
	top:4px;
	width:142px;
	height:48px;
}

#spaceContainer{	
	width:44px;
	height:67px;
	float:left;
	border-bottom:#333 solid 1.5px;
}
#horzNav{
	position:absolute;
	z-index:6;
	width: 234px;
	left: 536px;
	top: 57px;
}
#horzNav li{
float: left;
list-style: none;
margin:0 10px 0 10px;
padding:0;
}

#horzNav ul{
	margin:0;
	padding:0
}
#horzNav li h3{
	font-size:17px;
	font-weight: normal;
}

#horzNav a{
	/*color:#666;*/
	font-family: Georgia;
	font-style: italic;
	font-weight: normal;
	font-size:11px;
}
/* main content */

#mainContent, #linksContent{
	width:520px;
	float:left;
	padding: 0px 20px 20px 5px;
}

#mainContent p{
	width:495px;
	padding: 0 0 0 5px;
	
	
}

/* sidebar */
#sidebar{
float:left;
width:150px;
padding:15px 29px 30px 25px;
}

#sidebar img{
	margin:5px 0 25px 0;
	border: 1px #aaaaaa solid;
}

#sidebar h4{
margin-top: 0;
/*font-weight: normal;*/
}

#contactInfo{
	padding: 15px 0 0 0;
	
	
}
#contactInfo p{
	line-height:13px;
	margin:0 0 0 5px;
}

#contactInfo img{
border: none;
}

#email{
	margin:8px 0 10px 8px;
	border-bottom:#999 dotted 1.5px;
	padding-bottom:10px;
	width:160px;
	font-size:10px;
	
}

 #sidebar a {
	 color:#333;
	 
 }
 #sidebar a:hover {
	 color:#999;
	 
 }
 img.rss {
 float:left;
 margin-left:5px;
 padding:0;
 
 
 }
 #sidebar .links{
	line-height:27px;
	font-size:10px;
	padding-left:5px;
	
 }
/* work layout */
#workContent{
	width:800px;
	float:left;
	padding: 0px 20px 20px 5px;
	margin: 40px 0 30px 20px;
}

#workContent h2, #workContent h2 a{
margin: 0;
font-size: 16px;
font-family: 'Palatino Linotype', Andalus, serif;
}

.workPic{
	margin-top:auto;
	float: left;
	width: 140px;
}
#workContent img{
	border: 1px #aaaaaa solid;

}
.workDesc{
	padding:0 10px 0 10px;
	float: left;
	width: 230px;
	overflow: hidden;
}


.workItem{
margin-bottom: 20px;
	float:left;
	width:400px;
}
/* single work layout */

#singleWork {
	width:640px;
	float:left;
	padding: 0px 20px 20px 5px;
	}
	
#singleWork p{
	padding: 0 150px 10px 0;
}
	
#singleWork h2{
	margin:20px 0 14px 5px; 
	}
#mainWork{
float: left
width:500px
}

#singleWork img{
margin-bottom: 20px;}

# thumbGallery object{

	margin-bottom: 20px;
}
#thumbGallery {
float: right;
width: 120px;
padding-left: 20px;
}	
#thumbGallery img{
margin: 0px 20px 10px 0;
border: 1px #aaaaaa solid;

}
#thumbGalleryWide {
	margin-top: 30px;
	width: 820px;
}

#thumbGalleryFull{
	margin-top: 15px;
	width: 659px;
}
#thumbGalleryWide img, #thumbGalleryFull img {
margin: 0px 10px 10px 0;
border: 1px #aaaaaa solid;
}

/*homepage*/

#homeContent{
	/*margin-top:48px;*/
	float:left;
	width:800px;
	padding: 0px 20px 20px 0px;
	margin-top: 20px

}

#homeDesc{
	float:left;
	width:240px;
	margin-left: 30px;
}

#frontSlide{
	/*border: 1px solid #aaaaaa; */
	height: 481px; 
	width: 460px; 
	float:left;
	/*margin-left: 220px;*/
	}
#homeLinks{
border-top: 1px dotted #aaaaaa;
margin-top: 20px;
}
/*about page*/
#aboutContent{
float:left;
padding: 0px 20px 20px 5px;
width: 600px;


}

#aboutContent img{
float: right;
margin: 0 20px 20px 20px;
}

/*links page*/

h4.link-h4{
	font-family: Georgia,'palatino linotype',palatino,'times new roman',serif;
	font-size:10px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
}

#linksContent ul{
margin:0;
padding: 0;

}

#linksContent li{
list-style: none;
margin: 10px 0 5px 0;
}

#linksContent a{
	size: 14px;
	font-family: Verdana;

}


