/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/************************************************************************/
/*								MAIN STYLES								*/
/************************************************************************/

#wrapper				{	width: 955px;
						    margin:20px auto 0px auto;
}						
						

/************************************************************************/
/*									HEADER								*/
/************************************************************************/

#header					{	width: 100%;
						    float: left;
						    margin-bottom: 3px;
}						
						
#header h1				{	float: left;
						    font-size: 30px;
						    margin-top:60px;					
}						
						
#header .logo			{	float: right;
							padding-right: 10px;
}

p.license 				{	display: block;
							font-family: arial, sans-serif;
							font-size: 0.7em;
							text-align: center;
							color: #BEBEBE;
							margin-left: -30px;
}


/************************** NAVBAR **************************************/

#navbar					{	float: left;
							padding-top: 74px;
							margin-left: -14px;
}

#navbar li				{	display: block;
							float: left;
							text-align: center;
							width: 130px;
							border-right: 1px solid #BABABA;
}

#navbar li.noborder		{	display: block;
							float: left;
							text-align: center;
							width: 130px;
							border: none;
}

#navbar li a			{	text-decoration: none;
							font-family: times, serif;
							color: #BABABA;
}

#navbar li a:hover,
#about #navbar li a.about,
#portfolio #navbar li a.portfolio,
#contact #navbar li a.contact		{	color: #FF2D18;
}


/************************************************************************/
/*									SLIDESHOW							*/
/************************************************************************/
						
#slideshow				{	float: left;
							margin-bottom: 12px;
							width:945px;
							height: 425px;
							background: #FFFFFF;
							overflow: hidden;
							/* border: solid 2px gray; */
}


/************************************************************************/
/*								CONTENT								    */
/************************************************************************/ 

#content				{	float: left;
							width: 955px;
							margin: 0px auto 0px auto;
							padding: 0 0 40px 0;
							clear: both;
}

#content p				{	float: left;
							width: 420px;
							font-family: arial, sans-serif;
							font-size: 13px;
							line-height: 18px;
							margin-bottom: 5px;
							color: gray;
}

#content p.descText				{	
							float: right;
							width: 635px;
							margin: 20px 0 5px 0;
							font-family: arial, sans-serif;
							font-size: 13px;
							line-height: 18px;
							color: gray;
}

#content h2				{	float: right;
							font-size: 34px;
							line-height: 37px;
}

#content h3				{	float: left;
							font-size: 24px;
}
						
h1, h2 					{	font-family: times, serif;
						    color: #BABABA;
}

h3						{	font-family: times, serif;
							color: #C9C9C9;
}

.logo h3				{	font-size: 18px;
							margin-left: -13px;
							margin-bottom: 5px;
}


/************************************************************************/
/*								PORTFOLIO							    */
/************************************************************************/

#portfolio_menu			{	float: left;
							width: 315px;
							font-family: Arial, sans-serif;
							font-size: 20px;
							line-height: 22px;
							padding-right: 0;
}

#portfolio_menu.residential, #portfolio_menu.commercial, #portfolio_menu.concepts		{	border-right: dotted 1px gray;}

#portfolio_menu ul		{	float: left;
							width: 120px;
							margin-right: 20px;
}

#portfolio_menu a		{	text-decoration: none;
							color: #A9A9A9;
}

#portfolio_menu a.active		{	text-decoration: none;
							color: #FF2D18;
							background: url(../images/arrow.png) no-repeat left;
							padding-left: 20px;
}

#portfolio_menu a:hover,
#portfolio_menu.residential a.residential,
#portfolio_menu.commercial a.commercial,
#portfolio_menu.concepts a.concepts			{	color: #FF2D18;
												padding-left: 20px;
												background: url(../images/arrow.png) no-repeat left;
}

#portfolio_menu p		{	float: right;
							display: block;
							font-size: 12px;
							line-height: 20px;
							margin-bottom: 5px;
							width: 260px;
}

#projects a				{	float: left;
							width: 130px;
							font-family: Arial, sans-serif;
							font-size: 14px;
							line-height: 22px;
							padding-right: 0;
							color: #A9A9A9;
}

#projects li.selected a	{	color: #FF2D18;
}

#projects a:hover,
#projects a.active		{	color: #FF2D18;
background: url(../images/arrow.png) no-repeat left;
							padding-left: 20px;
}



/*      contact.php       */

#content div.contact {
	float: left;
	width: 100%;
	padding: 0 0 40px 0;
}

#content .contact p {	margin: 0px;
}

#content .contact p.margen {	margin-bottom: 19px;
}

#content div.contact h3 {
	float: right;
	width: 925px;
	text-align:right;
	display: inline;
	margin: 20px 22px 10px 0;
	font-size: 22px;
	color: #ff4039;
	font-family: sans-serif;
}

#content div.contact h5 {
	color: #FF1008;
	font-size: 21px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content div.box {
	float: left;
	width: 377px;
	height: 200px;
	padding: 0 0 0 12px;
	border-right: 2px solid #c9c9c9;
}

#content div.box p {
	width: 360px;
	font-size: 15px;
	line-height: 18px;
	color: #939393;
	letter-spacing: 0px;
}

#content div.box p a {
	float: left;
	font-size: 17px;
	color: #939393;
	text-decoration: none;
	margin: 10px 0 0 0;
}

#content div.box p a:hover {
	color: #FF1008;
}

#content div.box2 {
	float: left;
	width: 510px;
}

#content div.box2 form {
	float: left;
	width: 505px;
}

#content form input {
	float: left;
	width: 212px;
	height: 21px;
	margin: 5px 50px 10px 0;
	border: 2px solid #c9c9c9;
	color: #939393;
	font-size: 14px;
	padding: 2px 0 0 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content form label {
	float: left;
	text-align: right;
	width: 105px;
	margin: 8px 20px 0 0;
	font-size: 18px;
	color: #939393;
	font-family: sans-serif;
}

#content form span.error {
	float: left;
	font-size: 12px;
	margin: 5px 0 0 130px;
	display: inline;
	width: 300px;
	color: #FF0000;
}

div.success {
	float: left;
	margin: 0 0 0 30px;
}

div.success h1 {
	color: #ff4039;
}


#content form textarea {
	float: left;
	width:  352px;
	height: 98px;
	padding: 2px 0 0 3px;
	margin: 5px 0 10px 0;
	border: 2px solid #c9c9c9;
	overflow: hidden;
	color: #939393;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content form button {
	float: right;
	width: 108px;
	height: 30px;
	border: none;
	margin: 0 20px 10px 0;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	background: url(../admin/images/button.gif);
}

#content p.alert {
	float: left;
	width: 275px;
	color: #939393;
}

#content p.alert h4.alert {
	font-family: sans-serif;
	font-weight: normal;
	color: #939393;
}



/************************************************************************/
/*								PORTFOLIO THUMBNAILS					*/
/************************************************************************/

#thumbnails				{	float: left;
							width: 615px;
							display: inline;
}

#thumbnails li			{	display: inline;
}

#thumbnails li a		{	float: left;
							display: block;
							width: 100px;
							overflow: hidden;
							margin: 5px;
							display: inline;
							border: solid 3px #FFFFFF;
}

#thumbnails a:hover		{	border: solid 3px #A9A9A9; }