/* -------------------------------------------------------------- 
   SEXYSHEET
   * Some Description here.
   Website:Montage
   Author:
   Version:  
-------------------------------------------------------------- */

/* RESET
-------------------------------------------------------------- */
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:Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	text-decoration:none;
}

:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

strong { font-weight:bold;}

/* GLOBAL
-------------------------------------------------------------- */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */
/* SEO friendly hide */
.hidden {
	background:none;
	font-size:1px;
	display:none;
	height:0;
	left:-9999px;
	overflow:hidden;
	position:absolute;
	top:-9999px;
	width:0;
	z-index:0;
	line-height:0px;
}

/* TYPOGRAPHY
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #ba0479; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.3em; font-weight:bold; line-height: 1; margin-bottom: 15px; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* TEXT ELEMENTS
-------------------------------------------------------------- */
/* IMPORTANT NOTE:Remove unnecessary css declarations when finished coding */

p           { margin: 0 0 1em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { text-decoration:underline;}
a           { color: #336699; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Lists */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Tables */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 	{ background: #c3d9ff; }
th,td,
caption     { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first		{ margin-left:0; padding-left:0; }
.last		{ margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* STYLE
-------------------------------------------------------------- */
body {
		background:#bcbdaf;
	}
p, li {}
a { color:#fff; font-size:12px;}
h1 {}
h2 {}
h3 {}
h4 {
	color:#464650;
	font-size:14px; 
	font-weight:bold;
	margin-bottom:10px; 
	}
h5 {}
h6 {}
	#wrapper {
		margin:0 auto;
		width:940px;
		}
		#header { 
			border-bottom:1px dotted #fff;
			padding:40px 20px 0;
			height:60px;
			}
			#header h1 { 
				float:right;
				height:40px;
				width:166px;
			}
			#header h1 a {
					background:url(../images/logo.gif) no-repeat;
					display:block;
					height:40px;
					width:166px;
					text-indent:-99999px;
				}
			#header ul {
				float:left;
				margin:0;
				width:130px;
				}
				#header ul li { list-style-type:none;}
					#header ul li a {
							color:#fff;
							font-size:12px;
							font-weight:bold;
							text-transform:capitalize;
						}
						#header ul li a:hover { color:#de0079; text-decoration:none;}
		#content { border-bottom:1px dotted #fff; padding:60px 20px;}
			#content p, #content li {
					color:#464650;
					font-size:12px;
					line-height:18px;
				}
				#content h2 {
						background:url(../images/h2.gif) no-repeat;
						height:51px;
						margin-bottom:15px;
						text-indent:-99999px;
					}
			.grid01 { 
				float:left;
				margin-right:30px;
				width:230px;
				}
			.grid01 { height:30px;}
			.grid02 {
					float:left;
					width:637px;
				}
				.ul-container { float:left; margin-bottom:20px;width:158px;}
				.ul-container ul { margin:0;}
					.ul-container h5 {
							color:#464650;
							font-size:12px;
							font-weight:bold;
							margin-bottom:5px;
						}
					.ul-container li { color:#464650; list-style-type:none;}
			#home .grid02 {background:url(../images/slogan.gif) no-repeat; height:266px;}
			.phi-page #content h2 { background-position: 0 -70px; height:30px;}
			.process-page #content h2 { background-position:0 -125px; height:30px}
			.contact-page #content h2 { background-position:0 -195px; height:80px;}
			.portfolio-page .grid01 { height:auto;}
			.pinktxt { font-weight:bold; color:#de0079;}
				.folio-browse {margin:0;}
				.folio-browse li { list-style-type:none; margin-bottom:5px;}
				.folio-browse a { color:#636363;}
					.folio-browse .selected a { color:#fff;}
					.folio-browse a:hover { color:#fff; text-decoration:none;}
			.previous, .next { 
				background:url(../images/arrows.gif) no-repeat;
				display:block;
				float:left;
				height:18px;
				text-indent:-99999px;
				width:20px;
				}
				.previous:hover { background-position:0 -18px;}
				.next { background-position:-21px 0;}
				.next:hover {background-position:-21px -18px;}


/**************PORTFOLIO PAGE******************/
.process-div { width:637px;  overflow:hidden;}
.process-ul { margin:0; width:2000px;}
	.process-ul li { list-style-type:none; float:left; width: 620px; margin-right:30px;}
	.process-page .pagination { float:right;}
	.process-page .pagination a { margin:0 5px;}
/**************PORTFOLIO PAGE******************/
.portfolio {position:relative;}
	.portfolio .previous, .portfolio .next { position:absolute; top:190px;}
		.portfolio .next { right:0;}
	.portfolio ul {
			height:410px;
			margin:0;
			text-align:center;
			width:5000px;
		}
		.portfolio li {
			float:left; 
			list-style-type:none; 
			width:590px;
			}
			.portfolio-slide { 
				float:left;
				margin:0 20px;
				overflow:hidden;
				width:590px; }
			.portfolio li img {}
				.folio-img {
						height:390px;
						width:620px;
					}
			.portfolio li p { margin-top:10px;text-align:left; float:left;}
				.portfolio li .permalink { float:right;}
			.portfolio .selected { display:block;}
		#footer {border-bottom:1px dotted #fff; padding:0 20px;}
			#footer p {
					color:#fff;
					font-size:10px;
					float:left;
					margin:10px 0;
				}
				#footer .align-right { float:right; text-align:right;}