/*
Version: 1
Author: Rene V. Ibarra
reneibarra.com
Authored by Rene Ibarra
*/

/* Global reset - Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; font-family:"Helvetica Neue",Helvetica,Arial, sans-serif; font-size:11px; color:#555555; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul, li { list-style:none; list-style-type:none; }
caption, th { text-align:left; }
p { padding:0 0 25px 0; }
a { color:#0044EE; text-decoration:none; }
a:hover { color:#0000AA; text-decoration:underline; }
q:before, q:after { content:""; }
strong { font-weight:bold }
bold { font-weight:bold; }
em { font-style: italic }
a img { border:none }
h1 { font-size:50px; line-height:50px; }
h2 { font-size:35px; line-height:35px; }
h3 { font-size:25px; line-height:25px; }
h4 { font-size:20px; line-height:20px; }
h5 { font-size:15px; }
h6 { font-size:13px; }
.white { color:#FFFFFF; }
.red { color:red; }
.left { text-align:left; }
.right { text-align:right; }
.itl { font-style:italic; }
/*end*/

/* Universals */
body { }
.clear { clear:both; }
.space3 { height:3px; }
.space5 { height:5px; }
.space10 { height:10px; }
.space15 { height:15px; }
.space20 { height:20px; }
.space25 { height:25px; }
.space30 { height:30px; }
.space50 { height:50px; }
/*end*/

/*js sliding menu*/
#sliderWrap { position:relative; margin:0 auto; width:900px; }
#slider { position:absolute; right:0px; width:324px; height:159px; margin-top:-120px; background:url(/images/bckgrnd_menu.png) center bottom no-repeat; }
#slider img { border:0; }

#sliderContent { margin:50px 0 0 10px; position:absolute; clear:both; }
#sliderContent a.menu { display:block; float:left; height:41px; margin:0 10px 0 0; overflow:hidden; }
#sliderContent a.home { width:50px; background:url(/images/menu_home.png) 0 0 no-repeat; }
#sliderContent a.home:hover { background:url(/images/menu_home.png) 0 -41px no-repeat; }
#sliderContent a.portfolio { width:71px; background:url(/images/menu_portfolio.png) 0 0 no-repeat; }
#sliderContent a.portfolio:hover { background:url(/images/menu_portfolio.png) 0 -41px no-repeat; }
#sliderContent a.about { width:50px; background:url(/images/menu_about.png) 0 0 no-repeat; }
#sliderContent a.about:hover { background:url(/images/menu_about.png) 0 -41px no-repeat; }
#sliderContent a.contactme { width:86px; background:url(/images/menu_contactme.png) 0 0 no-repeat; }
#sliderContent a.contactme:hover { background:url(/images/menu_contactme.png) 0 -41px no-repeat; }
#sliderContent a.none { padding:0 0 0 0; }

#wrd { margin:0 auto; width:600px; padding:10px; }
#openCloseWrap { position:absolute; margin:125px 0 0 230px; font-size:12px; font-weight:bold; }
/*end*/

/*main*/
#header { width:900px; margin:0 auto; }
#headerimg { width:458px; height:100px; margin:0 auto; background:url(images/header.png) center bottom no-repeat; }

#main { clear:both; width:900px; min-height:505px; margin:0 auto; }
#main.indx { background:url(images/main_img1.png) left bottom no-repeat; }

#main #maintxt { float:right; width:185px; min-height:100px; margin:80px 210px 0 0; font-size:12px; line-height:12px; }
#main #maintxt a { font-size:12px; }

#main #pagecontent { float:left; width:500px; margin:80px 0 0 100px; }
#main #pagetxt { float:right; width:200px; min-height:100px; margin:80px 50px 0 0; font-size:12px; line-height:12px; }
#main #pagetxt a { font-size:12px; }
/*end*/

/*indx*/
.mainmid {}
.mainmid .mainmid_top { height:32px; background:url(images/bckgrnd_riptop.png) top center repeat-x; }
.mainmid .mainmid_bottom { height:32px; background:url(images/bckgrnd_ripbottom.png) bottom center repeat-x; }

.mainmid .middle { width:900px; margin:0 auto; position:relative; }

.mainmid .middle .tile_holdr { clear:both; width:900px; }
.mainmid .middle .tile_holdr .tile { float:left; width:305px; }
.mainmid .middle .tile_holdr .tthree { width:289px; }
.mainmid .middle .tile_holdr .tile .tile_img { float:left; width:150px; height:100px; }
.mainmid .middle .tile_holdr .tile .tile_txt { float:left; width:125px; height:100px; }
.mainmid .middle .tile_holdr .tile .tile_txtlong { float:left; width:100%; height:100px; text-align:right; }
/*end*/

/* Easy Slider */
#slidah { position:relative; }
#slidah ul, #slidah li { margin:0; padding:0; list-style:none; overflow:hidden; }
#slidah, #slidah li { width:900px; height:100px; overflow:hidden; }

span#nextBtn { position:absolute; right:-35px; top:70px; display:block; width:24px; height:56px; }
span#nextBtn a { display:block; width:24px; height:56px; background:url(images/slider_arrw_nxt.png) no-repeat 0 0; }
span#prevBtn { position:absolute; right:-35px; top:0px; display:block; width:24px; height:56px; }
span#prevBtn a { display:block; width:24px; height:56px; background:url(images/slider_arrw_prv.png) no-repeat 0 0; }
/*end*/

/*portfolio*/
#pagecontent_portfolio { float:left; width:675px; margin:80px 0 0 25px; }
#pagetxt_portfolio { float:right; width:200px; min-height:100px; margin:80px 0 0 0; font-size:12px; line-height:12px; }
.portfolio_holdr { clear:both; width:675px; }
.portfolio_element { float:left; width:225px; min-height:300px; }
.portfolio_img {}
.portfolio_txt { width:150px;}
/*end*/

/*contact*/
.contactme { background:url(/images/bckgrnd_contact.jpg) 325px bottom no-repeat; }
/*end*/

/*footr*/
.footr { width:100%; height:206px; margin:0 auto; background:url(images/bckgrnd_footr.png) center top no-repeat; }
.footr .footr_holdr { width:900px; margin:0 auto; color:#FFFFFF; }
.footr .footr_holdr .footr_menu { padding:25px 0 0 35px; }

.footr_menu a, .footr_menu, .quick_links a { color:#ffffff; font-size:12px; }

.footr .footr_holdr .footr_quickstuff { clear:both; padding:0 0 0 35px; }
.footr .footr_holdr .footr_quickstuff .quick_links { float:left; width:283px; }
.footr .footr_holdr .footr_quickstuff .quick_contact { float:left; width:202px; padding:0 84px 0 0; text-align:right; color:#FFFFFF; font-size:12px; }
.footr .footr_holdr .footr_quickstuff .quick_contact .footrinput { width:110px; }
.footr .footr_holdr .footr_quickstuff .phonenumb { float:left; width:250px; text-align:right; color:white; }
/*end*/

/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {
	width: 360px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
}
#EmailForm.full { width: 100%; }


#EmailForm fieldset {
    border: none;
}

#EmailForm legend {
	display: none;
}
#EmailForm h3 { display:none; }

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm label input.calc { text-align:right; width:100px; clear:left; padding:0; }
#EmailForm input.button { clear:left; border:1px solid #ddd; border-left-color:#c3c3c3; border-top-color:#7c7c7c; background-color:#EBE9ED; }

#EmailForm label input { position:inherit; left:auto; }