@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }

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 { list-style:none; }

caption,th { text-align:left; }

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

q:before,q:after { content:''; }

abbr,acronym { border:0; }

div.clearer { clear:both; }





div#container	{ margin:0px auto; width:960px; padding:6px 40px; background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; }



div#footer		{ padding:10px 0px; border-top:1px dotted #000; margin-top:10px; text-align:right; }

div#footer a.btt		{ padding-right:15px; background-image:url(../images/back_to_top_off.gif); color:#b3b3b3; text-decoration:none; background-repeat:no-repeat; background-position:right; }

div#footer a.btt:hover	{ background-image:url(../images/back_to_top.gif); color:#000000; text-decoration:none; }



div#nav			{ padding:12px 0px 7px; border-bottom:1px dotted #000; margin-bottom:10px; position:relative; }

div#nav h1		{ font-size:15px; color:#000000; padding:0px 1px; position:relative; float:left; width:322px; }

div#nav h1 a		{ color:#2da6e3; text-decoration:none; font-weight:bold; }

div#nav h1 a:hover	{ color:#000000; }



div#nav div#portfolio_nav			{ position:relative; float:left; width:319px; }



div#nav div#portfolio_nav,

div#nav div#client_contact_nav			{ color:#b3b3b3; margin-top:3px; }



div#nav div#portfolio_nav a,

div#nav div#client_contact_nav a		{ color:#b3b3b3; text-decoration:none; }



div#nav div#portfolio_nav a:hover,

div#nav div#client_contact_nav a:hover	{ color:#000000; text-decoration:none; }



div#nav div#portfolio_nav span,

div#nav div#client_contact_nav span		{ color:#000000; }



ul#clients				{ width: 155px; }

ul#clients li			{ line-height:14px; }

ul#clients li a			{ color:#000000; text-decoration:none; }

ul#clients li a:hover	{ color:#000000; text-decoration:underline; }



div#contact					{ position:relative; float:left; width: 155px; line-height:14px; margin-right:8px; }

div#contact a 				{ color:#000000; text-decoration:underline; }

div#contact a:hover			{ color:#2da6e3; text-decoration:underline; }

div#contact_form			{ position:relative; float:left; text-align:right; }

div#contact_form textarea	{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; width:300px; border:1px solid #e6e6e6; padding:10px; height:140px; display:block; margin-bottom:8px; }

input.sbt			{ color:#b3b3b3; text-decoration:none; line-height:12px; background-color:transparent; border:none; cursor:pointer; }

input.sbt:hover		{ color:#2da6e3; text-decoration:none; }

div#contact_form input#your_email{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; width:300px; border:1px solid #e6e6e6; padding:10px; display:block; margin-bottom:8px; }



ul#homepage	li				{ position:relative; float:left; width:158px; height:158px; border-right:1px solid #fff; border-bottom:1px solid #fff; }

ul#homepage li a 			{ display:block; width:148px; height:148px; border:6px solid transparent; }

ul#homepage li a:hover		{ border:6px solid #fff; }





ul#portfolio_reorder li			{ position:relative; float:left; width:78px; height:78px; border-right:1px solid #fff; border-bottom:1px solid #fff; }

ul#portfolio_reorder li a 			{ display:block; width:67px; height:67px; border:6px solid transparent; }

ul#portfolio_reorder li a:hover		{ border:6px solid #fff; }



input.admin_sbt				{ display:block; margin-top:4px; width:155px; background-color:#009841; border:none; color:#ffffff; padding:2px 0px; }



div.add_img					{ position:relative; float:right; padding-bottom:8px; margin-right:12px; }

div.add_img	a				{ color:#000000; }

div.add_img	a:hover			{ color:#2da6e3; }



div#wrapper					{ padding-top:10px; border-top:1px dotted #000; margin-top:10px; overflow:hidden; }

div#wrapper div 			{ width:78px; height:78px; overflow:hidden; position:relative; float:left; cursor:pointer; display:inline; margin-left:1px; }



div#wrapper div a 			{ display:block; width:67px; height:67px; border:6px solid transparent; }

div#wrapper div a:hover		{ border:6px solid #fff; }



div#portfolio_image			{ width:960px; height:517px; overflow:hidden; }

img.pn_btn					{ display:block; position:relative; float:left; cursor:pointer; z-index:2 }

div.contact_error			{ color:#2DA6E3; }