/*
-----------------------------------------------
Style Sheet 
author:   Adam Blakey
version:  1.0  2008-04-09
----------------------------------------------- */

body {
	margin: 0px;
	padding: 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#fff;
	line-height:24px;
	background:url(../../images/bg.jpg) right top no-repeat #000;
	
}

.pad { padding:15px; }
.error { font-size:10px; color:#F00; }
.small { font-size:10px; }
.highlight { color:#FFCC00; font-weight:400; }
.highlight2 { font-size:16px; font-weight:bold }

/* Links 
----------------------------------------------------------------*/

a:link, a:active { color:#FD329D; text-decoration: underline;}
a:visited { color:#FD329D; text-decoration:underline}
a:hover { color:#666; text-decoration:underline}
a img {border:0 !important;}

a.sub:link	{font-size:14px; color:#999; font-weight:bold; text-decoration:none; line-height:22px; } 
a.sub:active	{font-size:14px; color:#999; font-weight:bold; text-decoration:none; line-height:22px; }
a.sub:visited	{font-size:14px; color:#999; font-weight:bold; text-decoration:none; line-height:22px;}
a.sub:hover	{font-size:14px; color:#FF3399; font-weight:bold; text-decoration:none; line-height:22px;}

/* MAIN 
----------------------------------------------------------------*/

#main {width: 1000px; margin: 0 auto; position: relative; padding:0px;}
#nav { padding:10px; }
#home_page {  float:right; width:110px; height:112px; text-align:right}
#business_web_design { float:right; width:150px; height:117px; text-align:right}
#ecommerce_website_design { float:right; width:155px; height:117px; text-align:right}
#professional_photography {  float:right; width:140px; height:117px; text-align:right}
#pr_and_editorial {  float:right; width:102px; height:117px; text-align:right}
#graphic_design {  float:right; width:100px; height:117px; text-align:right}
#contact_us {  float:right; width:100px; height:117px; text-align:right}

#body {padding:0px; margin:0px; line-height:22px; height:1437px; border:1px solid #fff; overflow:auto; clear:auto; background:url(../../images/body-bk.jpg) no-repeat; width:999px;}

#body2 {padding:0px; margin:0px; line-height:22px; height:100%; border:1px solid #fff; overflow:auto; clear:auto; background:url(../../images/body-bk.jpg) no-repeat; width:999px;}
#body_text { margin-left:200px; margin-right:50px; width:750px; }
#home {  background-image:url(../../images/homepage.jpg); height:640px; clear:both; border:1px solid #fff;}

#tell_us_more { background-image:url(../../images/tell-us-more.jpg); height:488px; width:233px; float:right; margin-left:30px; margin-bottom:10px; font-size:11px; line-height:18px;}


	strong {font-size:14px; margin:0px; padding:0px; color:#FD329D; }
	h4 { font-size:16px; margin:0px; padding:3px;}
	h3 { font-size:28px; margin:0px; padding:0px; color:#FD329D; font-weight:normal;}
	h2 { font-size:10px; margin:0px; padding:0px; color:#666; font-weight:normal;}
	h1 { font-size:10px; margin:0px; padding:10px; color:#666; font-weight:normal; text-align:center}
	
	.h2 { font-size:16px; margin:0px; padding:0px; color:#fff; padding-bottom:10px; }
	.h1 { font-size:22px; margin:0px; padding:0px; color:#fff; padding-bottom:10px;}
	 
#footer { height:100px; text-align:center; clear:both; font-size:10px; padding:0px; margin:0px; line-height:24px; color:#666}


#clearer { clear:both; line-height: 1px; font-size: 1px; }

hr { margin-top:10px; margin-bottom:10px; }


/* FORM 
----------------------------------------------------------------*/

.input { background-image:url(../../images/input.gif); margin-bottom:12px; border:1px solid #ccc; color:#666666; font-size:11px; height:17px; padding-left:3px; padding-top:3px;}
.input2 { background-image:url(../../images/input.gif); margin-bottom:12px; border:1px solid #ccc; color:#666666; font-size:11px; height:17px;}

.input3 { background-image:url(../../images/input.gif); margin-top:5px; margin-bottom:5px; border:1px solid #ccc; color:#666666; font-size:11px; height:17px;}

.button { padding:0px; margin:0px;}
.select { margin-top:3px; margin-bottom:3px; color:#666666}
.textarea { margin-top:3px; margin-bottom:3px; background-image:url(../../images/input_bg.gif); border:1px solid #ccc; color:#666666; font-size:11px;}
FORM { margin:0px; padding:0px; }

/* BULLET LIST
----------------------------------------------------------------*/
	
UL	{list-style-image:url(../../images/icon.png); margin:25px; padding:0px; }
LI  { margin:0px; padding:0px; margin-left:20px; }

#column ul {
float: left; width: 940px; margin: 20px 0 1em 0; padding: 5px; list-style: none; font-size: 1em; line-height: 1.3em; color: #036; background: #D6E4EF;
}
 
#column li {
float: left; width: 300px; margin: 0; padding: 0; list-style: none; border-bottom:1px solid #AED8FA; padding:6px; height:20px;}

.highlight_column { background-color:#0B66AF; color:#FFFFFF; font-weight:bold; font-size:14px; }


/* LIGHTBOX
----------------------------------------------------------------*/
#lightbox{
	background-color:#eee;
	padding: 5px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	color:#333
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	color:#333
	}	
#lightboxCaption{ float: left; color:#333}
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

h3.section {
	margin-top: 1em;
}

/* Slide
----------------------------------------------------------------*/

h3.section {
	margin-top: 1em;
}

#vertical_slide, #horizontal_slide {
	color: #fff;
	padding: 10px;
	width:440px;
	margin-left:11px;
	background: rgba(255, 51, 153, 0.7);
	overflow:auto;
	height:150px;
	font-size:11px;
	line-height:18px;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}

/* Moo Flow
----------------------------------------------------------------*/
#MooFlow {  } 
.mf{visibility: hidden; z-index:1; color:#fff; font-size:14px}
.mf * {
	outline:none;
	border:none;
	padding:0;
	margin:0;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select:none;
	-o-user-select:none
}
.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:0 auto;
	top:45%;
	width:100%;
	background:url(../../images/skin/ajax_loader.gif) no-repeat 50% 0;
	padding:50px 0;
}
.mf div.caption {
	position:absolute;
	text-align:center;
	z-index:98;
	margin:1em auto;
	bottom:50px;
	width:100%;
	font-size:11px;
}
.mf div.mfNav{
	position:absolute;
	z-index:99;
	margin:0 auto;
	text-align:center;
	width:100%;
	bottom:20px;
	font-size:1px;
	line-height:1px;
	width:100%;
}
.mf div.autoPlayCon{
	float:left;
	width:10%;
	padding-left:3%;
	height:24px;
}
.mf a.play, .mf a.stop{
	width:27px;
	height:24px;
	float:left;
	cursor:pointer;
}
.mf a.play{
	background:url(../../images/skin/play.gif) no-repeat;
}
.mf a.stop{
	background:url(../../images/skin/stop.gif) no-repeat;
}
.mf div.sliderCon{
	margin-top:5px;
	float:left;
	width:74%;
}
.mf a.sliderNext{
	background:url(../../images/skin/left.gif) no-repeat;
}
.mf a.sliderPrev{
	background:url(../../images/skin/right.gif) no-repeat;
}
.mf a.sliderNext, a.sliderPrev{
	text-decoration:none;
	width:25px;
	height:16px;
	cursor:pointer;
	float:left;
}
.mf div.resizeCon{
	float:right;
	width:10%;
	padding-right:3%;
	height:24px;
}
.mf a.resize{
	width:34px;
	height:24px;
	float:right;
	cursor:pointer;
	background:url(../../images/skin/resize.gif) no-repeat;
}
.mf div.slider{
	background:url(../../images/skin/middle.gif) repeat-x;
	height:16px;
	position:relative;
	text-align:left;
	float:left;
}
.mf div.knob{
	height:16px;
	background:url(../../images/skin/middle-slider.gif) repeat-x right center;
}
.mf div.knobleft{
	background:url(../../images/skin/left-slider.gif) repeat-x center;
	width:8px;
	height:16px;
}

.mf a.show {
	position:absolute;
	margin-left:-16px;
	width:32px;
	height:32px;
	top:70%;
	left:50%;
	z-index:100;
	cursor:pointer;
}
.mf a.show.image{
	background:url(../../images/skin/open_image.png) no-repeat 50%;
}
.mf a.show.viewerload{
	background:url(../../images/skin/loader.gif) no-repeat 50%;
}
.mf a.show.link{
	background:url(../../images/skin/open_link.png) no-repeat 50%;
}
.mf div.tooltip{
	background:url(../../images/skin/tooltip.png) no-repeat 50%;
	width:262px;
	margin-left:-65px;
	height:70px;
	padding:20px;
	position:fixed;
	z-index:101;
	top:0;
	left:50%;
	text-align:center;
	font-size:11px;
	line-height:18px;
}