/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
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, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
body {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:80%; color:#cccccc; background:url("../images/general/bg.jpg") no-repeat top center #000;}
p { padding-bottom:15px;}
abbr { text-decoration:none;}
img {border:0px;}
a { font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.skiptocontent {position:absolute; margin-left: -9999px;}
.checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
.checkboxlabel { margin:0px 0px 0px 0px; line-height:13px; float:left; text-align:left;}
/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1 {
	font-size:250%;
	color:#ef1c7e;
	font-weight:bold;
	margin:0px 0px 15px 0px;
}
h2 { font-size:100%; color:#ef1c7e; font-weight:bold;}
#portfolio h2 { cursor:pointer; padding:0px 0px 5px 0px;}
h3 { font-size:100%; color:#666666; font-weight:bold;}

/********************************************************************/
/*                          Template tags                           */
/********************************************************************/

#container { width:780px; text-align:left; margin-left:auto;margin-right:auto; padding:30px 0px 0px 0px;}

#masthead { float:left; width:740px; height:120px; padding:0px 0px 0px 40px;}

ul#nav { float:left; width:160px; margin:18px 0px 0px 0px;}
	ul#nav li { padding:4px 0px 4px 15px; border-top:1px solid #4a0827; background:url("../images/buttons/bullet-nav.gif") no-repeat left top;}
	ul#nav .first { border-top:none;}
	ul#nav a { padding:0px 0px 0px 10px; font-weight:normal; color:#ef1c7e; text-decoration:none;}
	ul#nav a.selected { color:#fff;}


#content { float:right; width:600px;}
	#content a { color:#ef1c7e; font-weight:normal;}
	#content .column {
	position:relative;
	width:290px;
}
	#content .column .zoom {
	position:absolute;
	top:1px;
	left:265px;
}
	.homecontent { padding:200px 0px 0px 0px; background:url("../images/general/bg-home.jpg") no-repeat top;}
		
#portfolio li { width:600px; padding:5px 0px 5px 0px; border-top:1px solid #4a0827;}
	#portfolio li li { width:100px; display:inline; float:left; padding:0px 0px 10px 0px; border-top:none;}

ul#footer { float: left; width:600px; padding:20px 0px 0px 0px; color:#b3155e; }
	ul#footer li { display:inline; float:left; padding:0px 4px 0px 6px; background:url("../images/buttons/bullet-footer.gif") no-repeat left top;}
	ul#footer .first { padding:0px 4px 0px 0px; background:none;}
	ul#footer .contact { padding:0px 4px 0px 25px; background:none;}
	ul#footer a { color:#b3155e;}
	ul#footer abbr { font-weight:bold;}
	ul#footer .adr { display:none;}

/********************************************************************/
/*                             Form tags                            */
/********************************************************************/

.contact fieldset { float:left; width:600px;}
.contact legend { display:none;}
.contact label { float:left; width:130px; padding:2px 0px 0px 0px; margin:0px 0px 5px 0px; color:#ef1c7e; font-weight:normal;}
.contact .textfield { float:left; width:300px; font-size:11px; color:#ef1c7e; background-color:#000; padding:2px 4px 2px 4px; margin:0px 0px 5px 0px; font-family:Tahoma, Verdana, Arial, sans-serif; border:1px solid #4a0827;}
.contact select { float:left; width:150px; font-size:11px; color:#ef1c7e; background-color:#000; padding:2px 1px 2px 1px; margin:0px 0px 5px 0px; font-family:Tahoma, Verdana, Arial, sans-serif; border:1px solid #4a0827;}
.contact .smalltextarea { float:left; width:300px; height:50px; font-size:11px; color:#ef1c7e; background-color:#000; padding:2px 4px 2px 4px; margin:0px 0px 5px 0px; font-family:Tahoma, Verdana, Arial, sans-serif; border:1px solid #4a0827;}
.contact .largetextarea { float:left; width:300px; height:100px; font-size:11px; color:#ef1c7e; background-color:#000; padding:2px 4px 2px 4px; margin:0px 0px 5px 0px; font-family:Tahoma, Verdana, Arial, sans-serif; border:1px solid #4a0827;}
.contact .formbutton { float:right; margin:15px 160px 15px 0px;}
