/* CSS Document */

body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	margin-top:0px;
	background-color:#ffffff;
}

a {
text-decoration:none;
color: #4CB4B3;
}


h1 {
color:#5d77cc;
font-size:1.2em;
font-weight:bold;
padding-top:5px;
margin-top:0px;
}

h2 {
color:#f79b00;
font-size:1.2em;
font-weight:bold;
padding-top:.5em;
margin:0px;
}


h3 {
color:#E22A4F;
font-size:1.3em;
font-weight:bold;
margin:0 0;
}
h4 {
color:#E22A4F;
font-size:1.0em;
font-weight:normal;
margin:10px 0px;
}


#container {
width:735px;
margin:10px auto;
border:solid 2px #7a7869;
background-image:url(images/background.jpg);
background-repeat:no-repeat;
background-position:top left;
}

.logo {
float:left;

}

.strapline {
float:right;
margin-top:24px;
clear:right;
}
#login {
float:right;
margin-right:10px;
margin-top:10px;
font-weight:bold;
color:#20428a;
}
#login a{
color:#20428a;
}
#login a:hover{
color:#E22A4F;
}
#rightcontent {
margin-top:50px;
float:right;
width:240px;
margin-right:5px;
display:block;

}
#portfoliolarge {
	float: right;
	width: 415px;
	padding-bottom: 30px;
	background-image: url('../images/large-pic.png');
	background-repeat: no-repeat;
	background-position: top left;
	height: 461px;
}
#portfoliolarge img {
	padding: 44px 0px 0px 46px;
	margin: 0px;
}

div.thumbnail-polaroid {
	width: 76px;
	height: 91px;
	background-image: url('../images/small-pic.png');
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	margin: 0px 6px 6px 0px;
}
div.thumbnail-polaroid-admin {
	height: 110px !important;
}
div.thumbnail-polaroid-admin table {
	width: 76px;
	border-collapse: collapse;
	font-size: 11px;
	font-weight: bold;
}
div.thumbnail-polaroid-admin table td {
	width: 10px;
	text-align: center;
	color: #ccc;
	font-size: 12px;
	vertical-align: bottom;
}
div.thumbnail-polaroid-admin table td.del {
	width: 46px;
	font-size: 11px;
}
div.thumbnail-polaroid-admin table td a {
	padding: 0px;
	margin: 0px;
	color: #333;
	display: inline;
}
div.thumbnail-polaroid-admin table td a:hover {
	color: #777;
}
div.thumbnail-polaroid a {
	display: block;
	width: 76px;
	height: 91px;
}
div.thumbnail-polaroid a img {
	margin: 0px;
	padding: 7px 0px 0px 6px;
	border: 0px;
}

#clientlist {
	padding: 20px 0px 20px 0px;
	margin: 0px;
}

#clientlist div {
	font-size: 11px;
	height: 25px;
}
#clientlist div a {
	color: #333;
}
#clientlist div a.selected {
	color: #4CB4B3;
}

#clientlist div a:focus, #thumbnailslist div a {
	outline: none;
}

#thumbnailslist {
	padding-bottom: 20px;
}

.left{
float:left
}
.right{
float:right
}


#header {
width:auto;
margin:0px;
padding:0px;
}
#contactus {
float:right;
margin-right:50px;
margin-top:30px;
font-size:1.4em;
color:#ffffff;
line-height:1.6em;
}

#menu {
top:0px;
left:0px;
clear:both;
width:auto;
margin:0px;
height:43px;
text-align:left;
z-index: 500;
margin:0px;
background-color:#7a7869;
}

#menu ul {
padding:0px;
margin:0px;
}
#menu ul li {
display:inline;
}


#content {
position:relative;
top:0px;
margin:0px;
width:auto;
min-height:560px;
}

.processimage {
margin-left:40px;
}
.text, .text1, .text2 {
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 10px;
}
.text p, .text1 p, .text2 p {
	margin: 0px;
	padding: 0px;
}
.text {
margin-left:40px;
width:200px;
float:left;
margin-right: 25px;
}
.text1 {
width:200px;
float:left;
margin-right: 25px;
}

.text2 {
width:200px;
float:left;
margin-right: 25px;
}


#contenttop {
margin:0px;
margin-top:20px;
margin-left:-20px;

}
#leftcontent {
clear:left;
width:250px;
margin-left:20px;
margin-right:20px;
padding-top:0px;
font-size: 12px;
line-height: 18px;
}

#portfolioleft {
	clear:left;
	margin-left:20px;
	margin-right:20px;
	padding-top:0px;
	font-size: 12px;
	line-height: 18px;
	width: 250px;
}

#portfolioedit {
	clear:left;
	margin-left:20px;
	margin-right:20px;
	padding-top:0px;
	font-size: 12px;
	line-height: 18px;
	width: 700px;
}


#text {
float:left;
width:520px;
padding:0px 00px;
margin-left:00px;
padding-right:0px;
}

#text ul {
padding:0px;
margin-left:15px;
line-height:1.5em;


}
#text ul li{
list-style-image: url(images/dot.jpg);
}

#bottom {
margin: auto 0px auto 5px;

padding-bottom:0px;

clear:both;
left:10px;

}

.bottomline {
border-bottom:1px solid #cccccc;
height:2px;
clear:both;
left:10px;
padding-bottom:20px;
width:auto;
}

#bottom p {
margin:0px;
}
#bottom h4 {
margin-bottom:0px;
font-weight:bold;
}
.bottomcontent {
width:28%;
padding:0px 2% 0px 3%;
margin:auto;
float:left;
border-left:1px solid #cccccc;
}

.bottomcontentleft {
width:30%;
padding:0px 2% 0px 00px;
margin:auto;
float:left;
}

#footer {

top:0px;
clear:both;
width:auto;
height:20px;
font-size:.8em;
font-weight:bold;
color:#999999;
margin-left:00px;
margin-right:0px;
margin-top:20px;
padding-bottom:0px;
padding-top:5px;
background:#e2e3e5;
border-bottom:10px solid #7a786a;
}


#footer a {
color:#999999;
}

#footer a:hover {
color:#f79b00;
}
.footboxfirst {
width:580px;
float:left;
height:12px;
margin-top:0px;
padding:0px 20px;
line-height:1.5em;
}
.footbox {
width:auto;
float:left;
height:12px;
margin-top:0px;
padding:0px 10px 3px 10px;
border-right:1px solid #cccccc;
line-height:1.5em;
}

.footboxlast {
width:auto;
float:left;
margin-top:0px;
padding:0px 10px 3px 10px;
line-height:1.5em;
}
.footboximage {
width:auto;
float:right;
margin-top:20px;
padding:3px 0px;

margin-right:0px;
}

.footbox p {
padding-top:0px;
}

.footleft {
float:left;
margin-top:-5px;
margin-right:15px;
margin-left:-15px;
}
.footright {
float:left;
}
.orange {
color:#f79b00;
}
.blue {
color:#0b2ced;
}


.pictures {
margin-top:25px;
margin-left:25px;
}
#contactdetails {
float:left;
width:250px;
}
#passworddetails{

}
.clear {
clear:both;
}

div.error p {
	color: #aa0000;
	font-size: 11px;
}

h1.portfolio-heading {
	margin-bottom: 0px;
}
h1.portfolio-heading a {
	color: #5D77CC;
	outline: none;
}