/*
-----------------------------------------------------------------------------
CSS Document
-----------------------------------------------------------------------------
version:		2.1
author:			Dai Swengler
email:			dai@epub.com
website:		http://www.swengler.com
-----------------------------------------------------------------------------
*/

/*
-----------------------------------------------------------------------------
BASE
-----------------------------------------------------------------------------
*/

html
{
	height: 100%;
	margin-bottom: 1px;
}

body
{
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Helvetica ,Arial, Verdana, sans-serif;
	font-size: .8em;
	line-height: 1.3em;
	background-color:#151515;
}

:link[target="_blank"],
:visited[target="_blank"],
:link[target="_new"],
:visited[target="_new"] {
cursor: ne-resize; }

/*
-----------------------------------------------------------------------------
LAYOUT
-----------------------------------------------------------------------------
*/

#container
{
	text-align:center;
	background:url(../images/main/bkgrnd.jpg) center repeat-y #95B78A ;
	margin: 0;
	padding: 0;
}

#header, #footer 
{
	background-color:#151515;
	color:#666666;
	clear:both;
}

#header
{
	height:50px;
	padding-bottom:10px;
	border:#FFFFFF;
	margin-bottom:20px;
}

#masthead_container, #mastfoot_container
{
	height:14px;
	width:auto;
	clear:both; 
}

#masthead 
{
	height:14px;
	margin:0 auto;
	position:relative;
	width:820px;
	top:0px;
	padding:0 0 3px 0;
}

#mastfoot
{
	height:14px;
	margin:0 auto;
	position:relative;
	width:820px;
	padding:5px 0 15px 0;
	background-color:#151515;
}

#clmap
{
	margin:0 auto;
	position:relative;
	width:160px;
	padding:0;
	background-color:#151515;
}

#masthead span
{
	background-image:url(../images/header/top.png);
	height:14px;
	width:820px;
	position:absolute;
	left: 0px;
	text-indent: -5000px;
}


#mastfoot span
{
	background-image:url(../images/header/btm.png);
	height:14px;
	width:820px;
	position:absolute;
	left: 0px;
	text-indent: -5000px;
}

#footer
{
	font-size:73%;
	margin-top:0px;
	height:90px;
	padding:0px 0 10px 0;
}

#footer p
{
	margin-bottom:2px;
	margin-top: 8px;
}

#ClusterMap
{
	height:106px;
	width:160px;
	padding:0;
}



#color
{
	text-transform:uppercase;
	font-weight:bold;
}

#content
{
	margin-left:auto;
	margin-right:auto;
	width:740px;
	text-align:left;
	min-height:1.4em;
}

#column1
{
	width:240px;
	float:left;
	display: inline;
}

#column1a
{
	width:720px;
	float:left;
	display: inline;
	min-height:550px;
	}
	
.url
{
	color:#FFCC00;
}

#column2
{
	border-left:dashed #000000 1px;  
	padding-left:19px;
	width:460px;
	display: inline;
	margin-top:0;
	top:0px;
	float:right;
	top:0px;
}

#column2 p>a, #column1 p>a
{
	color: #B30000;
	text-decoration: none;
 	border-bottom: 1px dotted #B30000;
}

#column2 p>a:visited, #column1 p>a:visited
{
	text-decoration: none;
	border-bottom: 1px dotted #4A005D;
}

#column2 p>a:visited, #column1 p>a:visited, .feature a:visited
{
	color: #4A005D;
}

#column2 p>a:hover, #column1 p>a:hover, .feature a:hover, .article li>a:hover
{
	color: #123974;
}
#column2 p>a:hover, #column1 p>a:hover
{
	text-decoration: none; border-bottom: 1px dotted #123974;
}

#column2a
{
	width:540px;
	float:left;
	display: inline;
}

#column3
{
	width: 220px;
	float:right;
	width:140px;
	padding-left:19px;
	border-left:dashed #000000 1px;
	display: inline;
}

#column1, #column2, #column2a, #column3
{
	margin-bottom:20px;
	display: inline;
}

/*img
{
	border: none;
} */

a
{
	text-decoration:none;
	color:#B30000;
} 

a:hover
{
	color:#123974;
}

a:visited
{
/*	color:#4A005D; */
}

p
{
	margin-top:0px;
}

.right
{
	float: right;
	display: inline;
}

.left
{
	float:left;
	display: inline;
}

/*
-----------------------------------------------------------------------------
SECTION TITLE
-----------------------------------------------------------------------------
*/

.section_title
{
	margin: 0 0 20px 0;
	border-bottom: #151515 dotted 1px;
	padding:0 0 1px 0;
}

h2
{
	text-align:left;
	text-indent:-5000px;
	margin:0;
	padding:0px;
	height:20px;
}

#welcome
{
	background: url(../images/titles/welcome.png) no-repeat;
}

#news
{
	background: url(../images/titles/news.png) no-repeat;
}

#portfolio
{
	background: url(../images/titles/portfolio.png) no-repeat;
}

#resume
{
	background: url(../images/titles/resume.png) no-repeat;
}

#contact
{
	background: url(../images/titles/contact.png) no-repeat;
}

#thankyou
{
	background: url(../images/titles/thankyou.png) no-repeat;
}

#about
{
	background: url(../images/titles/about.png) no-repeat;
}

#comments
{
	background: url(../images/titles/comments.png) no-repeat;
}

#error
{
	background: url(../images/titles/error.png) no-repeat;
}

#not_found
{
	background: url(../images/titles/404.png) no-repeat;
}

h3 
{
	text-align:left;
	text-indent:-5000px;
	margin:0;
	padding:0px;
	height:17px;
	margin-right:60px;
}

#peanut_gallery
{
	background: url(../images/portfolio/titles/peanut_gallery.png) no-repeat;
}

#home_peanut_gallery
{
	background: url(../images/home/peanut_gallery.png) no-repeat;
}
	
#gw_main
{
	background: url(../images/portfolio/titles/gw_main.png) no-repeat;
}

#gw_bulletin
{
	background: url(../images/portfolio/titles/gw_bulletin.png) no-repeat;
}

#circles
{
	background: url(../images/portfolio/titles/circles.png) no-repeat;
}

#imago
{
	background: url(../images/portfolio/titles/imago.png) no-repeat;
}

#weightwatchers
{
	background: url(../images/portfolio/titles/weightwatchers.png) no-repeat;
}

#nyave
{
	background: url(../images/portfolio/titles/901nyave.png) no-repeat;
}

#inbox
{
	background: url(../images/portfolio/titles/inbox.png) no-repeat;
}

#webridge
{
	background: url(../images/portfolio/titles/webridge.png) no-repeat;
}

/*
-----------------------------------------------------------------------------
FEATURE SECTION
-----------------------------------------------------------------------------
*/

.feature
{
	border: 2px solid #151515;
	background-image:url(../images/main/mask.png);
	background-repeat:repeat;
	width:458px;
	margin:0 0 15px 0;
	padding:0px;
}

.feature a
{
	position:relative;
}

.feature img
{
	border:1px dotted #151515;
	padding:0px;
	margin:2px;
}

.featurecaption
{
    border: none;
    text-align: left;
    line-height: 1.4em;
    padding: 0.3em 0 0.1em 0;
	font-weight:bold;
	margin:3px;
	clear:both;
}

.clear
{
	clear:both;
}

.divider_container
{
	width:auto;
	height:40px;
	clear:both;
}

.divider
{
	height:26px;
	margin:0 auto 20px auto;
	position:relative;
}

.divider span
{
	background:url(../images/home/divider2.png) no-repeat center;
	height:26px;
	background-position:center;
	width:370px;
    position:absolute;
	padding-bottom:20px;
	left:59px;
	text-indent: -5000px;
}

/*
-----------------------------------------------------------------------------
PORTFOLIO SECTION
-----------------------------------------------------------------------------
*/

.row
{
	height:90px;
}

.thumbnails
{
	width:240px;
	height:87px;
}

.thumbnails a
{
	position:relative;
}

.thumb, .thumb2
{
	background-image:url(../images/main/mask.png); 
	width:59px;
	padding:2px;
	height:59px;
	border:1px #151515 dotted;
	float:left;
	display: inline;
}

.thumb:hover, .thumb2:hover, .gallery:hover, .gallery2:hover, .gallery-h:hover
{
	background:url(../images/main/mask_ro.png) repeat;
	border:1px #FFFFFF dotted;
}

.thumb_current
{
	background:url(../images/main/mask_ro.png) repeat;
	border:1px #FFFFFF dotted; 
	width:59px;
	padding:2px;
	height:59px;
	float:left;
	display: inline;
}


.thumb img, .thumb2 img
{
	border:#151515 dotted 1px;
}

.thumb
{
	margin-right:22px;
}

#trailimageid
{
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 174px;
	height: 0px;
	z-index: 200;
	margin-bottom:0;
}

#click
{
	margin-bottom:0px;
	padding-bottom:0px;
}

.searchImg
{
	border: 1px solid #E0E0E0;
}

.thnail
{
	border:#151515 dotted 1px;
	
}

/*
-----------------------------------------------------------------------------
PROJECT SECTION
-----------------------------------------------------------------------------
*/

.sc_container
{
	height:400px;
}

.sc_container img
{
	margin-bottom:10px;
}

.switchcontent
{
	border-bottom: 1px #151515 dotted;
	margin:0px;
	padding:0px;
}

.paginationstyle a:hover, .paginationstyle a.selected
{
    display: inline;
	height:13px;
	background-image:url(../images/main/mask_ro.png);
	width:13px;
	border:#151515 dotted 1px;
	margin:0 0 5px 5px;
	float:left;
	top:0px;
	font-size:20%;
}

.paginationstyle a
{
	display: inline;
	height:13px;
	background-image:url(../images/main/mask.png);
	width:13px;
	border:#FFFFFF dotted 1px;
	margin:0 0 0 5px;
	float:left;
	font-size:20%;
}

.boxes
{
	border:0px;
}

.flatview
{
	padding:0px;
	margin:0px;
}

.project
{
	padding-bottom:0px;
	margin-bottom:5px;
}

.virtualpage
{
	height:450px;
	text-align: center;
}

.virtualpage img
{
	border: #000000 dotted 1px;
}

.project img
{
	vertical-align: middle;
}

.project_title
{
	text-transform:uppercase;
	margin: 0 0 0px 0;
	min-height:10px;
	padding:0 0 1px 0;
	width:460px;
}

.article
{
	text-align:left;
}

.article p>a
{

	color:#B30000;
}

.article p>a:visited, .article li>a:visited
{
	color: #4A005D;
}

.article p>a:hover
{
	color: #4A005D;
}


.article p
{
	padding: 0;
	margin: 0;
}
.article ul li
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.article li a
{
	position:relative;
}

.article ul
{
	float:left;
	background:url(../images/main/mask.png) repeat;
	border:1px dotted #151515;
	margin:2px 8px 3px 0;
	padding:8px;
	min-width:150px;
	max-width:300px;
} 

.article li strong
{
	text-transform: uppercase;
}

.article li
{
	font-size:88%;
}

/*
-----------------------------------------------------------------------------
ABOUT SECTION
-----------------------------------------------------------------------------
*/

#column2a h5, #column3 h5
{
	text-transform:uppercase;
	font-weight:bold;
	margin: 8px 0 0 0;
	font-size:99%;
	padding-top:0px;
}

#column3 p
{
	margin-top:5px;
}

#column2a ul
{
	margin-top: 10px;	
}

#column2a h5
{
	margin-top:10px;
}

#column2a h4, #column3 h4
{
	text-transform:uppercase;
	font-weight:bold;
	font-size:110%;
	margin: 0;
}

a[href$=".pdf"]
{
	background:url('../images/about/pdf.png') no-repeat right;
	padding-right:10px;
}

a:hover[href$=".pdf"]
{
	background:url('../images/about/download_ro.png') no-repeat right;
}

/*
-----------------------------------------------------------------------------
CONTACT & FORM
-----------------------------------------------------------------------------
*/

form
{
	position:relative;
	text-align:right;
	margin-right:20px;
	width:445px;
}

.enter_info
{
	display:inline;
}

#yourname, #youremail, #yourmessage
{
	margin: 0 0px 10px 0;
	width: 318px;
}
	
label
{
	padding: 0px 5px 0px 0px;
	text-transform: uppercase;
	vertical-align: top;
	
}

#submit_button
{
	margin: 0 0px 10px 0; 
	border:0;
	background:url(../images/contact/submit.png)  no-repeat right;
	width:87px;
	height:21px;
	clear:both;
}

#errormsg
{
	color:#B30000;
	padding-bottom:10px;
	font-weight:bold;
}

#errormsg a
{
 color:#6e1c16;
 border-bottom: 1px dotted #6e1c16;
}

#errormsg a:hover
{
 color:#123974;
 border-bottom: 1px dotted #123974;
}

#verify
{
	float:left;
	width:110px;
	padding: 0px 10px 0px 0px;
}


 div#captcha
{
	padding:0px 5px 15px 0px;
	float:right;
	/* display:block; */
	/*  border: 1px solid black;  */
	
}


/*
-----------------------------------------------------------------------------
NAVIGATION
-----------------------------------------------------------------------------
*/

#navigation
{
	width:820px;
	position:relative;
	text-align:left;
	margin:0 auto;
	top:0px;
	border:1px solid #161616;
	height:40px;
}

#navigation h1 a
{
	position:absolute;
	padding:0px;
	margin:0 0 0 40px;
	width:300px;
	font-size:80%;text-decoration: none;
	text-indent: -2100px;
	top:15px;
	height:18px;
	background: url(../images/nav/logo.gif) no-repeat left top;
	display: block;
	border:0px;
}

#nav
{
	position: absolute;
	width: 220px;
	height:1px;
	left:460px;
	top:18px;
	padding:0px;
	margin:0px;
	display:inherit;
	border:0px;
}

#nav li
{
	position:absolute;
	display:inline;
	height:10px;
	top:0px;
	padding:0px;
	margin:0px;
}

#nav  a
{
	position:absolute;
	padding:0px;
	margin:0px;
	text-decoration:none;
	text-indent:-5000px; 
	width:120px;
	height:10px;
	top:0px;
	background-position: left top;
}

#nav_portfolio
{
	background: transparent url(../images/nav/nav_portfolio.gif)  no-repeat left top;
	left: 0px;
}

#nav_about
{
	background: transparent url(../images/nav/nav_about.gif) no-repeat left top;
	left: 113px;	
}

#nav_contact
{
	background: transparent url(../images/nav/nav_contact.gif) no-repeat left top;
	left: 196px;	
}

#nav  a:hover
{
	background-position: 0px -36px;
}

#nav  a.current
{
	background-position: 0px -18px;
}

h5
{
	margin-bottom:0px;
	text-transform:uppercase;
}

/*
-----------------------------------------------------------------------------
RESUME
-----------------------------------------------------------------------------
*/

.galley
{
	width:460px;
	padding-bottom:22px;
	height:72px;
	
}


.galley a
{
	position:relative;
}
.gallery, .gallery2
{
	background-image:url(../images/main/mask.png); 
	width:98px;
	padding:2px;
	height:74px;
	border:1px #151515 dotted;
	float:left;
	display: inline;
}

.gallery-h
{
	background-image:url(../images/main/mask.png); 
	height:98px;
	padding:2px;
	width:74px;
	border:1px #151515 dotted;
	float:left;
	display: inline;
	margin:0 26px 0 14px;
}

.gallery
{
	margin-right:14px;
}

/*
-----------------------------------------------------------------------------
SIFR
-----------------------------------------------------------------------------
*/

.sIFR-active h2, .sIFR-active h3
{
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
}

.sIFR-active h1
{
	padding-bottom: 0;
}

.sIFR-active h2
{
	font-size:26px;
}

.sIFR-active h3
{
	font-size: 18px;
}

.sIFR-active h4
{
	font-size: 21px;
	font-weight: normal;
}

.sIFR-active h5
{
	font-size: 24px;
}

#sidebar
{
	background:url(../images/sidebar/sidebar_mid.png) repeat-y;
	padding:  0px 15px 0px 15px;
	color:#000000;
	width:200px;
}

p.last
{
	margin:0;
	padding:0;
}

.last a
{
	border-bottom:1px dotted #4A005D;
}

#sidebar_top
{
	background:url(../images/sidebar/sidebar_top.png) no-repeat;
	height:32px;
	width:232px;
	text-indent:-5000px
}

#sidebar_btm
{
	background:url(../images/sidebar/sidebar_btm.png) no-repeat;
	height:51px;
	width:232px;
	text-indent:-5000px
}