/* 
   Main colours (excluding their derivatives)
   
   #2C1506 : Dark brown
   #FFA00B : Orange
   #CBBFA9 : Faun
   #F1EEE8 : Faun super-light

----------------------------------

CSS Developed by xlsmile

The site has been tested on Firefox, Safari, Opera, Chrome, IE on both Mac & PC, on various screen resolutions, and with JavaScript turned off and on */

body {
	background: #FEFEFD url(../images/top-bg.png) repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #2C1506;
}

#main {
	width: 820px;
	margin: 0 auto;
	position: relative;
}

#wrap {
	width: 800px;
	padding: 0 10px;
}


#top {
	background-color: #2C1506;
	width: 800px;
	height: 212px;
}

#logo {
	background: url(../images/xlsmile-logo.png) no-repeat;
	width: 400px;
	height: 200px;
	margin-top: 12px;
	float: left;
}

#logo a.xlsmile-logo {
	display: block;
	width: 228px;
	height: 90px;
	margin-left: 46px;
	margin-top: 30px;
}

h1 {
	font-size: 12px;
	text-indent: -9999px;
}

h2 {
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 15px;
	color: #A7936E;
	margin-left: 55px;
}

h3 {
	background: url(../images/text-banner.png) no-repeat;
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	width: 380px;
	height: 49px;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFA00B;
	padding: 8px 0 0 65px;
	margin-bottom: -11px;
	margin-left: -12px;
}

.natcoll {
	background-color: #CBBFA9;
	vertical-align: baseline;
	text-decoration: none;
	color: #FFF;
	padding: 0px 3px;
}

.natcoll:hover {
	background-color: #FFA00B;
	color: #FFF;
}

/*---------------------------------*/
/*---------Navigation top---------*/

#top-navigation {
	background: url(../images/clouds-top.png) no-repeat;
	width: 395px;
	height: 200px;
	margin-left: 5px;
	margin-top: 10px;
	float: left;
}

#top-navigation ul#nav {
	list-style: none;
	width: 355px;
	position: absolute;
	top: 0;
}

ul#nav li a {
	display: block;
	height: 81px;
	text-indent: -99999px;
	background-position: left top;
	float: left;
}

a:active {
  	outline: none;
}

ul#nav a:hover {
	background-position: left -81px;
}

ul#nav li.intro a {
	background-image: url(../images/intro.png);
	width: 65px;
}

ul#nav li.logout a {
	background-image: url(../images/logout.png);
	width: 65px;
}

ul#nav li.about a {
	background-image: url(../images/about.png);
	width: 64px;
}

ul#nav li.portfolio a {
	background-image: url(../images/portfolio.png);
	width: 75px;
}

ul#nav li.services a {
	background-image: url(../images/services.png);
	width: 75px;
}

ul#nav li.contacts a {
	background-image: url(../images/contacts.png);
	width: 76px;
}

#intro li.intro a, #about li.about a, #portfolio li.portfolio a,
#services  li.services a, #contacts li.contacts a {
	background-position: left bottom;
}

/*----------------------------*/
/*----------Content----------*/

#content {
	width: 798px;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	margin-bottom: 20px;
}

#top-shadow {
	background: url(../images/logo-pad-shadow.png) no-repeat;
	width: 560px;
	height: 14px;
	margin-top: 1px;
	margin-left: 119px;
}

#butterflies-top-intro {
	background: url(../images/butterflies-top.png) no-repeat;
	display: block;
	width: 798px;
	height: 60px;
	margin-top: 10px;
	margin-bottom: 80px;
}

#butterflies-top {
	background: url(../images/butterflies-top.png) no-repeat;
	display: block;
	width: 798px;
	height: 60px;
	margin-top: 10px;
	margin-bottom: 25px;
}

#content-left {
	width: 475px;
}

#quote {
	background: url(../images/quote-bg.png) repeat-x;
	width: 434px;
	height: 100px;
	padding-top: 10px;
	position: absolute;
	top: 275px;
	left: 10px;
	border-top: 1px dotted #CBBFA9;
	z-index: -5;
}

p.quote {
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: right;
	color: #A7936E;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 1.3em;
	margin-top: 5px;
	padding: 0 0 0 75px;
}

.quote-author {
	display: block;
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #CBBFA9;
	padding-top: 4px;
}

#content-intro {
	padding-top: 16px;
}

#vertical-separator {
	min-height: 75%;
	border-right: 1px dotted #CFCFCF;
	position: absolute;
	top: 249px;
	left: 485px;
}

/*---------------------------*/
/*---------Featured---------*/

#content-right {
	width: 248px;
	height: 389px;
	position: absolute;
	top: 290px;
	right: 20px;
	margin: 0 30px 0 30px;
}


#content-right #featured-h {
	background: url("../images/featured-bg-h.png");
	width: 248px;
	height: 359px;
}

#content-right #featured-v {
	background: url("../images/featured-bg-v.png");
	width: 234px;
	height: 359px;
	margin-left: 7px;
}

#content-right #featured-top {
	background: url("../images/featured-top.png") no-repeat;
	width: 248px;
	height: 16px;
}


#content-right #featured-bottom {
	background: url("../images/featured-bottom.png") no-repeat;
	width: 248px;
	height: 16px;
}

h6 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	text-shadow: 1px 2px 2px #FFF;
}


#featured-v p.gi {
	width: 228px;
	padding: 20px 0 5px 9px;
}

#featured-v p.gi a {
	text-decoration: none;
}

p.featured {
	width: 215px;
	font-size: 10px;
	line-height: 14px;
	padding: 5px 0 10px 17px;
}

p.more-work {
	width: 215px;
	height: 23px;
	text-decoration: none;
	text-align: center;
	padding: 5px 0 0px 17px;
}

a.more-work-btn {
	background: url("../images/more-work-off.png") no-repeat;
	display: block;
	width: 198px;
	height: 16px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	padding: 7px 4px;
}

a.more-work-btn:hover {
	background: url("../images/more-work-on.png") no-repeat;
	display: block;
	width: 198px;
	height: 16px;
}


/*---------------------------*/
/*---------Zuangzy---------*/

#philosopher {
	background: url(../images/philosopher.jpg) no-repeat;
	width: 798px;
	height: 164px;
	position: absolute;
	bottom: -164px;
	margin-left: -1px;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
}

/*-------------------------*/
/*---------Footer---------*/

#footer {
	background: #D1C6B2 url(../images/bottom-bg.png) repeat-x;
	height: 329px;
}

p {
	width: 340px;
	font-size: 10px;
	line-height: 15px;
	padding: 0 0 16px 55px;
}

.bold {
	font-weight: bolder;
	vertical-align: baseline;
	color: #090600;
}

.bottom-para {
	padding-bottom: 30px;
	margin-bottom: 10px;
}

#bottom-wrap {
	width: 800px;
	height: 185px;
	margin: 0 auto;
	position: relative;
	top: 144px;
}

#bottom-wrap .bottom-col {
	width: 250px;
	height: 185px;
	padding: 0 30px 0 0;
	float: left;
}

h4 {
	background-color: #CABEA9;
	width: 235px;
	height: 10px;
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif; 
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #2C1506;
	border: 1px solid #887C66;
	padding-top: 5px;
	padding-bottom: 7px;
	margin-top: 18px;
	text-shadow: 1px 1px 3px #F1EEE8;
}

/*---------------------------*/
/*---------Column 1---------*/

#col-one {
	width: 230px;
	margin-top: 8px;
	margin-left: 1px;
}

#col-one li {
	width: 235px;
	border-top: 1px solid #3D2D04;
	border-bottom: 1px solid #090600;
	float: left;
}

#col-one .first-li {
	border-top: none;
}

#col-one .last-li {
	border-bottom: none;
}

#col-one li a {
	background: url(../images/link-pointer.png) no-repeat;
	display: block;
	width: 200px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	padding: 10px 0 10px 35px;
	float: left;
}

#col-one li a:hover {
	background-color: #090600;
}

/*--------------------------*/
/*---------Column 2---------*/

#col-two {
	width: 230px;
	margin-top: 8px;
	margin-left: 1px;
}

#col-two li {
	width: 235px;
	border-top: 1px solid #3D2D04;
	border-bottom: 1px solid #090600;
	text-decoration: none;
	float: left;
}

#col-two li.lastfm {
	border-top: none;
}

#col-two li.facebook {
	border-bottom: none;
}

.facebook a {
	background: url(../images/facebook-icon.png) no-repeat;
	display: block;
	width: 200px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	padding: 10px 0 10px 35px;
	float: left;
}

.flikr a {
	background: url(../images/flikr-icon.png) no-repeat;
	display: block;
	width: 200px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	padding: 10px 0 10px 35px;
	float: left;
}

.lastfm a {
	background: url(../images/lastfm-icon.png) no-repeat;
	display: block;
	width: 200px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	padding: 10px 0 10px 35px;
	float: left;
}

.twitter a {
	background: url(../images/twitter-icon.png) no-repeat;
	display: block;
	width: 200px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	padding: 10px 0 10px 35px;
	float: left;
}

#col-two li a:hover {
	background-color: #090600;
}

/*---------------------------*/
/*---------Column 3---------*/


#col-three {
	width: 235px;
	height: 185px;
	margin-left: 2px;
	float: left;
}

#valid {
	background-color: #090600;
	width: 230px;
	height: 125px;
	padding: 18px 0 0 5px;
	border-left: 1px solid #3D2D04;
	border-right: 1px solid #3D2D04;
}


#col-valid {
	width: 190px;
	height: 15px;
	padding-left: 15px;
	padding-right: 18px;
}

.xhtml-valid a {
	background: url(../images/xhtml-valid.png) no-repeat;
	width: 80px;
	height: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	float: left;
}

.css-valid a {
	background: url(../images/css-valid.png) no-repeat;
	width: 80px;
	height: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	
	float: right;
}

h5 {
	background: url(../images/dip.png) no-repeat;
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif; 
	font-size: 10px;
	line-height: 1.3em;
	text-align: center;
	width: 190px;
	color: #FFA00B;
	padding: 28px 20px 20px 16px;
	margin-top: 10px;
}

/* xxxxx COL 3 ENDS xxxxx */

p.copyright {
	background-color: #CBBFA9;
	width: 100%;
	margin: 0 auto;
	color: #2C1506;
	text-align:center;
	padding: 10px 0;
	border-top: 1px solid #FFF;
}

/*---------------------------------------------------*/
/*---------------------About------------------------*/

.garmoshka  {
	width: 242px;
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif; 
	color: #2C1506;
	margin-top: 5px;
	border: 1px solid #CBBFA9;
	float: left;
}

.garmoshka div {
	background-color: #F1EEE8;
	padding-bottom: 1px;
}

h6.skills {
	background-color: #ECE8DF;
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif; 
	font-weight: bold;
	font-size: 12px;
	font-weight: bold;
	text-indent: 5px;
	text-align: left;
	color: #2C1506;
	padding-bottom: 8px;
}

.garmoshka li.cv {
	font-family: Verdana, Geneva, sans-serif;
	width: 220px;
	font-size: 10px;
	list-style-type: disc;
	text-align: left;
	line-height: 1.4em;
	color: #2C1506;
	margin-top: 5px;
	margin-left: 18px;
	margin-bottom: 1px;
	padding-bottom: 5px;
}

.garmoshka a {
	background: url("../images/shut-state.png") no-repeat;
	width: 232px;
	height: 19px;
	cursor: pointer;
	display: block;
	padding: 11px 5px 2px 5px;
	margin-top: 1px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #2C1506;
	font-variant: small-caps;
	font-weight: bold;
	background-color: #F1EEE8;
	border-bottom: 1px solid #CBBFA9;
}

.garmoshka a:hover {
	background: url("../images/hover-state.png") no-repeat;
	font-variant: small-caps;
	color: #FFA00B;
	background-color: white;
}

.garmoshka a.selected {
	background: url("../images/open-state.png") no-repeat;
	font-variant: small-caps;
	color: #FFA00B;
	background-color: #F1EEE8;
}

/*------------------------------------------------------*/
/*---------------------Portfolio------------------------*/

h1.portfolio {
	background: url(../images/gallery-head-bg.png) repeat-x;
	width: 747px;
	height: 35px;
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	text-indent: 0px;
	padding: 26px 0 0 51px;
	margin: 0;
	border-bottom: 1px solid #CBBFA9;
}

h5.portfolio-sub {
	background: none;
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: left;
	color: #A7936E;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	margin: 0;
	padding: 0;
}

.portfolio-thumb {
	width: 424px;
	height: 100px;
	border: 1px solid #2C1506;
	float: left;
}

img.portfolio {
	border: 1px solid #2C1506;
	float: left;
}

.portfolio-desc {
	width: 250px;
	height: 100px;
	margin-top: 1px;
	margin-right: 30px;
	float: right;
}

p.p-portfolio {
	width: 250px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 14px;
	padding: 5px 0;
}


.portfolio-img {
	background: url(../images/gallery-items-bg.png) repeat-x;
	width: 748px;
	height: 114px;
	margin-bottom: 1px;
	padding: 12px 0 0 50px;
	border-bottom: 1px solid #CBBFA9;
}

.portfolio-img-last {
	background: #FFF url(../images/gallery-items-bg.png) repeat-x;
	width: 748px;
	height: 114px;
	margin-bottom: 1px;
	padding: 12px 0 30px 50px;
}

/*-----------------------------------------------------*/
/*---------------------Services------------------------*/

#webdesign {
	width: 404px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	margin-top: 20px;
	padding: 16px 0 0 40px;
}

p.services-sub {
	background: none;
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: left;
	color: #2C1506;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	padding-bottom: 8px;
}

.li-services {
	width: 404px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	padding-top: 5px;
}

.li-services img {
	float: left;
	margin-top: 0px;
}

/*----Services right----*/

h2.head-services-right-first {
	width: 242px;
	height: 15px;
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
	color: #2C1506;
	font-weight: bold;
	font-variant: small-caps;
	padding-top: 10px;
	margin-left: 0px;
	margin-top: 6px;
	border-top: 1px dotted #CBBFA9;
	float: left;
}

h2.head-services-right-next {
	width: 242px;
	height: 15px;
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
	color: #2C1506;
	font-weight: bold;
	font-variant: small-caps;
	padding-top: 10px;
	margin-left: 0px;
	margin-top: 6px;
	float: left;
}

.services-right  {
	width: 242px;
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif; 
	color: #2C1506;
	margin-top: 5px;
	border: 1px solid #CBBFA9;
	float: left;
}

/*-----web-----*/

#list-services-web li {
	background: url(../images/services-right-bg.png) repeat-x;
	width: 242px;
	height: 29px;
	margin-top: 1px;
	border-bottom: 1px solid #CBBFA9;
}

#list-services-web .li-first-web {
	border-top: none;
}

#list-services-web .li-last-web {
	border-bottom: none;
	margin-bottom: 1px;
}

#list-services-web li a {
	background: url(../images/services-pointer.png) no-repeat;
	display: block;
	width: 207px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #2C1506;
	text-decoration: none;
	padding: 10px 0 10px 55px;
}

#list-services-web li a:hover {
	background: url(../images/services-pointer-hover.png) no-repeat;
	background-color: #FFF;
	width: 187px;
}

/*-----print-----*/

#list-services-print li {
	background: url(../images/services-right-bg.png) repeat-x;
	width: 242px;
	height: 29px;
	margin-top: 1px;
	border-bottom: 1px solid #CBBFA9;
}

#list-services-print .li-first-print {
	border-top: none;
}

#list-services-print .li-last-print{
	border-bottom: none;
	margin-bottom: 1px;
}


#list-services-print li a {
	background: url(../images/services-tick.png) no-repeat;
	display: block;
	width: 207px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #2C1506;
	text-decoration: none;
	padding: 10px 0 10px 55px;
}

#list-services-print li a:hover {
	background: url(../images/services-tick-hover.png) no-repeat;
	background-color: #FFF;
	width: 187px;
}

/*-----------------------------------*/
/*--------------Contacts------------*/

#contact-form {
	width: 475px;
	margin-top: 100px;
}

.error-msg {
	color: #FFA00B;
	font-size: small;
	margin-left: 123px;
	padding: 20px;
}

.submit-btn {
	background: url(../images/input-bg.png) repeat-x;
	width: 80px;
	height: 22px;
	cursor: pointer;
	outline: none;
	padding-left: 0px;
	margin-left: 143px;
	margin-top: 20px;
	border: 1px solid #CBBFA9;
}

#contact-form input {
	background: url(../images/input-bg.png) repeat-x;
	height: 22px;
	width: 260px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-variant: normal;
	font-weight: normal;
	color: #2C1506;
	padding: 6px 0 0 5px;
	border: 1px solid #CBBFA9;
}

.contact-form-p {
	font: 12px/16px "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-variant: small-caps;
	font-weight: bold;
	width: 420px;
	color: #CBBFA9;
	padding: 0px 10px 0px 40px;
	margin: 24px 0;
}

label, .label {
	display: block;
	width: 100px;
	margin-right: 23px;
	float: left;
}

textarea {
	background: #F1EEE8 url(../images/quote-mark.png) no-repeat;
	background-position: 5px -5px;
	width: 255px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-indent: 50px;
	color: #2C1506;
	padding: 13px 5px;
	border: 1px solid #CBBFA9;
}

#contact-form .areaFocus {
	background-color: #FFF;
}

#contact-form .inputFocus {
	background: #FFA00B;
	/*background: #FFA00B url(../images/input-focus-bg.png) repeat-x;
	background: #F1EEE8;*/
}

p.submit {
	border: 0;
	padding: 5px 0 35px 40px;
}

.error {
	background-color: #FFF;
	display: block;
	width: 259px;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0 0 123px;
	padding: 6px 0 3px 8px;
	color: #FF7800;
	border: 1px solid #F1EEE8;
}

#contact-form em {
	font-size: 13px;
	color: #FF7800;
	font-weight: bold;
}

.small {
	display: block;
	width: 390px;
	color: #FF7800;
	font-size: 0.9em;
	font-weight: bold;
	padding-top: 7px;
	border-top: 1px dotted #CBBFA9;
}

#contact-form  #submit, #reset {
	background: url(../images/input-bg.png) repeat-x;
	width: 80px;
	height: 26px;
	cursor: pointer;
	outline: none;
	padding-left: 0px;
	margin-right: 10px;
	border: 1px solid #CBBFA9;
}

h2.contacts-right-first {
	background: url(../images/input-bg.png) repeat-x;
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	width: 220px;
	height: 20px;
	font-size: 12px;
	color: #A7936E;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	padding-top: 10px;
	margin-left: 7px;
	margin-top: 20px;
	border-top: 1px dotted #CBBFA9;
	border-bottom: 1px dotted #CBBFA9;
	float: left;
}

.enquiry {
	width: 210px;
	line-height: 14px;
	padding: 13px 5px 5px 15px;
	float: left;
}

#success {
	width: 390px;
	color: #FF7800;
	font-size: 10px;
	font-weight: bold;
	padding-left: 40px;
}


/*-----------------------------------*/
/*-------------- Search ------------*/


#search-field {
	margin: 160px 0px 0px 130px;
}

#search {
	background-color: #2C1506;
	/*background: url(../images/input-bg.png) repeat-x;*/
	width: 140px;
	height: 14px;
	font-size: 10px;
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-indent: 3px;
	color: #CBBFA9;
	border: 1px solid #A7936E;
	margin-right: 5px;
	float: left;
}

#submit-search {	
	background-color: #2C1506;
	/*background: url(../images/input-bg.png) repeat-x;*/
	width: 60px;
	height: 16px;
	font-size: 10px;
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #FFA00B;
	cursor: pointer;
	border: 1px solid #A7936E;
	float: left;
}

#submit-search:hover {
	color: #FFFFFF;
}

/*-----------------------------------*/
/*--------------Admin area------------*/

#admin {
	text-decoration: none;
	outline: none;
	vertical-align: baseline;
	color: #2C1506;
}

p.add-new-image{
	background: url(../images/gallery-head-bg.png) repeat-x;
	width: 100%;
	color: #2C1506;
	text-align:center;
	padding: 30px 0;
	border-top: 1px solid #FFF;
}

#admin-form {
	width: 560px;
	padding-top: 60px;
	margin-bottom: 20px;
	
}

#admin-form input {
	background: url(../images/input-bg.png) repeat-x;
	height: 22px;
	width: 255px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-variant: normal;
	font-weight: normal;
	color: #2C1506;
	padding: 0px 5px;
	border: 1px solid #CBBFA9;
}

.admin-contact-form-p {
	font: 12px/14px "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-variant: small-caps;
	font-weight: bold;
	width: 320px;
	color: #CBBFA9;
	padding: 0px 20px;
	margin: 10px 0px;
}

.add-images-form-p {
	font: 12px/14px "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-variant: small-caps;
	font-weight: bold;
	width: 580px;
	color: #CBBFA9;
	padding: 0px 20px;
	margin: 10px 0px;
}

.add-images-success-p {
	font: 12px/14px "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-variant: small-caps;
	font-weight: bold;
	width: 580px;
	color: #59B900;
	padding: 5px 20px;
	margin: 10px 0px;
}

.delete-warning-p {
	font: 12px/14px "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-variant: small-caps;
	font-weight: bold;
	width: 580px;
	color: #FF0D00;
	padding: 0px 20px;
	margin: 10px 0px;
}

.warning-red-p {
	font: 12px/14px "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-variant: small-caps;
	font-weight: bold;
	width: 280px;
	color: #FF0D00;
	padding: 0;
	margin: 0;
}

.warning-green-p {
	font: 12px/14px "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-variant: small-caps;
	font-weight: bold;
	width: 280px;
	color: #59B900;
	padding: 0;
	margin: 0;
}

#required-fields {
	float: right;
}

.required {
	background-color: #FFF;
	width: 160px;
	font-size: 10px;
	font-weight: bold;
	color: #FF0D00;
	padding: 0px 5px;
}

.login-msg {
	color: #FFA00B;
	font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	text-align: center;
	padding: 20px;
}

.clear {
	clear:both;
	height:5px;
}

.edit-delete {
	float: right;
	padding-right: 5px;
	padding-top: 2px;
}

#image-thumb {
	margin-left: 87px;
}

.col1 {
	display: inline;
	position: relative;
	float: left;
	margin-left: 2%;
	text-align: left;
}