/* Minification failed. Returning unminified contents.
(394,1): run-time error CSS1019: Unexpected token, found '@import'
(394,9): run-time error CSS1019: Unexpected token, found 'url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Bree+Serif)'
 */
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer, 
header,
hgroup,
nav,
menu,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/* Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
}

/*
 * Removes default margin.
 */

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		vertical-align: baseline; }

		
/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: none;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}



/* Table of Content
==================================================
	
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Bree+Serif);


/* #Basic Styles
================================================== */
	body {
	font-family:'Droid Sans', sans-serif;
	font-size:12px;
	line-height:16px;
	color: #495d60;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	background-color: #f3f1ef;
	background-image:url(/Theme/prof/img/bg_180.jpg);

 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #495d60;
		font-family: 'Bree Serif';
		font-weight: normal;
		 }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration:inherit;}
	
	h1 {
		font-size: 46px;
		text-transform: uppercase;
		line-height:1em;
	}
	h2 { 
		font-family:'Droid Sans', sans-serif;
		font-size:12px; 
		}
	h3 {
	font-size: 18px;
	text-transform: uppercase;
	line-height: 0.8em;
	}
	
	h4 { 
	font-size: 14px;
	color:#FE7134;}
	
	.blue h4 {
	color: #8ecdd6;
	}
	.green h4 {
	color: #9ac58d;
	}
	.dark h4 {
	color: #495d60;
	}
	
	h5 { 
	font-size: 12px; 
	color:#FE7134;
	text-transform: uppercase;}
	
	.blue h5 {
	color: #8ecdd6;
	}
	.green h5 {
	color: #9ac58d;
	}
	.dark  h5 {
	color: #495d60;
	}
	
	h6 { font-size: 14px; line-height: 21px; }
	
	p { margin: 0 0 11px 0; }
	
	p img { margin: 0; }
	

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }




/* #Links
================================================== */
	a { color: #495d60; text-decoration: none; outline: 0; }
	
/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 1em; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #fff; 
		border: none;
	 	font-family: 'Bree Serif';
		color: #FE7134;
	  	display: inline-block;
	  	font-size: 12px;
	 	text-decoration: none;
	    cursor: pointer;
	    line-height: normal;
		text-transform: uppercase;
	 }
	 .blue input[type="submit"] {
	color: #8ecdd6;
	}
	.green input[type="submit"] {
	color: #9ac58d;
	}
	.dark  input[type="submit"] {
	color: #495d60;
	}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #cfcfcf;
		 }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */

	
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		font-family:'Droid Sans', sans-serif;
		font-size:12px;
		line-height:16px;
		color: #495d60;
		border: 1px solid #cfcfcf;
		background: #fff; 
		outline: none;
		padding: 6px 4px;		
		margin: 0;
		margin-bottom: 10px;
		width: 250px;
		max-width: 100%;
		display: block;
		resize: none;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
		
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		color: #cfcfcf;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); 
		}
	textarea {
		height: 108px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }



/*
 * jQuery Nivo Slider v3.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
  
/* The Nivo Slider styles */

.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
	
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:30px;
	overflow:hidden;
} 
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCustomScrollBox .mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	height:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{
	padding-bottom:40px;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:0px;
	height:100%;
	margin:0 auto;
	
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:15px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:15px;
	height:15px;
	margin:0 auto;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	bottom:0;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal .mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{
	height:100%;
	width:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{
	padding-bottom:0;
	padding-right:20px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
	right:0;
	bottom:auto;
	margin-left:-40px;
	margin-top:-16px;
	float:right;
}

/* default scrollbar colors and backgrounds */
.mCustomScrollBox .mCSB_scrollTools{
	opacity:0.75;
}
.mCustomScrollBox:hover .mCSB_scrollTools{
	opacity:1;
}
.mCSB_scrollTools .mCSB_draggerRail{
	/*
	background: rgba(0,0,0,0.4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";  old ie */
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #cfcfcf;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#cfcfcf; 
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:#FE7134;
	
}
.blue .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #8ecdd6;
}
.green .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #9ac58d;
}
.dark .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #495d60;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:#FE7134;
}
.blue .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.blue .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #8ecdd6;
}
.green .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.green .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #9ac58d;
}
.dark .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.dark .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #495d60;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */

/* #Base 960 Grid
================================================== */

.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 { float: right; display: inline; margin-left: 10px; margin-right: 10px; }

.row { margin-bottom: 20px; }

/* Nested Column Classes */
.container .alpha { margin-left: 0 !important; }
.container .omega { margin-right: 0 !important; }

/* Base Grid */
.container .grid_1 { width: 60px; }
.container .grid_2 { width: 140px; }
.container .grid_3 { width: 220px; }
.container .grid_4 { width: 300px; }
.container .grid_5 { width: 380px; }
.container .grid_6 { width: 460px; }
.container .grid_7 { width: 540px; }
.container .grid_8 { width: 620px; }
.container .grid_9 { width: 700px; }
.container .grid_10 { width: 780px; }
.container .grid_11 { width: 860px; }
.container .grid_12 { width: 940px; }

/* Prefix Extra Space >> 12 Columns */
.container .prefix_1 { padding-left: 80px; }
.container .prefix_2 { padding-left: 160px; }
.container .prefix_3 { padding-left: 240px; }
.container .prefix_4 { padding-left: 320px; }
.container .prefix_5 { padding-left: 400px; }
.container .prefix_6 { padding-left: 480px; }
.container .prefix_7 { padding-left: 560px; }
.container .prefix_8 { padding-left: 640px; }
.container .prefix_9 { padding-left: 720px; }
.container .prefix_10 { padding-left: 800px; }
.container .prefix_11 { padding-left: 880px; }

.container .prefix_1_2 { padding-left: 30px; }

/* Suffix Extra Space >> 12 Columns */
.container .suffix_1 { padding-right: 80px; }
.container .suffix_2 { padding-right: 160px; }
.container .suffix_3 { padding-right: 240px; }
.container .suffix_4 { padding-right: 320px; }
.container .suffix_5 { padding-right: 400px; }
.container .suffix_6 { padding-right: 480px; }
.container .suffix_7 { padding-right: 560px; }
.container .suffix_8 { padding-right: 640px; }
.container .suffix_9 { padding-right: 720px; }
.container .suffix_10 { padding-right: 800px; }
.container .suffix_11 { padding-right: 880px; }

.container .suffix_1_2 { padding-right: 40px; }

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container { width: 768px; }
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12 { margin-left: 10px; margin-right: 10px; }

    .container .grid_1 { width: 44px; }
    .container .grid_2 { width: 108px; }
    .container .grid_3 { width: 172px; }
    .container .grid_4 { width: 236px; }
    .container .grid_5 { width: 300px; }
    .container .grid_6 { width: 364px; }
    .container .grid_7 { width: 428px; }
    .container .grid_8 { width: 492px; }
    .container .grid_9 { width: 556px; }
    .container .grid_10 { width: 620px; }
    .container .grid_11 { width: 684px; }
    .container .grid_12 { width: 748px; }

    /* Prefix Extra Space >> 12 Columns */
    .container .prefix_1 { padding-left: 64px; }
    .container .prefix_2 { padding-left: 128px; }
    .container .prefix_3 { padding-left: 192px; }
    .container .prefix_4 { padding-left: 256px; }
    .container .prefix_5 { padding-left: 320px; }
    .container .prefix_6 { padding-left: 384px; }
    .container .prefix_7 { padding-left: 448px; }
    .container .prefix_8 { padding-left: 512px; }
    .container .prefix_9 { padding-left: 576px; }
    .container .prefix_10 { padding-left: 640px; }
    .container .prefix_11 { padding-left: 704px; }

    .container .prefix_1_2 { padding-left: 22px; }

    /* Suffix Extra Space >> 12 Columns */
    .container .suffix_1 { padding-right: 64px; }
    .container .suffix_2 { padding-right: 128px; }
    .container .suffix_3 { padding-right: 192px; }
    .container .suffix_4 { padding-right: 256px; }
    .container .suffix_5 { padding-right: 320px; }
    .container .suffix_6 { padding-right: 384px; }
    .container .suffix_7 { padding-right: 448px; }
    .container .suffix_8 { padding-right: 512px; }
    .container .suffix_9 { padding-right: 576px; }
    .container .suffix_10 { padding-right: 640px; }
    .container .suffix_11 { padding-right: 704px; }

    .container .suffix_1_2 { padding-right: 22px; }
}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    .container { width: 300px; }
        .container .grid_1,
        .container .grid_2,
        .container .grid_3,
        .container .grid_4,
        .container .grid_5,
        .container .grid_6,
        .container .grid_7,
        .container .grid_8,
        .container .grid_9,
        .container .grid_10,
        .container .grid_11,
        .container .grid_12 { width: 300px; margin: 0 0 30px 0; }

        /* Prefix Extra Space >> 12 Columns */
        .container .prefix_1_2,
        .container .prefix_1,
        .container .prefix_2,
        .container .prefix_3,
        .container .prefix_4,
        .container .prefix_5,
        .container .prefix_6,
        .container .prefix_7,
        .container .prefix_8,
        .container .prefix_9,
        .container .prefix_11,
        .container .prefix_11 { padding-left: 0; }

        /* Suffix Extra Space >> 12 Columns */
        .container .suffix_1_2 .container .suffix_1,
        .container .suffix_2,
        .container .suffix_3,
        .container .suffix_4,
        .container .suffix_5,
        .container .suffix_6,
        .container .suffix_7,
        .container .suffix_8,
        .container .suffix_9,
        .container .suffix_11,
        .container .suffix_11 { padding-right: 0; }
}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container { width: 420px; }
        .container .grid_1,
        .container .grid_2,
        .container .grid_3,
        .container .grid_4,
        .container .grid_5,
        .container .grid_6,
        .container .grid_7,
        .container .grid_8,
        .container .grid_9,
        .container .grid_10,
        .container .grid_11,
        .container .grid_12 { width: 420px; margin: 0 0 30px 0; }
}

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after,
.clearfix:after { clear: both; }
.row,
.clearfix { zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(/Theme/prof/img/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(/Theme/prof/img/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(/Theme/prof/img/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(/Theme/prof/img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(/Theme/prof/img/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(/Theme/prof/img/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(/Theme/prof/img/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(/Theme/prof/img/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(/Theme/prof/img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(/Theme/prof/img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(/Theme/prof/img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(/Theme/prof/img/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(/Theme/prof/img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/Theme/prof/img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/Theme/prof/img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(/Theme/prof/img/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(/Theme/prof/img/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(/Theme/prof/img/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(/Theme/prof/img/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(/Theme/prof/img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(/Theme/prof/img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(/Theme/prof/img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(/Theme/prof/img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(/Theme/prof/img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(/Theme/prof/img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(/Theme/prof/img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(/Theme/prof/img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(/Theme/prof/img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(/Theme/prof/img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(/Theme/prof/img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(/Theme/prof/img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(/Theme/prof/img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(/Theme/prof/img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(/Theme/prof/img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(/Theme/prof/img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(/Theme/prof/img/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(/Theme/prof/img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(/Theme/prof/img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(/Theme/prof/img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(/Theme/prof/img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(/Theme/prof/img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(/Theme/prof/img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(/Theme/prof/img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(/Theme/prof/img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(/Theme/prof/img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(/Theme/prof/img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(/Theme/prof/img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(/Theme/prof/img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(/Theme/prof/img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(/Theme/prof/img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(/Theme/prof/img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(/Theme/prof/img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(/Theme/prof/img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(/Theme/prof/img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(/Theme/prof/img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(/Theme/prof/img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(/Theme/prof/img/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(/Theme/prof/img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(/Theme/prof/img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(/Theme/prof/img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(/Theme/prof/img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(/Theme/prof/img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(/Theme/prof/img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(/Theme/prof/img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(/Theme/prof/img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(/Theme/prof/img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(/Theme/prof/img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(/Theme/prof/img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(/Theme/prof/img/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(/Theme/prof/img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(/Theme/prof/img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(/Theme/prof/img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(/Theme/prof/img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(/Theme/prof/img/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(/Theme/prof/img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(/Theme/prof/img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(/Theme/prof/img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(/Theme/prof/img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(/Theme/prof/img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(/Theme/prof/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(/Theme/prof/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(/Theme/prof/img/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(/Theme/prof/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/*
Template Name: William Davis
Template URI: http://gozha.net/wd/
Author: Olechka
Author URI: http://themeforest.net/user/olechka/
Description: William Davis HTML5/CSS3 Responsive VCard Template.
Version: 1.0
*/

/* Table of Content
==================================================
	#Header
	#Common style of one page
	#Home page
	#Portfolio
	#About
	#Contact
	#Hire Me Form
*/

html { direction: rtl; }
body { background-image: url(/Theme/prof/img/bg_180.jpg); /***   If you need anither background remove next comment ***/ /*	background-image:url(/Theme/prof/img/bg_280.jpg);*/ /*	background-image:url(/Theme/prof/img/bg_380.jpg);*/ /*	background-image:url(/Theme/prof/img/bg_480.jpg);*/ /*	background-image:url(/Theme/prof/img/bg_580.jpg);*/ overflow: scroll; }

/* #Header
================================================== */

header h1 { margin-top: 60px; }
h1, h2 { text-align: center; }
/***it hide text William Davis (it is needed for SEO)****/
.hide { display: block; height: 0; text-indent: -9999px; }
.text_logo { margin-top: 55px; }
    .text_logo a { color: #495d60; text-shadow: -3px 3px 0px #d4d3d2; }
nav { background-image: url(/Theme/prof/img/bg_nav.jpg); background-repeat: repeat-x; height: 50px; text-align: center; margin-top: 55px; padding-top: 31px; margin-bottom: 20px; }

    nav ul { display: inline-block; overflow: hidden; margin: auto; }
        nav ul li { float: right; margin: 0 21px; background-position: 0px 75%; -o-transition: all 100ms ease-in; -webkit-transition: all 100ms ease-in; -moz-transition: all 100ms ease-in; transition: all 100ms ease-in; padding-bottom: 10px; }
            nav ul li:hover { padding-bottom: 10px; background-image: url(/Theme/prof/img/nav_hover.png); background-repeat: repeat-x; background-position: 0px bottom; }
li.active { padding-bottom: 10px; background-image: url(/Theme/prof/img/nav_hover.png); background-repeat: repeat-x; background-position: 0px bottom; }

nav ul li a { font-size: 16px; color: #ae1e06; text-decoration: none; text-shadow: 0px 1px 0px #ffa256; display: block; padding-left: 30px; background-repeat: no-repeat; }
#menu_min { display: none; }

/*add icon for menu items*/
.home { background-image: url(/Theme/prof/img/home.png); }
.portfolio { background-image: url(/Theme/prof/img/portfolio.png); }
.about { background-image: url(/Theme/prof/img/about.png); }
.contact { background-image: url(/Theme/prof/img/contact.png); background-position: 0px 2px; }

/*blue skin*/
.blue nav { background-image: url(/Theme/prof/img/bg_nav_blue.jpg); }
    .blue nav ul li:hover { background-image: url(/Theme/prof/img/nav_hover_blue.png); }
.blue li.active { background-image: url(/Theme/prof/img/nav_hover_blue.png); }
.blue nav ul li a { color: #495d60; text-shadow: 0px 1px 0px #b6e4eb; }
.blue .home { background-image: url(/Theme/prof/img/home_blue.png); }
.blue .portfolio { background-image: url(/Theme/prof/img/portfolio_blue.png); }
.blue .about { background-image: url(/Theme/prof/img/about_blue.png); }
.blue .contact { background-image: url(/Theme/prof/img/contact_blue.png); }

/*green skin*/
.green nav { background-image: url(/Theme/prof/img/bg_nav_green.jpg); }
    .green nav ul li:hover { background-image: url(/Theme/prof/img/nav_hover_green.png); }
.green li.active { background-image: url(/Theme/prof/img/nav_hover_green.png); }
.green nav ul li a { color: #475e40; text-shadow: 0px 1px 0px #c9e3c0; }
.green .home { background-image: url(/Theme/prof/img/home_green.png); }
.green .portfolio { background-image: url(/Theme/prof/img/portfolio_green.png); }
.green .about { background-image: url(/Theme/prof/img/about_green.png); }
.green .contact { background-image: url(/Theme/prof/img/contact_green.png); }

/*dark skin*/

.dark nav { background-image: url(/Theme/prof/img/bg_nav_dark.jpg); }
    .dark nav ul li:hover { background-image: url(/Theme/prof/img/nav_hover_dark.png); }
.dark li.active { background-image: url(/Theme/prof/img/nav_hover_dark.png); }
.dark nav ul li a { color: #a0adaf; text-shadow: 0px 1px 0px #1e2e30; }
.dark .home { background-image: url(/Theme/prof/img/home_dark.png); }
.dark .portfolio { background-image: url(/Theme/prof/img/portfolio_dark.png); }
.dark .about { background-image: url(/Theme/prof/img/about_dark.png); }
.dark .contact { background-image: url(/Theme/prof/img/contact_dark.png); }
/* End of Header
================================================== */

/* Common style of one page
================================================== */
#panel-container > div { display: none; /* hide another pages */ float: left; }
#panel-container .first_panel { display: block; /*show first page*/ }

#index .block { padding-left: 30px; }
.block { border-top-width: 4px; border-top-style: solid; border-top-color: #FE7134; height: 265px; background-color: #FFF; padding: 16px 10px 15px 20px; }

    .block h3 { margin-bottom: 20px; }
.block_text { margin-left: 30px; }
.copyright { text-align: center; margin-top: 30px; }
.blue .block { border-top-color: #8ecdd6; }
.green .block { border-top-color: #9ac58d; }
.dark .block { border-top-color: #495d60; }
/* End of Common style of one page
================================================== */

/* Home page style
================================================== */
.photo { float: left; margin-left: 30px; position: relative; border: 2px dotted #cfcfcf; padding: 3px; width: 174px; height: 204px; background: url(/Theme/prof/img/143.gif) no-repeat 50% 50%; /*preloader*/ }
.hire_plus { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #FFF; text-decoration: none; text-indent: 9px; line-height: 31px; display: block; background-color: #FE7134; border-radius: 15px; position: absolute; height: 30px; width: 30px; right: 8%; bottom: 8%; z-index: 100; -o-transition: all 350ms ease-in; -webkit-transition: all 350ms ease-in; -moz-transition: all 350ms ease-in; transition: all 350ms ease-in; }
.blue .hire_plus { background-color: #8ecdd6; }
.green .hire_plus { background-color: #9ac58d; }
.dark .hire_plus { background-color: #495d60; }
.hire_plus:hover { color: #FFF; background-color: #bfbebe; }
.tooltip { height: 0; width: 0; font-size: 0px; line-height: 0px; color: rgba(73,93,96,0.1); text-align: center; text-indent: -1px; position: absolute; top: -34px; left: -28px; -o-transition: all 350ms ease-in; -webkit-transition: all 350ms ease-in; -moz-transition: all 350ms ease-in; transition: all 350ms ease-in; }

.hire_plus:hover .tooltip { font-family: 'Droid Sans', sans-serif; font-size: 12px; color: #fff; line-height: 24px; text-align: center; display: block; position: absolute; top: -34px; left: -28px; width: 85px; height: 25px; background-color: rgba(73,93,96,0.8); }
    .hire_plus:hover .tooltip:after { display: block; content: ''; border: 7px solid; border-color: rgba(73,93,96,0.8) transparent transparent transparent; top: 25px; left: 35px; position: absolute; height: 0; width: 0; padding: 0; }

ul.social { margin-left: 30px; margin-top: 35px; overflow: hidden; }
.social li { float: left; }
    .social li a { display: block; height: 30px; width: 30px; margin-right: 20px; background-color: #bfbebe; border-radius: 15px; background-repeat: no-repeat; background-position: center center; -o-transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -moz-transition: all 450ms ease-in; transition: all 450ms ease-in; }
        .social li a:hover { background-color: #FE7134; position: relative; top: 3px; }
.blue .social li a:hover { background-color: #8ecdd6; }
.green .social li a:hover { background-color: #9ac58d; }
.dark .social li a:hover { background-color: #495d60; }
/*add social icon */
.facebook { background-image: url(/Theme/prof/img/facebook_ico.png); }
.google { background-image: url(/Theme/prof/img/google_ico.png); }
.twiter { background-image: url(/Theme/prof/img/twiter_ico.png); }
.youtybe { background-image: url(/Theme/prof/img/youtybe_ico.png); }
.linkedIn { background-image: url(/Theme/prof/img/linkedIn_ico.png); }
.skype { background-image: url(/Theme/prof/img/skype_ico.png); }
.tumbler { background-image: url(/Theme/prof/img/tumbler_ico.png); }
.vimeo { background-image: url(/Theme/prof/img/vimeo_ico.png); }
.dribble { background-image: url(/Theme/prof/img/dribble_ico.png); }
.digg { background-image: url(/Theme/prof/img/dig_ico.png); }
.deviantart { background-image: url(/Theme/prof/img/deviantart_ico.png); }
.flickr { background-image: url(/Theme/prof/img/flickr.png); }
/* End of Home page style
================================================== */

/* Portfolio page style
================================================== */
#carousel_inner { float: left; /* important for inline positioning */ overflow: hidden; /* important (hide the items outside the div) */ /* non-important styling bellow */ margin-bottom: 20px; }
#carousel_ul {float: left; position: relative; left: 0px; /* important (this should be negative number of list items width(including margin) */ list-style-type: none; /* removing the default styling for unordered list items */ width: 99999px !important; /* important */ /* non-important styling bellow */ margin: 0px; padding: 0px; height: 300px; }
    #carousel_ul li { float: left; /* important for inline positioning of the list items */ width: 290px; /* fixed width, important */ /* just styling bellow*/ padding: 5px; height: 290px; background: #fff; margin-bottom: 0; margin-right: 20px; }
.left_scroll, .right_scroll { float: right; display: block; height: 12px; width: 8px; margin: 10px 0 0 12px; background-image: url(/Theme/prof/img/arrow_sprite.png); background-repeat: no-repeat; }
.right_scroll { background-position: -8px -12px; }
.left_scroll { background-position: 0px -12px; }
.right_scroll:hover { background-position: -8px 0px; }
.left_scroll:hover { background-position: 0px 0px; }
/*** setting another color arrow***/
.blue .right_scroll:hover { background-position: -8px -24px; }
.blue .left_scroll:hover { background-position: 0px -24px; }
.green .right_scroll:hover { background-position: -8px -36px; }
.green .left_scroll:hover { background-position: 0px -36px; }
.dark .right_scroll:hover { background-position: -8px -48px; }
.dark .left_scroll:hover { background-position: 0px -48px; }

#filters { float: left; }
    #filters a { display: block; padding: 5px 15px; float: left; text-decoration: none; font-family: 'Droid Sans', sans-serif; font-size: 12px; color: #495d60; }
        #filters a:hover { background-color: #FE7134; color: #fff; }
.blue #filters a:hover { background-color: #8ecdd6; }
.green #filters a:hover { background-color: #9ac58d; }
.dark #filters a:hover { background-color: #495d60; }
#filters .activef /*used js, setting active class in filtering link*/ { background-color: #FE7134; color: #fff; }
.blue #filters .activef { background-color: #8ecdd6; }
.green #filters .activef { background-color: #9ac58d; }
.dark #filters .activef { background-color: #495d60; }
.portfolio_bg { background-image: url(/Theme/prof/img/portfolio_bg.png); background-repeat: repeat-x; background-position: left bottom; padding-bottom: 33px; margin-bottom: 30px; }
/**** caption overlay ****/
#carousel_ul figure { position: relative; }
    #carousel_ul figure a { display: block; line-height: 0; }
    #carousel_ul figure figcaption { opacity: 0; display: block; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-image: url(/Theme/prof/img/pattern_hover.png); -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
    #carousel_ul figure a:hover figcaption { opacity: 1; }
        #carousel_ul figure a:hover figcaption h5 { margin: 35% 0 0 0; }
    #carousel_ul figure figcaption h5 { margin: 5% 0 0 0; background-color: #FE7134; color: #fff; padding: 15px 0 8px 20px; line-height: 1.5em; -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
    #carousel_ul figure figcaption p { margin: 0; background-color: #FE7134; color: #fff; padding: 0 0 20px 20px; line-height: 1.5em; }
.blue #carousel_ul figure figcaption h5 { background-color: #8ecdd6; }
.green #carousel_ul figure figcaption h5 { background-color: #9ac58d; }
.dark #carousel_ul figure figcaption h5 { background-color: #495d60; }
.blue #carousel_ul figure figcaption p { background-color: #8ecdd6; }
.green #carousel_ul figure figcaption p { background-color: #9ac58d; }
.dark #carousel_ul figure figcaption p { background-color: #495d60; }
/* End of Portfolio page style
================================================== */
/* About page style
================================================== */
.scrollContent { height: 240px; }
#about h3 { margin-bottom: 10px; }
.date_of_study { font-family: 'Bree Serif'; margin: 0; padding: 10px 0 0 0; }
#about h5 { margin-bottom: 10px; }

.rate0, .rate1, .rate2, .rate3, .rate4, .rate5, .rate6, .rate7, .rate8, .rate9, .rate10 { background-image: url(/Theme/prof/img/rate.png); background-repeat: no-repeat; background-position: 0px 0px; display: inline-block; float: right; height: 10px; width: 145px; margin: 2px 2px 0 4px; text-align: right; }

.blue .rate0, .blue .rate1, .blue .rate2, .blue .rate3, .blue .rate4, .blue .rate5, .blue .rate6, .blue .rate7, .blue .rate8, .blue .rate9, .blue .rate10 { background-image: url(/Theme/prof/img/rate_blue.png); }
.green .rate0, .green .rate1, .green .rate2, .green .rate3, .green .rate4, .green .rate5, .green .rate6, .green .rate7, .green .rate8, .green .rate9, .green .rate10 { background-image: url(/Theme/prof/img/rate_green.png); }
.dark .rate0, .dark .rate1, .dark .rate2, .dark .rate3, .dark .rate4, .dark .rate5, .dark .rate6, .dark .rate7, .dark .rate8, .dark .rate9, .dark .rate10 { background-image: url(/Theme/prof/img/rate_dark.png); }

.rate0 { background-position: 0px 0px; }
.rate1 { background-position: 0px -10px; }

.rate2 { background-position: 0px -20px; }
.rate3 { background-position: 0px -30px; }

.rate4 { background-position: 0px -40px; }
.rate5 { background-position: 0px -50px; }

.rate6 { background-position: 0px -60px; }
.rate7 { background-position: 0px -70px; }
.rate8 { background-position: 0px -80px; }
.rate9 { background-position: 0px -90px; }
.rate10 { background-position: 0px -100px; }
#skill_carousel li { margin: 0 200px 0 0; padding: 0 10px 0 20px; width: 240px; float: left; }
#skill_carousel { position: relative; left: 0px; width: 9999px; }
    #skill_carousel li p { padding: 5px 0 0 25px; margin: 15px 0 24px 0; overflow: hidden; }
.blockSkill { background-color: #fff; border-top: 4px solid #FE7134; height: 265px; padding: 16px 0 15px 0; overflow: hidden; float: left; }
.blue .blockSkill { border-top-color: #8ecdd6; }
.green .blockSkill { border-top-color: #9ac58d; }
.dark .blockSkill { border-top-color: #495d60; }
#leftmove, #rightmove { float: right; }
#rightmove { margin: 10px 45% 0 0; }
#leftmove { margin: 10px 10px 0 0; }

/* End of About page style
================================================== */
/* Contact page style
================================================== */

.social.contact_social { margin: 0px; padding-top: 15px; }
.contact_social li a { margin-right: 10px; }
.free_to_contact { margin-top: -3px; margin-bottom: 20px; }
.invalid_field { border: 1px solid #fe7b3f !important; -moz-box-shadow: 0 0 3px rgba(254,113,52,.5); -webkit-box-shadow: 0 0 3px rgba(254,113,52,.5); box-shadow: 0 0 3px rgba(254,113,52,.5); }
.blue .invalid_field { border-color: #8ecdd6 !important; -moz-box-shadow: 0 0 3px rgba(142,205,214,.5); -webkit-box-shadow: 0 0 3px rgba(142,205,214,.5); box-shadow: 0 0 3px rgba(142,205,214,.5); }
.green .invalid_field { border-color: #9ac58d !important; -moz-box-shadow: 0 0 3px rgba(154,197,141,.5); -webkit-box-shadow: 0 0 3px rgba(154,197,141,.5); box-shadow: 0 0 3px rgba(154,197,141,.5); }
.dark .invalid_field { border-color: #495d60 !important; -moz-box-shadow: 0 0 3px rgba(73,93,96,.7); -webkit-box-shadow: 0 0 3px rgba(73,93,96,.7); box-shadow: 0 0 3px rgba(73,93,96,.7); }

.success { font-weight: bold; }
/* End of Contact page style
================================================== */
#hire_me_form textarea { width: 600px; }
#hire_me .block { padding-right: 0px; padding-left: 0px; height: auto; min-height: 265px; }
    #hire_me .block h3 { margin-left: 30px; }
#hire_me_form .field { margin-left: 30px; }
#hire_me_form .field_text { margin-right: 10px; margin-left: 10px; }
#hire_me_form .submit_link { float: right; margin-right: 20px; }
#hire_me_form .field_text #commentsh { height: 190px; }
#hire_me_form .field input { width: 270px; }
h6.msg{ text-align: center;color: #495d60;border: solid 1px #9ac58d;background-color: #c9e3c0;margin-top: 20px;padding: 10px;}
/**
 * Default DropKick theme
 *
 * Feel free to edit the default theme
 * or even add your own.
 *
 * See the readme for themeing help
 *
 */

/***** Begin Theme, feel free to edit in here! ******/

/* One container to bind them... */
.dk_container {
 	font-family:'Droid Sans', sans-serif;
	font-size:12px;
	line-height:16px;
	color: #495d60;
	border: 1px solid #cfcfcf;
	background: #fff; 
  	margin-bottom: 18px;
	width:100%;
  	max-width:270px;
  	-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
}
  .dk_container:focus {
    outline: 0;
  }
  .dk_container a {
    cursor: pointer;
    text-decoration: none;
  }
.dk_container ul, .dk_container li
{
	margin:0px;
}
/* Opens the dropdown and holds the menu label */
.dk_toggle {
 
  background-image: url('/Theme/prof/img/dk_arrows.png');
  background-repeat: no-repeat;
  background-position: 95% center;
 color: #495d60;
  padding: 7px 45px 7px 10px;
  text-shadow: #fff 1px 1px 0;
  -webkit-transition: border-color .5s;
  -moz-transition: border-color .5s;
  -o-transition: border-color .5s;
  transition: border-color .5s;
}
  .dk_toggle:hover {
    border-color: #8c8c8c;
  }
  /* Applied when the dropdown is focused */
  .dk_focus .dk_toggle {
    /*border-color: #40b5e2;*/
  }
  .dk_focus .dk_toggle {
   -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2);
  }

/* Applied whenever the dropdown is open */
.dk_open {
 		color: #cfcfcf;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); 
  /**
   * Help: Dropdown menu is covered by something
   * Try setting this value higher
   */
  z-index: 10;
}
  .dk_open .dk_toggle {
    background-color: #fff;
    border-color: #cfcfcf;
    color: #ccc;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2);
 }

/* The outer container of the options */
.dk_options {
  box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
  -moz-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px
}
  .dk_options a {
    background-color: #fff;
    border-bottom: 1px solid #cfcfcf;
    padding: 8px 10px;
  }
  .dk_options li:last-child a {
    border-bottom: none;
  }
  .dk_options a:hover,
  .dk_option_current a {
	background-color:#FE7134;
    border-bottom-color: #cfcfcf;
    color: #fff;
    text-decoration: none;
    text-shadow: rgba(0, 0, 0, .5) 0 1px 0;
  }
 
.blue .dk_options a:hover,
  .blue .dk_option_current a {
	background-color: #8ecdd6;
}
.green .dk_options a:hover,
  .green .dk_option_current a {
	background-color: #9ac58d;
}
.dark .dk_options a:hover,
  .dark .dk_option_current a {
	background-color: #495d60;
}

/* Inner container for options, this is what makes the scrollbar possible. */
.dk_options_inner {
  border: 1px solid #cfcfcf;
  border-bottom-width: 2px;
  border-bottom-color: #999;
  color: #495d60;
  max-height: 250px;
  text-shadow: #fff 0 1px 0;
}

/* Set a max-height on the options inner */
.dk_options_inner,
.dk_touch .dk_options {
  max-height: 250px;
}

/******  End Theme ******/

/***** Critical to the continued enjoyment of working dropdowns ******/

.dk_container {
  display: none;
  float: left;
  position: relative;
}
  .dk_container a {
    outline: 0;
  }

.dk_toggle {
  display: -moz-inline-stack;
  display: block;
  *display: inline;
  position: relative;
  zoom: 1;
}

.dk_open {
  position: relative;
}
  .dk_open .dk_options {
    display: block;
  }
  .dk_open .dk_label {
    color: inherit;
  }

.dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: 0;
  width: 100%;
}
  .dk_options a,
  .dk_options a:link,
  .dk_options a:visited {
    display: block;
  }
  .dk_options_inner {
    overflow: auto;
    position: relative;
  }

.dk_touch .dk_options {
  overflow: hidden;
}

.dk_touch .dk_options_inner {
  max-height: none;
  overflow: visible;
}

.dk_fouc select {
  position: relative;
  top: -99999em;
  visibility: hidden;
}

/***** End Critical to the continued enjoyment of working dropdowns ******/

@charset "utf-8";
/* CSS Document */
#style_panel #control { background-color: #495d60; background-image: url(/Theme/prof/img/gear.png); background-repeat: no-repeat; background-position: 9px 9px; float: right; height: 40px; width: 40px; display: block; }
#style_panel .title h5 { float: right; font-family: 'Droid Sans', sans-serif; font-size: 14px; color: #fff; padding: 13px 0 0 15px; text-transform: none; }
#style_panel .title { background-color: #495d60; height: 40px; width: 210px; }
#style_panel .inner { background-color: #fff; float: left; width: 170px; }
#style_panel { width: 210px; position: fixed; top: 20%; left: -170px; z-index: 120; -o-transition: all 350ms ease-in; -webkit-transition: all 350ms ease-in; -moz-transition: all 350ms ease-in; transition: all 350ms ease-in; }
    #style_panel.opens { width: 210px; position: fixed; top: 20%; left: 0px; }

    #style_panel .inner h6 { padding-top: 20px; padding-bottom: 5px; padding-right: 15px; font-family: 'Droid Sans', sans-serif; font-size: 12px; color: #495d60; }
#default, #backtothemef { font-family: 'Bree Serif'; font-size: 13px; text-transform: uppercase; display: block; margin: 15px 0 15px 15px; text-decoration: underline; color: #495d60; }
#style_panel .inner ul { margin: 0 0 0 15px; overflow: hidden; }
    #style_panel .inner ul li { float: left; margin: 5px 5px 0 0; }
#style_panel .inner #color li a { display: block; background-color: #FE7134; border-radius: 15px; height: 30px; width: 30px; }
#style_panel .inner #color li .blue { background-color: #8ecdd6; }
#style_panel .inner #color li .green { background-color: #9ac58d; }
#style_panel .inner #color li .dark { background-color: #495d60; }
#style_panel .inner #pattern a { display: block; height: 31px; width: 31px; background-repeat: no-repeat; }
.bg_180 { background-image: url(/Theme/prof/img/bg_18.png); }
.bg_280 { background-image: url(/Theme/prof/img/bg_28.png); }
.bg_380 { background-image: url(/Theme/prof/img/bg_38.png); }
.bg_480 { background-image: url(/Theme/prof/img/bg_48.png); }
.bg_580 { background-image: url(/Theme/prof/img/bg_58.png); }

.lang { margin: 15px 25px;text-align: center;display: block;} 
.lang a img{ width: 31px;height: 31px;}
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
 
/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#index .photo {
			margin-left:0px;
		}
		#skill_carousel li p {
			padding: 5px 0 0 0;
		}
		.rate0, .rate1, .rate2, .rate3, .rate4, .rate5, .rate6, .rate7, .rate8, .rate9, .rate10 {
			width: 170px;
		}
		ul.social {
    		margin-left: 0px;
			margin-top: 20px;
		}
		.block_text {
		margin-left: 0px;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	nav {
		position:relative;
	}

	nav ul
	{
		position:absolute;
		top:81px;
		left: 0;
		width:100%;
		background-color:#fff;
		height:0;
		-webkit-transition: all 400ms ease-in;
		-moz-transition: all 400ms ease-in;
		transition: all 400ms ease-in;
		z-index:100;
		text-align:left;
		border-bottom: 4px solid #FE7134;
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	}
	.blue nav ul{
		border-bottom-color:#8ecdd6;
	}
	.green nav ul{
		border-bottom-color:#9ac58d;
	}
	.dark nav ul 
	{
		border-bottom-color:#495d60;
	}
	nav ul.open
	{
		display:block;
		height:200px;
		-webkit-transition: all 400ms ease-in;
		-moz-transition: all 400ms ease-in;
		transition: all 400ms ease-in;
		
	}
	nav ul li {
	float:none;
	margin:10px 40%;
	background-position: 0px 95%;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
	display:inline-block;
	
	}
	nav ul li:hover
	{
	padding-bottom:10px;
	background-image: url(/Theme/prof/img/nav_hover.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	}
	li.active
	{
	padding-bottom:10px;
	background-image: url(/Theme/prof/img/nav_hover.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	}

	nav ul#main_menu li a{
	
	display:block;
	text-align:left;
	text-shadow:none;
	
	}
	#menu_min
	{
	display:inline-block;
	cursor:pointer;
	background-image:url(/Theme/prof/img/menu.png);
	background-repeat:no-repeat;
	padding: 0 0 0 30px;
	font-size:22px;
	color:#ae1e06;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffa256;
	}
	
	.blue #menu_min{
		color:#495d60;
		text-shadow:0px 1px 0px #b6e4eb;
		background-image:url(/Theme/prof/img/menu_blue.png);
	}
	.green #menu_min{
		color:#475e40;
		text-shadow:0px 1px 0px #c9e3c0;
		background-image:url(/Theme/prof/img/menu_green.png);
	}
	.dark #menu_min 
	{
		color:#a0adaf;
		text-shadow:0px 1px 0px #1e2e30;
		background-image:url(/Theme/prof/img/menu_dark.png);
	}
	#hire_me .block {
		overflow:hidden;
	}
	#hire_me_form .field_text {
    margin-left: 30px;
    margin-right: 10px;
	}
	#hire_me_form .field {
    margin-right: 10px;
	}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	header h1 a img {
	width: 300px;
	}	
	}