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

@import url('reset.css');
@import url('jquery.jcarousel.css');

body { background-color:#E6E6E6; font:80% Georgia, "Times New Roman", Times, serif; color:#444444; }
body { font:80% Verdana, Arial, Helvetica, sans-serif; }
body.alt { font:80% Arial, Helvetica, sans-serif; }

a { color:#ca3c28; text-decoration:none; }
a:hover, a:active { color:#999999; }

p { margin: 0 0 1em; }

/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/* LAYOUT */
.wrapper 			{ width:800px; margin:0 auto; position:relative; overflow:hidden; }
	
#header 			{ width:100%; height:153px; padding-top:50px; background:#f1f1f1 url(../img/layout/header_bg.gif) bottom repeat-x; }
#header h1 			{ width:152px; height:120px; position:relative; float:left; margin-left:2em; background:url(../img/layout/logo.gif) no-repeat; }
#header h1 a		{ display:block; position:absolute; width:100%; height:100%; top:0; left:0; text-indent:-9999px; overflow:hidden; }

#nav 				{ float:right; height:20px; margin-top:79px; }
#nav li 			{ float:right; height:23px; margin-left:20px; }
#nav li a			{ display:block; border-top:3px solid #f1f1f1; padding-top:5px; color:#666666; }
#nav li a:hover,
#nav li a:active,
#nav li.current a 	{ border-top-color:#ca3c28; color:#ca3c28; }

#nav li.login		{ position:absolute; top:0; right:0; font-size:.8em; text-transform:uppercase; }
#nav li.login a 	{ border-top:0 none !important; }


#banner 			{ padding:30px 0 20px; background-color:#FFFFFF; overflow:auto; width:100%; }
#samples 			{ overflow:auto; height:392px; }
#samples a 			{ display:block; width:340px; border:20px solid #F3F3F3; overflow:hidden; }
#samples a:hover,
#samples a:active 	{ border-color:#EEEEEE; }
#samples li 		{ float:left; margin-right:40px; }
#samples .even 		{ margin:0; }

h3.sample-name		{ float:left; margin:10px 0; font-weight:normal; font-size:1em; line-height:1; }

#paging				{ floaft:right; margin:7px auto; }
#paging li			{ float:right; margin-left:5px; }
#paging li.title	{ float:left; margin-left:0; }
#paging li a		{ display:block; padding:3px 5px; background-color:#E1E1E1; color:#666666; font:.8em/1 Arial, Helvetica, sans-serif; }
#paging li a:hover,
#paging li a:active,
#paging li.current a { background-color:#666666; color:#E1E1E1; }


#body 				{ clear:both; width:100%; padding:30px 0 20px; overflow:auto; background:#f1f1f1 url(../img/layout/body_bg.gif) top repeat-x; line-height:1.5; }
#body p				{ margin:0 0 1em; }

.left-column 		{ float:left; margin-right:10px; line-height:1.5em; width:380px; text-align:justify; }
.right-column 		{ float:right; margin-left:10px; line-height:1.5em; width:380px; text-align:justify; }
ol					{ list-style:upper-roman; padding:0 0 0 30px; }
ol li 				{ margin-bottom:.5em; }

h2 			{ font:1.5em/1.5 Arial, Helvetica, sans-serif; color:#ca3c28; }


#footer 			{ width:100%; padding:20px 0; overflow:auto; background-color:#E6E6E6; font-size:.8em; line-height:1.5; }
#footer .right-column { text-align:right; }


/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/* PORTFOLIO */
#portfolio 			{ width:767px; height:600px; margin: auto; }

body.services #banner ul { list-style:disc; padding:0 0 0 20px; }
body.services #banner ul li { margin-bottom:.5em; text-align:left; }


#home_flash { padding:0 14px 0 15px; }


/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/* CONTACT US */
#contact-form .left-column label, #contact-form .left-column input { display:block; float:left; width:280px; margin-bottom:1em; }
#contact-form .left-column label { width:80px; margin-right:15px; clear:left; font-weight:bold; }

#contact-form label.checkbox { width:100%; font-weight:normal; }
#contact-form label.checkbox input { float:left; width:13px; height:13px; margin:0 5px 0 0; padding:0; position:relative;  vertical-align:middle; }

#contact-form .right-column { text-align:left; }
#contact-form .right-column label { text-align:left; }
#contact-form .right-column textarea { width:375px; height:100px; margin:0 0 1em; }
#contact-form .right-column #submit { display:block; }