/* designed and created by Paul Jamie Kidd // www.kidd81.com // iam@kidd81.com */
/* Typesetting */
body {
	margin: 0px; padding: 0px;
	color: #666;
	font: 76%/190% "Trebuchet MS", Trebuchet, arial, sans-serif;
	background: #FF0066 url(../active_images/bg_repeat.gif) repeat top left;
}

#header_top h1 {
	display:none;
}

h1 {
	font: normal 160% "Trebuchet MS", Trebuchet, arial, sans-serif;
	line-height: 1.2em;
	color:#ddd;
	margin: 0px; padding: 0px;
}


h2 {
	font: normal 140% "Trebuchet MS", Trebuchet, arial, sans-serif;
	line-height: 1.4em;
	color:#FF0066;
	margin: 0px; padding: 0px;
}

h2 {
	font: normal 140% "Trebuchet MS", Trebuchet, arial, sans-serif;
	line-height: 1.4em;
	color:#FF0066;
	margin: 0px; padding: 0px;
}

#column_right h3 {
	font: normal 140% "Trebuchet MS", Trebuchet, arial, sans-serif;
	line-height: 1.4em;
	color:#FF0066;
	margin: 0px 0px 10px 0px; padding: 0px 0px 1px 0px;
	border-bottom: 1px solid #eee;
}

#column_left h4 {
	font: normal 120% "Trebuchet MS", Trebuchet, arial, sans-serif;
	line-height: 1.4em;
	color:#333;
	margin: 30px 0px 10px 0px; padding: 0px 0px 1px 0px;
	border-bottom: 1px solid #eee;
}

#column_left h5 {
	font: normal 110% "Trebuchet MS", Trebuchet, arial, sans-serif;
	line-height: 1.4em;
	color:#333;
	margin: 30px 0px 10px 0px; padding: 0px 0px 1px 0px;
	border-bottom: 1px solid #eee;
}

.pink {
	color:#FF0066;
}

/* Typesetting */


/* list and link formatting */
.download a:link { color:#333; text-decoration: none; border-bottom:1px dotted #ff0066; }
.download a:visited { color:#333; text-decoration: none; border-bottom:1px dotted #ff0066;}
.download a:hover { color:#ff0066; text-decoration: none; border-bottom:1px dotted #666;}
.download a:active { text-decoration: none;}

.contactlink a:link { color:#333; text-decoration: none; border-bottom:1px dotted #ff0066; }
.contactlink a:visited { color:#333; text-decoration: none; border-bottom:1px dotted #ff0066;}
.contactlink a:hover { color:#ff0066; text-decoration: none; border-bottom:1px dotted #666;}
.contactlink a:active { text-decoration: none;}

.link a:link { color:#333; text-decoration: none; border-bottom:1px dotted #ff0066; }
.link a:visited { color:#333; text-decoration: none; border-bottom:1px dotted #ff0066;}
.link a:hover { color:#ff0066; text-decoration: none; border-bottom:1px dotted #666;}
.link a:active { text-decoration: none;}

ul.footer_list {
	display: block;
	padding:0px; margin:0px;
	list-style:none;
	text-align:center;
	line-height:1.9em;
	color:#ccc;
}

.genericlist {
	list-style:none;
	margin: 20px 0px 0px 30px; padding:0px;
}

.genericlist li {
	list-style:none;
	margin: 0px; padding:0px;
}

.genericlist a:link { color:#333; text-decoration: none; border-bottom:1px dotted #ff0066; }
.genericlist a:visited { color:#333; text-decoration: none; border-bottom:1px dotted #ff0066;}
.genericlist a:hover { color:#ff0066; text-decoration: none; border-bottom:1px dotted #666;}
.genericlist a:active { text-decoration: none;}



.footer_list a:link { color:#fff; text-decoration: none; border-bottom:1px dotted #ff0066; }
.footer_list a:visited { color:#fff; text-decoration: none; border-bottom:1px dotted #ff0066;}
.footer_list a:hover { color:#ff0066; text-decoration: none; border-bottom:1px dotted #666;}
.footer_list a:active { text-decoration: none;}
/* list and link formatting */

/* structural */
.clear{
clear:both;
}

#container {
	margin: 0px auto 0px auto; padding: 0px;
	width:747px;

}
#header_top {
	margin: 0px; padding: 0px 6px 0px 0px;
	width:741px; height:51px;
	background: url(../active_images/gif_header_top.gif) no-repeat top left;
	}


#header_wrap {
	margin: 0px padding: 0px;
	height:309px;
	width:747px;
	background: url(../active_images/gif_shadow.gif) repeat-y top right;
}


#header_left {
	margin: 0px padding: 0px;
	width:40px; height:309px;
	float:left;
}

#header_right {
	margin: 0px; padding: 0px;
	width:707px; 
	float:left;
}

#header_logo {
	margin: 0px; padding: 0px;
	width:707px; height:95px;
	float:left;
	background: url(../active_images/jpg_logo_bottom.jpg) no-repeat top left;
}

#container_right {
	width:701px;
	background: url(../active_images/header_bg.gif) no-repeat top left;
	float:left;
}

#logo_space {
	margin: 0px; padding: 0px 0px 0px 211px;
	width:490px; height:98px;
	background: url(../activfe_images/sticker.gif) no-repeat top left;
	float:left;

}

#column_left {
	margin: 0px; padding: 0px 20px 20px 20px;
	width:450px; 
	float:left;


}
#column_right {
	margin: 0px; padding: 0px 5px 0px 5px;
	width:201px; 
	float:left;

}


#image_repeat {
	margin: 0px; padding:0px 3px 0px 3px;
	width:701px; height:214px; 
}
#footer  {
	float: left;
	margin: 0px; padding:55px 15px 35px 15px;
	width: 671px;
	background-color:#000000;
	background: black url(../active_images/footer_top.gif) no-repeat top left;
}

/* structural */

/* lightbox */
#myGallery, #myGallery2, #myGallery3, #myGallery4, #myGallery5, #myGallery6
{
width: 695px !important;
height: 214px !important;
background-color:#3333FF;
margin:0px; padding:0px;
float:left;
}
/* lightbox */

/* navigation */
#nav_container { 
	margin: 0px; padding: 20px 5px 20px 5px;
	width:691px; height:37px;
	background-color:white;
}

#nav  {
	list-style: none;
	margin: 0px; padding: 0px;
	height: 37px; width: 691px;
	display: inline; overflow: hidden;
	background-color:white;
}

#nav li {
	margin: 0px;  padding: 0px;
	display: inline; list-style-type: none;
	text-indent:-9999px;
}



#nav a {
	float: left;
	padding: 0px; height: 37px;
	overflow: hidden;
}

#nav a:hover {
background-position: 0 -37px;
}

#nav a:active, #nav a.selected {
background-position: 0 -74px;
}


#home a  {
	width: 91px;
	background: url(../active_images/gif_home.gif) top left no-repeat;
}
#about a  {
	width: 91px;
	background: url(../active_images/gif_about.gif) top left no-repeat;
}

#services a  {
	width: 86px;
	background: url(../active_images/gif_services.gif) top left no-repeat;
}

#meet a  {
	width: 148px;
	background: url(../active_images/gif_meet.gif) top left no-repeat;
}

#gallery a  {
	width: 82px;
	background: url(../active_images/gif_gallery.gif) top left no-repeat;
}

#contact a  {
	width: 107px;
	background: url(../active_images/gif_contact.gif) top left no-repeat;
}



#links a  {
	width: 85px;
	background: url(../active_images/gif_links.gif) top left no-repeat;
}

#content {
	margin: 0px; padding: 0px 0px 0px 40px;
	width:707px;
	background: url(../active_images/gif_shadow.gif) repeat-y top right;
}

#content_right {
	width: 201px;
	 float:left;
	 background-color:orange;
}
/* navigation */


/*FORM ELEMENTS

=====================================================================*/
form.mainform {
	margin-bottom: 10px;
}

textarea {
	width: 90%; border: 0px;
	background:#eee; color: #080808;
	padding: 2px; margin: 2px 0px 10px 0px;
	font: normal 100% "Trebuchet MS", Trebuchet, arial, sans-serif;
}
form {
	margin : 0px; padding : 0px;
}

fieldset {
	margin : 5px; padding : 10px; border : 1px dotted #fff;
}



fieldset div br {
	display : none;
}

.fieldset-details {
	padding-top:10px;
	width:230px;
}

/* Style the legend, labels and the div containing the submit button. */

label {
	display : block;
}

#fm-submit {
	clear : both;
	padding-top : 3px;
	text-align : center;
}

fieldset div {
	margin : 0px; padding : 5px;
}



fieldset div.fm-optional {
	display : block;
}

fieldset div input {
	width:300px; /* Width for modern browsers */
	border : 1px solid #FF0066;
	background-color:#eee;
	padding : 1px;
}

fieldset div select {
	font: normal 100% "Trebuchet MS", Trebuchet, arial, sans-serif;
	width: 270px; /* Width for modern browsers */
	padding : 2px;
}



fieldset div label:before {
	content: "*";
}

fieldset div.fm-optional label:before {
	content: "";
}

/* Optional fields. */

.fm-optional input {
	border : 1px dotted #ccc;
}

.divform {
	padding:20px 10px 20px 10px; margin:0px;
	line-height:1.4em;
}

.labeltext_span {
	color: white;
	background-color: #990099;
	width:50%;
}

#feature_wrapper {
	width: 548px;
	margin:10px 0px 10px 0px;
	
}

.feature_item {
	width: 175px; height:175px;
	background-color:#666;
	float:left;
	margin:3px; /* IE6 (typical!) */_margin:2px;/* IE6 (typical!) */
}


.list {
	list-style:none;
	margin: 20px 0px 0px 1px; padding:0px;
}

.list li {
	list-style:none;
	margin: 0px; padding:0px;
}

.list a:link { color:#333; text-decoration: none; border-bottom:1px dotted #ff0066; }
.list a:visited { color:#333; text-decoration: none; border-bottom:1px dotted #ff0066;}
.list a:hover { color:#ff0066; text-decoration: none; border-bottom:1px dotted #666;}
.list a:active { text-decoration: none;}

#login_wrapper {
	width:400px;
	margin:10px;

}

#login_top, #login_middle, #login_bottom {
	width:390px; height:35px;
	background-color:#fff;
	margin:5px;
}



ul.services {
	display: block;
	padding:0px; margin:0px;
	list-style:none;
	text-align:center;
	line-height:1.9em;
	color:#ccc;

}

ul.services li {
	display: block;
	padding:5px; margin:10px 3px 3px 3px;
	list-style:none;
	text-align:center;
	line-height:1.9em;
	width:171px; height:70px;
	background-color:#ff0066;

}

ul.services li:hover {
	display: block;
	padding:5px; 
	list-style:none;
	text-align:center;
	line-height:1.9em;
	width:171px; height:70px;
	background-color:#FF6699;
	margin:10px 3px 3px 3px;

}

.profile_wrap {
	width:450px;
}


ul.portraits, ul.weddings, ul.events, ul.commercial, ul.client {
	display:block;
	padding:0px; margin:0px;
	list-style:none;
	color:#ccc;

}

ul.portraits li , ul.weddings li, ul.events li, ul.commercial li, ul.client li{
	display:inline;
	 padding:5px; margin:5px;
	width:80px; height:80px;
	background-color:#ff0066;
	float:left;

}

ul.portraits li:hover, ul.weddings li:hover, ul.events li:hover, ul.commercial li:hover, ul.client li:hover{
	list-style:none;
	text-align:center;
	padding:5px;
	width:80px; height:80px;
	background-color:#FF6699;

}

ul.client img{
	width:80px; 
	height:80px;
	overflow:hidden;
}

ul.servicelist {
font-weight:normal;
display: block;
padding:0px; margin:0px 0px 0px 25px;
line-height: 1.7em;

}



ul.servicelist li{
	font-weight:normal;
	display: block;
	padding:0px 0px 0px 25px; margin:0px 0px 0px 0px;
	background: #fff url(../active_images/feets.gif) no-repeat 0 10%;
	line-height: 1.7em;
	list-style:none;
}

.divide {
	border-top: 1px dotted #ccc;
	margin-top: 10px;
}