/* === vCard Portfolio Template v.1.0 === */
/* Design by Mudo Designs (http://www.mudodesigns.com/) for ThemeForest (http://themeforest.net/) */
/* Do not redistribute without permission */

/* === style reset === */
* {
    padding:0;
    margin:0;
    outline:0;
}
img {
	vertical-align:middle;
}

/* main  */
body{
	font-family: Trebuchet MS,Arial,Sans-Serif;
	font-size:13px;
	line-height:1.66em;
	
}
a {
color:#38b;
text-decoration:none;	
}
a:hover {
color:#94b;
text-decoration:none;	
}
/* paragraphs */
p { line-height: 1.4em; }

/* headers */
h1, h2, h3, h4, h5 { font-family:Verdana, Arial, Sans-Serif; font-weight: 800;margin-bottom:10px; }

.header{
		background: #e4dace url(../img/bg_clouds.jpg) repeat-x;
	}

h3 {
padding-bottom:0px;
border-bottom:1px solid #cccccc;
font-size:18px;
}
h4 {
font-size:17px;	
border-bottom:1px solid #cccccc;
}

#background {
	background-image: url(../img/background.png);
	background-color:transparent;
	height: 745px;
	width: 770px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #FFFFFF;
	background-repeat: no-repeat;
}	
/* mains */
#container {
	width: 616px;
	height:424px;
	margin-top:220px;
	border: thin solid #8d8271;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
}
#header {
margin-top:100px;
margin-left:0px;
margin-right:20px;
}
#content {
	padding:0px;
	height:424px;
}
#content_wrapper {
background-color:#FFFFFF;
margin: 0 auto;
padding:0px;
}
#footer {
padding-bottom:0px;
text-align:right;
margin-left:20px;
margin-right:20px;
font-size:12px;
}
/* about slide */
#about {
	background-image: url(../img/new.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#about_content img {
background:#ffffff;
border:5px solid #d9d9d9;
margin-right:10px;
margin-bottom:0px;
}

/* social slide */
#social {
background: url(../img/mixes.gif) no-repeat top left;	
}
#social_lists {
margin:5px 0 0 0;
padding:0;
}
#social_lists li {
	list-style:none;
	float:left;
	width:220px;
	padding:4px;
	background:#ffffff;
	border:1px solid #cccccc;
	height: 70px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 0;
}
#social_lists li:hover {
border:1px solid #bfe6f5;
background:#d7f0f9;
}
#social_lists a {
	color:#555555;
	display:inline;
}
#social_lists strong {
display:block;
font-size:13px;
padding-top:0px;
}
#social_lists span {
padding-top:5px;
font-style:italic;
font-size:10px;
}
#social_lists img {
padding-right:10px;	
padding-bottom:5px;
}

/* portfolio slide */
#portfolio {
background: url(../img/contact.gif) no-repeat top left;	
}
#portfolio_thumbs {
width:450px;
margin: 0 auto;
padding:0;
}
#portfolio_thumbs li {
list-style:none;
float:left;
}
#portfolio_thumbs li img {
border:0;
margin:10px 10px 0 0;
padding:5px;
background:#d9d9d9;
}
#portfolio_thumbs li img:hover {
background:#c5e08f;
}

#contact p, label, legend {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 11px;
}

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact {
	display: block;
	width: 450px;
	padding: 5px;
	border: 1px none #cbcbcb;
	background-color: #FFF;
	-webkit-border-radius:5px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

/* Form style */
#contact label {
	display: inline-block;
	float: left;
	height: 26px;
	line-height: 16px;
	width: 155px;
	font-size: 1em;
	-webkit-border-radius:3px;
	vertical-align: bottom;
}
#contact input, textarea, select {
	width: 250px;
	margin: 0;
	padding: 2px;
	color: #666;
	background: #f5f5f5;
	border: 1px solid #ccc;
	margin: 5px 0;
	font:1.0em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	webkit-border-radius:5px;
}   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset {
	padding:20px;
	border:1px solid #eee;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{
	font-size: 8px;
	color: #ff0000;
} /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }

/*	Slider	*/
.slider_toggle {
float: left;	
display: block;
height: 424px;
width: 32px;
color: #ffffff;
text-decoration: none;
outline: none;
cursor: pointer;
margin: 0 0 0 0;
}
.slider_content {
height: 424px;
float: left;
overflow: hidden;
color: #444444;
margin-left:10px;
}
.slider_content_wrapper {
padding:10px 10px 5px 0px;
border:thin, #8D827;
}
.slider_content p {
width: 450px;
margin-bottom:10px;
}
.slider_content img {
border:0;
}
#slider_container {
margin: 0px auto;
width: 655px;   
height: 624px;    
}


/* lists */
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
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;}
/* forms */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0;border:1px solid #ccc;padding-top:0;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input[type=file], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {padding:5px;height:80px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* misc */
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;}

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

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(../img/lightbox/overlay.png); }

* html #overlay{
	background: url(../img/lightbox/blank.gif);
}

/* misc */
.cl {
clear:both;
display:block;
height:0;
overflow:hidden;
visibility:hidden;
width:0;
line-height:0;
}
.fl {
float:left;
}
.fr {
float:right;
}
.hd {
display: none;
}
.info {
font-size:13px;	
}
.strong {
font-weight:bold;	
}
#portfolio_content img {
	background:#ffffff;
	border:5px solid #d9d9d9;
	margin-right:10px;
	margin-bottom:0px;
}