@charset "utf-8";
/** Color Scheme - Pink color:

	#e60094 - dark pink;
	#f200c8 - light pink;
	
**/

/** General Layout **/

body {
	margin:0px;
	padding:0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	font-size: 12px;
	background:#fff;
	position:relative;
	line-height: 1.7em;
	background: #1f1f1f;
	color:#666666;
	text-align:left;
}

.clear {
	clear: both;
	height: 0;
	width: 0;
	line-height: 0;
	font-size: 0px;
}

.hidden {display:none;}

#home-page #bodyWrap {position:relative; background: #FFFFFF  url(../images/pink/home-bg.jpg) repeat-x;}

#sub-page #bodyWrap {position:relative; background: #FFFFFF  url(../images/pink/sub-bg.jpg) repeat-x;}

#topWrap {
	margin: 0 auto;
	width: 960px;
	padding: 0 10px 45px 10px;
}

#home-page #content {
	padding: 60px 0 20px 0;
	background: url(../images/contentTop.jpg) no-repeat top left;
	width: 960px;
}

#sub-page #content {
	padding: 60px 0 20px 0;
	width: 960px;
}

#footerWrap {
	position:relative;
	background: url(../images/footer-bg.jpg) repeat-x;
	height: 60px;
	margin:-60px auto 0;
	padding:40px 0 0;
	overflow:hidden;
	color:#898989;
}

/** Typography **/

h1 {font-weight:bold; font-size:34px; line-height:38px;}
h2 {font-weight:bold; font-size:30px; line-height:36px;}
h3 {font-weight:bold; font-size:24px; line-height:24px;}
h4 {font-weight:normal; font-size:20px; line-height:22px;}
h5 {font-weight:normal; font-size:17px; line-height:19px;}
h6 {font-weight:normal; font-size:14px; line-height:16px;}

#sliderWrap p {margin:5px 0 18px;}

#content p {margin:5px 0 20px;}

#content h1, #content h1 a, #content h2, #content h2 a, #content h3, #content h3 a, #content h4, #content h4 a, #content h5, #content h5 a, #content h6, #content h6 a  {color:#1f1f1f;}

#content a {color:#e60094;}
#content a:hover {text-decoration:underline;}
#sub-page #mainColum h3 a:hover {color:#e60094; text-decoration:none;}
 
strong {font-weight:bold; text-decoration:underline;}
small {font-size:11px; font-weight:normal; line-height:2.7em;}
code { margin: 5px 0 20px;}

#mainColum ul {list-style:circle; list-style-position:inside; padding:5px 0 20px;}
#mainColum ol {list-style:decimal; list-style-position:inside; padding:5px 0 20px;}


blockquote {font-style:italic; padding:10px 20px 20px;}
#home-page blockquote {font-style:italic; padding:20px;}
blockquote span {color:#4F4F4F;}
cite {font-style:italic; font-weight:bold;}

/** HEADER **/

#header {height: 120px;}

#logo {
	margin-top: 28px;
	float: left;
	display:block;
	width:240px;
	height:66px;
	background: url(../images/logo.png) no-repeat;
}

#logo h1 , #logo h1 a {
	display:block;
	height: 100%;
	width: 100%;
	text-indent: -9999px;
}

#mainNav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:right;
	padding: 6px 7px;
	margin-top: 46px;
	text-transform: uppercase;
}

ul#mainNav li {
	display:inline;
	padding: 6px 7px;
	margin: 0 0 0 15px;
}

#mainNav .selected { background:#e60094; border:#f200c8 1px solid;}
#mainNav .selected a, #mainNav .selected a:hover {font-weight:bold; color: #FFFFFF;}
#mainNav li a {color:#8f8f8f;}
#mainNav li a:hover, #mainNav li a:focus {color:#d3d3d3;}

/** Slider **/

#sliderWrap {
	width:960px;
	height:270px;
	background: url(../images/pink/homeslider.jpg) no-repeat;
	position:relative;
	color:#fff;
}

#controller {
	color:#888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:265px;
	height:40px;
	padding:3px;
	position:absolute;
	bottom:-21px;
}

#controller span {margin-left:15px; cursor:pointer;}

.jFlowSelected {padding: 3px; font-weight:bold; color:#FFFFFF; background: #000000;}
.jFlowNext {font-weight:bold; color:#e60094; cursor:pointer;}
.jFlowPrev {font-weight:bold; color:#e60094; cursor:pointer;}

.slide-item {padding:25px 0 12px 0;}
.slidePic{float:right; padding:8px; background:#FFFFFF;}
.slideDesc {width:480px; height:200px;}

.slideDesc h2 {margin:-15px 0 15px;}
.slideDesc h2 a {text-decoration:underline; color:#FFFFFF;}
.slideDesc h2 a:hover {color:#FFFFFF; text-decoration:none;}

.getQuote {
	float:left;
	display:block;
	background:url(../images/getquote.jpg) no-repeat left top;
	text-indent: -9999px;
	width:127px;
	height:32px;
}

.getQuote:hover {background:url(../images/getquote.jpg) no-repeat left bottom;}

.viewPortfolio {
	float:left;
	display:block;
	background:url(../images/viewportfolio.jpg) no-repeat left top;
	text-indent: -9999px;
	width:155px;
	height:32px;
	margin-left:20px;
}

.viewPortfolio:hover {background:url(../images/viewportfolio.jpg) no-repeat left bottom;}

/** Page Name **/

#pageName {
	width:960px;
	height:121px;
	background: url(../images/pink/subslider.jpg) no-repeat top left;
	position:relative;
	color:#fff;
}

#the-name {padding:45px 0 0;}

/** Main Colum **/

#mainColum {width:600px; float:left;}

#home-page #mainColum img {
	padding: 4px;
	background:#e1e1e1;
	border:#c2c2c2 1px solid;
	margin:20px 15px 15px 0;
}

#sub-page #mainColum img, #sub-page .full-width img {
	padding: 5px;
	background: #e1e1e1;
	border: #c2c2c2 1px solid;
	margin-bottom: 8px;
}

#sub-page #mainColum a img:hover, #sub-page .full-width a img:hover {
	padding: 5px;
	background: #d7d6d6;
	border:#c2c2c2 1px solid;
}

#sub-page #content img.large, #sub-page .full-width img.large {
	padding: 10px;
	margin-bottom: 15px;
}

.post-img {float:left; margin:5px 15px 15px 0;}
.post-nav .old {float:left;}
.post-nav .new {float:right;}

#content ul.gallery {
	list-style: none;
	list-style-position: inside;
	width: 960px;
	margin: 20px 0;
	height: auto;
}

#content ul.gallery li {
	width: 300px;
	float: left;
	display: inline;
	margin: 0 20px 20px 0;
}

.mainBr {
	background:url(../images/mainSpacer.png) no-repeat top left;
	width:600px;
	height:20px;
	margin:30px 0 20px 0;
}

/** Sidebar **/

#sidebar {width:300px; float:right;}

.side-block {margin:0 0 40px;}

#home-page #sidebar h3 {font-weight:bold; font-size:22px; line-height:26px;}
#sidebar h3 {font-size:18px; line-height:22px; }

#sidebar p {margin-top:10px;}

#sidebar ul { margin:5px 0 0;}
#sidebar ul li { border-bottom:#d3d3d3 solid 1px; list-style-type:none;}
#sidebar li a {display:block; padding:5px 0; color:#8F8F8F; background:#fff;}
#sidebar li a:hover {padding-left:10px; color:#e60094; background:#f2f2f2; text-decoration:none;}
#sidebar li a.active, #sidebar li a.active:hover  {padding:5px 0 5px 3px; color:#e60094; background:#f2f2f2; text-decoration:none;					
													font-weight:bold;}	

#search-box-container {position:relative;}
#search-box {
	width:285px; 
	height:21px; 
	font-family:"Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; 
	font-size:12px; 
	padding:4px 0 0 4px;
	border:#b0b0b0 1px solid;
}
#search-submit {
	background:url(../images/search.png) no-repeat top right;
	border:none;
	cursor:pointer;
	height:16px;
	width:16px;
	margin-top:5px;
	position:absolute;
	left:270px;
	top:0px;
}

.subBr {
	background:url(../images/subSpacer.png) no-repeat top center;
	width:300px;
	height:16px;
	margin:25px 0 20px 0;
}

.feature-item {margin:20px 0 0;}
.feature-item img {float:left; padding-right:10px;}
.feature-item a {color:#e60094;}

/** Contact us Form **/

#contact-warp {
	width:260px; 
	float:left; 
	text-align:left; 
	height:auto;
	margin-bottom:10px;
}

.message {
	float:left;
	height:auto;
	width:500px;
	background:#FAE673; 
	border:#FEBD63 1px solid;
	color:#CC6600; 
	display:none; 
	padding:10px;
}

#contact-warp p.label {
	width:260px; 
	float:left; 
	margin:0;
}

#contact-warp .special {display:none;}

#contact-warp input {
	padding:5px;
	font-size:12px;
	width:260px; 
	float:left; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; 
	margin-bottom:5px; 
	background:url(../images/inputbg.jpg) repeat-x top left; 
	border:#ababab 1px solid;
}

#contact-warp textarea {
	padding:5px;
	font-size:12px;
	width:350px; 
	float:left; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	margin-bottom:10px; 
	background:url(../images/inputbg.jpg) repeat-x top left; 
	border:#ababab 1px solid;
}

#contact-warp input.submit {
	color:#FFFFFF; 
	width:auto; 
	height:auto; 
	float:left; 
	padding:5px; 
	background:#888888; 
	border:#606060 1px solid; 
	cursor:pointer; 
	text-transform:uppercase; 
}

#contact-warp input.submit:hover {
	background:#f200c8; 
	border:#e60094 1px solid;
}

/** Footer **/

#footer {
	margin:0 auto;
	padding:15px 10px;
	width: 960px;
}

#footer p {margin:5px 0 0;}

#footer a {color:#b7b7b7;}
#footer a:hover {color:#d7d7d7;}

.copy {float:left;}
.valid{float:right;}