/* Riparius Construction Stylesheet
   Author: Joshua Riddle
   Created: November 02, 2006
-----------------------------------------*/

*
{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

#content ul
{
	margin:10px 0px 10px 0px;
}

#content li
{
	background:url(../img/bullet.gif) 0px 5px no-repeat;
	padding-left:20px;
	list-style:none;
	margin-left:15px;
	line-height:18px;
}

img
{
	border:none;
}

h1
{
	font-size:22px;
	color:#267d15;
	margin:0px 0px 10px 0px;
}

a
{
	color:#267d15;
	text-decoration:none;
}

a:hover
{
	color:#31ba17;
	text-decoration:underline;
}

p
{
	font-size:14px;
	line-height:18px;
	margin-bottom:5px;
}

body
{
	background:#072702 url(../img/body_bg.gif) center repeat-y;
}

.clear
{
	clear:both;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

.notification
{
	border:#267d16 1px solid;
	padding:5px;
	margin:10px 0px 10px 0px;
}

#container
{
	margin:0 auto;
	width:867px;
}

/* Header
------------------------------------*/
#header
{
	padding:20px 0px 0px 20px !important;
	padding:20px 0px 0px 20px;
	width:846px !important;
	width:844px;
	height:99px;
}

#header .logo
{
	float:left;
	margin-left:10px !important;
	margin-left:20px;
}

#header address
{
	float:left;
	margin-left:55px;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
}

#header .search
{
	float:right;
	margin: -30px 15px 0px 0px !important;
	margin: -30px 0px 0px 0px;
	background:url(../img/search_box.gif) no-repeat;
	width:280px;
	height:50px;
}

#header .search label
{
	float:left;
	width:75px;
	padding-left:12px;
	line-height:40px;
	font-weight:bold;
	font-size:13px;
	color:#ffffff;
}

#header .search .textbox
{
	float:left;
	background:url(../img/search_box_bg.gif) no-repeat bottom right;
	border:none;
	width:126px;
	height:20px;
	padding-top:2px;
	margin-top:10px !important;
	margin-top:12px;
}

#header .search .submit
{
	float:left;
	margin:8px 0px 0px 5px !important;
	margin:10px 0px 0px 5px;
	
}

/* Main menu bar
------------------------------------------*/
#mainnav
{
	width:30px;
	height:33px;
	list-style:none;
	width:857px;
	padding:10px 5px 0px 5px;
	background:url(../img/menubar_bg.gif) repeat-x top;
	text-align:center;
}

#mainnav li
{
	float:left;
}

#mainnav a
{
	float:left;
	font-size:18px;
	margin:0px 0px 0px 24px;
	color:#ffffff;
}

#mainnav a:hover
{
	text-decoration:none;
}

/* Flash Promo Display
------------------------------------------*/
#promoDisplay
{
	padding:0;
	margin:0;
	width:867px !important;
	width:867px;
	height:341px !important;
	height:341px;
}

/* Content
------------------------------------------*/
#content
{
	float:left;
	width:100%;
	/*background: url(../img/content_bg.gif) repeat-x;*/
}


.pageContent
{
	float:left;
	width:350px;
	margin:0;
}

.pageContentSub
{
	float:right;
	width:355px !important;
	width:330px;
	margin-right:25px;
}

#hometext
{
	float:left;
	margin:15px 0px 30px 0px;
}

.columnLeft
{
	float:left;
	width:420px;
	margin:0px 45px 0px 45px !important;
	margin:15px 45px 0px 20px;
	padding:0px 0px 0px 0px;
}

.columnRight
{
	float:left;
	width:320px;
	margin: 0px  0px 0px 0px !important;
	margin: 15px 0px 0px 15px;
	padding:0px 0px 0px 0px;
}

.columnFull
{
	padding:15px 45px 0px 45px !important;
	padding:15px 45px 0px 45px;
	margin-bottom:10px;
}

.portfolio .columnFull
{
	padding:30px 30px 0px 30px !important;
	padding:30px 30px 0px 30px;
	margin-bottom:10px;
	float:left;
}

/* Portfolio
------------------------------------------*/
#catHeader
{
	float:left;
	clear:both;
}


#catHeader h1
{
	float:left;
}
#categoryList
{
	float:left;
	clear:both;
	width:230px;
}

#categoryList p
{
	margin:15px 0px 15px 0px;
}

#categoryList a
{
	font-size:16px;
	font-weight:bold;
}

#categoryDisplay
{
	float:right;
	margin-top:0;
	width:540px;
}

#photos
{
	float:left;
	text-align:center;
}

img.portfolio
{
	margin:5px;
}

p.caption
{
	display:none;
}

.showcase
{
	float:right;
	/* Remove these in production - make sure php resizes images to this size or under */
	height:350px;
	width:430px;
}

#smallImages
{
	float:left;
	width:430px;
	/*overflow:scroll;*/
}

#loader
{
	position:relative;
	top:150px;
	left:47%;
	font-size:10px;
}

#instructions
{
	background-color:#ECFFEA;
	border:1px solid #267d15;
	float:left;
	padding:10px;
}

/* Footer
------------------------------------------*/
#footer
{
	float:left;
	width:866px !important;
	width:867px;
	padding:0px 0px 0px 0px;
	margin:30px 0px 30px 0px;
	text-align:center;
	font-size:12px;
}

/* Tables */
table.contact
{
	width:380px;
	margin-top:20px;
}

table.contact tr.header
{
	background-color:#115c03;
	color:#ffffff;
	font-weight:bold;
}

table.contact tr
{

}

table.contact tr td
{
	padding:3px;
	font-size:11px;
}

table.contact tr td a
{
	font-size:11px;
}

table.contact tr td.name
{
	width:110px;
}

table.contact tr td.phone
{
	width:100px;
}

table.contact tr td.email
{
	width:130px;
}

table.contact tr.alternate
{

}

/* Forms */
.button
{
	border:1px solid #000000;
	color:#ffffff;
	background-color:#115c03;
	padding:3px;
	font-weight:bold;
	margin:10px;
	font-size:10px;
}