/* ++++++++++++ Common Style +++++++++++++*/
body{ margin:0px 0px 10px 0px; padding:0px; background:url(../images/bg.jpg) #A1A1A1; font-family: Arial, Helvetica, sans-serif; font-size:13px;}

ul{	margin:0px;	padding:0px;}

li{	list-style:none;}

h1,h2,h3,h4{ margin:0px; padding:0px;}

h1{ margin: 10px 18px 15px 18px; font-size:18px; color:#333; font-weight:normal; }

*:focus { outline: none;}

a{ text-decoration:none; color:#333}

#wrapper{ width:960px; margin:0px auto}
#content{ width:100%; display:inline-block; background:url(../images/content-bg.jpg) top center repeat-y;}

.alignright{float:right}
.alignleft{float:left}
.underline{text-decoration:underline}

.hr{height:1px; clear:both; display:block;border-bottom:1px solid #cecece; border-top:1px solid #4f4f4f; margin-bottom:8px;}

#required{background-color:#F5E4DE; border:2px solid #EC4253; color:#EC4253; padding:10px; font-weight:bold}
#pass{background-color:#E4F2D7; border:2px solid #629320; color:#629320; padding:10px; font-weight:bold}

/* ++++++++++++ Header Style +++++++++++++*/

#header{background:url(../images/header-bg.jpg) repeat-x; height:166px;}

#header-wrap{ width:960px; margin:0px auto;	padding:0px 10px;}

#top-head{ padding:25px 0px; height:67px;}

#top-head img{border:none}

#navigation{ clear:both; line-height:45px; font-size:15px; color:#fff; text-align:center;}
#navigation a{ padding:0px 20px; color:#E9E9E9;	text-decoration:none;}
#navigation a:hover{ text-decoration:underline}

/* ++++++++++++ Block Style +++++++++++++*/

#left{ width:196px;	float:left;	margin-right:8px;}

#middle{ width:547px; float:left;}

#right{ width:196px; float:left; margin-left:12px;}


/* ++++++++++++ Sidebar Style +++++++++++++*/

.sideblock{	margin-top:10px; font-size:13px;}
.sideblock h2, .sideblock .browse, .sideblock .cat, .sideblock .adsh, .sideblock .colourh, .sideblock .resourceh{
	padding-bottom:10px;
	font-size:15px;
	color:#292929;
}
.sideblock .sidetop{ padding-bottom:4px; height:2px; background:url(../images/blank-head.jpg) bottom left no-repeat; }
.sideblock .browse{ background:url(../images/browse-head.jpg) bottom left no-repeat; }
.sideblock .cat{ background:url(../images/categories-head.jpg) bottom left no-repeat; }
.sideblock .adsh{ background:url(../images/sponsor-head.jpg) bottom left no-repeat;}
.sideblock .colourh{ background:url(../images/colour-head.jpg) bottom left no-repeat;}
.sideblock .resourceh{ background:url(../images/resource-head.jpg) bottom left no-repeat;}
.sideblock ul, .sideblock .ads, .sideblock .colour{
	background:url(../images/sidebg-.jpg) repeat-y;
	color:#333333;
	font-weight:bold;
}
.sideblock a{ color:#333333; text-decoration:none;}
.sideblock a:hover{	color:#000;	text-decoration:none;}
.sideblock li{ padding:3px 10px; display:block;}
.sideblock .colour{	padding:5px 1px;text-align:center;}
.sideblock .colour img{	width:15px;	height:15px; border:1px solid #666666; margin:2px 1px;}
.closebtm{ height:4px; background:url(../images/sidefooterbg-.jpg) top left no-repeat; margin-bottom:10px;}
.sideblock .ads{ text-align:center;	padding:5px 0px;}
.sideblock .ads img{border:none;}
.sideblock .resource a{	display:block; margin-bottom:2px;}

.search{ width:195px; height:51px; margin-bottom:15px; background:url(../images/search.jpg) center center no-repeat;}
.search input{ margin:14px 20px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;	width:153px; border:0; background:#bcbbb9 !important; color:#333333}


/* ++++++++++++ Middle Block Style +++++++++++++*/
#gallery{ padding-top:20px;	margin:0px 21px;}

#gallery .desc{color:#333; display:block; margin-bottom:10px;}

.designblock{ width:220px; float:left; margin:5px 16px 20px 16px;}

.designblock img{ border:3px #666 solid;}
.designblock a:hover img{ border:3px #333333 solid;}

.designblock .design-name{ display:block; color:#511E28; font-size:13px; font-weight:bold; margin-bottom:5px;}
.designblock .design-name a{ color:#333; text-decoration:none;}

.designblock .meta{ display:block; color:#433136; font-size:11px; font-weight:bold;	margin-top:4px;}
.designblock .meta a{ color:#433136; text-decoration:none}

#middle #share-icon{margin-bottom:8px;}
#middle #share-icon img{margin:0px 9px}

.paging{clear:both; text-align:center; font-size:12px; margin-bottom:5px;}
.pagebar a{	padding:0px 5px; text-decoration:none; display:inline-block; border:2px solid #5A5A5A; color:#5A5A5A;}
.pagebar a:hover{border-color:#4A4A4A; color:#4A4A4A;}
.pagebar span{padding:0px 5px; display:inline-block; border:2px solid #4A4A4A; color:#4A4A4A;}

#pages{ margin:0px 18px; color:#292929;	line-height:16px; text-align:justify}
#pages .single{	margin-bottom:20px;}
#pages .title{ font-weight:bold; display:block;	margin-bottom:3px;}
#pages .url{ display:block;	clear:both;	margin-top:2px;	font-style:italic;}
#pages img.res{	margin:0px 5px 2px 0px;	padding:1px; border:1px solid #666;}
#pages img.design{border:3px solid #666;}
#pages a:hover img.design{border:3px solid #333;}
#pages a{ color:#6C334D; text-decoration:underline;}
#pages a:hover{ color:#000000;}

#pages ul#info li{margin-bottom:10px; background:url(../images/bullet.gif) center left no-repeat; padding-left:20px;}
#pages ul.mustsee li{font-weight:bold; margin-bottom:10px; background:url(../images/heart.gif) center left no-repeat; padding-left:25px;}
#pages ul.bullet li{Margin-left:30px; margin-bottom:10px; list-style:square}


.forms{	margin:0px 18px; color:#292929;}

.login label{ width:200px; float:left ;display:block; clear:both; color:#333333; font-weight:bold}
.login label.error { background:url(../images/required.gif) top left no-repeat; padding-left:15px; color:#CD0110;}
.login .field { padding: 5px 0px; margin: 0px; display:block; clear:both; float:left; width:200px}
.login input { border: solid 2px #666666; background:#CCCCCC !important; padding: 4px; width:200px;}
.login ul { padding: 0px; margin: 10px 0px 0px 130px; list-style-type: none; font-size: 11px;}
.login li { padding: 1px 0px; margin: 0px;}
.login select { padding: 4px; border: solid 2px #666666; background:#CCCCCC; }
.login textarea { padding: 4px; border: solid 2px #666666; background:#CCCCCC; width:200px;  }
.login input:focus, .login textarea:focus, .login select:focus{border: solid 2px #333333; background:#CCCCCC}

#middle .whysubmit, #middle .rightsection{float:left; width:43%; font-size:13px; line-height:20px;}
#middle ul.benefit li{ list-style:none; background:url(../images/correct.jpg) left center no-repeat; padding-left:22px; margin-left:0px;}
#middle .whysubmit li{ list-style:square; margin-left:17px;}

#middle ul.email li{ list-style:none; background:url(../images/bullet.gif) left center no-repeat; padding-left:22px; margin-left:0px; margin-bottom:10px;}



/* ++++++++++++ Footer Style +++++++++++++*/
#footer{ background:url(../images/footer-bg.jpg) repeat-x; height:49px; clear:both; line-height:48px; color:#ffffff}
#footer-wrap{ width:960px; margin:0px auto;	padding:0px 10px;}
#footer a{color:#ffffff}

#footer .alignright img{margin:5px 0px 0px 8px}