* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
body { 
	background:#191919; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:#939393;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3, .col-4, .col-5 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:983px; 
	margin:0 auto;
	position:relative;
	font-size:.8125em;
	height:100%;
}



/*==== GLOBAL =====*/
#header {
	height:200px;
	background:url(images/header-bg.gif) left top repeat-x;
	position:relative;
}
#header2 {
	height:290px;
	background:url(images/header-bg2.gif) left top repeat-x;
	position:relative;
}

#content {
	background:url(images/content-bg.gif) left top repeat-x #767676;
	padding:0 0 18px 0;
	color: #7E7D7D;
}
#footer {
	padding:70px 0 39px 0;
	background:url(images/footer-bg.gif) left top repeat-x #191919;
}


/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif; font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:6px;
}
.img-box.last {
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:0 25px 0 0;
	}
	.img-box h5 {
		padding-top:17px;
	}

.extra-wrap { 
	overflow:hidden;
}


p {
	margin-bottom:16px;
}
.p1 { 
	margin-bottom:8px;
}
.p2 { 
	margin-bottom:16px;
}
.p3 { 
	margin-bottom:24px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#d52d00; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	font-size:1.5em;
	color:#000000;
}

h3 {
	font-size:1.07em;
	line-height:1.2em;
	color:#fa140f;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:5px;
	letter-spacing:-1px;
}
	h3 a {
		color:#fa140f !important;
		text-decoration:none;
	}
h4 {
	font-size:1.07em;
	font-weight:normal;
	margin-bottom:7px;
}
	h4 strong {
		color:#c9c9c9;
		font-weight:normal;
	}
h5 {
	font-size:1em;
	font-weight:normal;
	color:#c9c9c9;
	margin-bottom:14px;
}
h6 {
	font-size:1em;
	font-weight:normal;
	color:#c9c9c9;
}


.txt1 {
	font-size:14px;
	font-style:normal;
	color:#c9c9c9;
}


.button {
	padding:15px 0 0 0;
	width:100%;
	overflow:hidden;
	color: #191919;
}
	.button a {
		float:right;
		background:url(images/button.gif) no-repeat left top;
		width:191px;
		height:35px;
		font-size:18px;
		color:#000;
		text-decoration:none;
		text-align:center;
		line-height:35px;
	}
	.button a.fleft {
		float:left;
	}
	.categories {
	font-size:1.3em;
	line-height:1.5em;
	color:#fa140f;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:underline;
	margin-bottom:5px;
}
	.categories a {
		color:#fa140f !important;
		text-decoration:none;
	}
.featured {
	font-size:1.5em;
	line-height:1.6em;
	color:#fa140f;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:5px;
}
.featured a {
		color:#fa140f !important;
		text-decoration:none;
	}

.line-hor { 
	background:#3a3c52;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:20px 0 20px 0;
}
.line-ver { 
	background-image:url(images/line-ver.gif); 
	background-repeat:repeat-y;
	width:100%;
}


/*==================boxes====================*/
.box {
	width:100%;
}
.box.alt {
	color:#161616;
	cursor:pointer;
}
	.box .left-top-corner {
		background:url(images/left-top-corner.gif) no-repeat left top;
		padding-left:5px;
	}
	.box.alt .left-top-corner {
		background:url(images/left-top-corner1.gif) no-repeat left top;
	}
	.box .right-top-corner {
		background:url(images/right-top-corner.gif) no-repeat right top;
		padding-right:5px;
	}
	.box.alt .right-top-corner {
		background:url(images/right-top-corner1.gif) no-repeat right top;
	}
	.box .border-top {
		background:#161616;
		height:5px;
		overflow:hidden;
		font-size:0;
		line-height:0;
	}
	.box.alt .border-top {
		background:#c3c3c3;
	}
	.box .left-bot-corner {
		background:url(images/left-bot-corner.gif) no-repeat left top;
		padding-left:5px;
	}
	.box.alt .left-bot-corner {
		background:url(images/left-bot-corner1.gif) no-repeat left top;
	}
	.box .right-bot-corner {
		background:url(images/right-bot-corner.gif) no-repeat right top;
		padding-right:5px;
	}
	.box.alt .right-bot-corner {
		background:url(images/right-bot-corner1.gif) no-repeat right top;
	}
	.box .border-bot {
		background:#161616;
		height:5px;
		overflow:hidden;
		font-size:0;
		line-height:0;
	}
	.box.alt .border-bot {
		background:#c3c3c3;
	}
	.box .indent {
		padding:2px 6px 15px 8px;
		background:#161616;
	}
	.box.alt .indent {
		background:#c3c3c3;
	}
		.box .inner {
			padding:23px 8px 0 15px;
		}
		.box .inner2 {
			padding:25px 8px 0 8px;
		}
		.box span {
			display:block;
			font-size:1.07em;
			margin-bottom:3px;
			color:#c9c9c9;
		}
		.box.alt span {
			color:#161616;
		}
		.box.alt h4 strong {
			color:#161616;
		}
		.box a {
			color:#939393;
		}
		.box.alt a {
			color:#161616;
		}
	
- Start Box2 --

.box2 {
	width:100%;
}
.box2.alt {
	color:#161616;
	cursor:pointer;
}
	.box2 .left-top-corner {
		background:url(images/left-top-corner.gif) no-repeat left top;
		padding-left:5px;
	}
	.box2.alt .left-top-corner {
		background:url(images/left-top-corner1.gif) no-repeat left top;
	}
	.box2 .right-top-corner {
		background:url(images/right-top-corner.gif) no-repeat right top;
		padding-right:5px;
	}
	.box2.alt .right-top-corner {
		background:url(images/right-top-corner1.gif) no-repeat right top;
	}
	.box2 .border-top {
		background:#161616;
		height:5px;
		overflow:hidden;
		font-size:0;
		line-height:0;
	}
	.box2.alt .border-top {
		background:#c3c3c3;
	}
	.box2 .left-bot-corner {
		background:url(images/left-bot-corner.gif) no-repeat left top;
		padding-left:5px;
	}
	.box2.alt .left-bot-corner {
		background:url(images/left-bot-corner1.gif) no-repeat left top;
	}
	.box2 .right-bot-corner {
		background:url(images/right-bot-corner.gif) no-repeat right top;
		padding-right:5px;
	}
	.box2.alt .right-bot-corner {
		background:url(images/right-bot-corner1.gif) no-repeat right top;
	}
	.box2 .border-bot {
		background:#161616;
		height:5px;
		overflow:hidden;
		font-size:0;
		line-height:0;
	}
	.box2.alt .border-bot {
		background:#c3c3c3;
	}
	.box2 .indent {
		padding:2px 6px 15px 8px;
		background:#161616;
	}
	.box2.alt .indent {
		background:#c3c3c3;
	}
		.box2 .inner {
			padding:23px 8px 0 15px;
		}
		.box2 span {
			display:block;
			font-size:1.07em;
			margin-bottom:3px;
			color:#c9c9c9;
		}
		.box2.alt span {
			color:#161616;
		}
		.box2.alt h4 strong {
			color:#161616;
		}
		.box2 a {
			color:#939393;
		}
		.box2.alt a {
			color:#161616;
		}

.address { 
	padding-bottom:16px;
}
	.address dd { 
		clear:both;
	}
		.address dd b { 
			float:left;
			width:50px;
			font-weight:normal;
		}

.contact dt {
	margin-bottom:16px;
}
.contact dd { 
	clear:both;
}
	.contact dd b { 
		float:left;
		width:91px;
		font-weight:normal;
	}


/*===== header =====*/
#header .row-1 {
	height:133px;
}
	#header .row-1 .indent {
		padding:18px 0 0 0;
	}

#header .nav {
	padding:1px 0 0 0;
	width:100%;
	overflow:hidden;
}
	#header .nav li {
		float:left;
		padding-right:7px;
	}
		#header .nav li a {
			display:block;
			float:left;
			color:#fff;
			text-decoration:none;
			font-size:1.39em;
			height:55px;
			line-height:55px;
			padding:0 10px;
		}
		#header .nav li a:hover, #header .nav li a.current {
			background:#fa140f;
}

/*===== header2 =====*/
#header2 .row-1 {
	height:133px;
}
	#header2 .row-1 .indent {
		padding:18px 0 0 0;
	}

#header2 .nav {
	padding:1px 0 0 0;
	width:100%;
	overflow:hidden;
}
	#header2 .nav li {
		float:left;
		padding-right:7px;
	}
		#header2 .nav li a {
			display:block;
			float:left;
			color:#fff;
			text-decoration:none;
			font-size:1.39em;
			height:55px;
			line-height:55px;
			padding:0 10px;
		}
		#header2 .nav li a:hover, #header2 .nav li a.current {
			background:#fa140f;
		}
#header2 .sub-nav {
	padding:0px 0 0 0;
	width:100%;
	overflow:hidden;
}
	#header2 .sub-nav li {
		float:left;
		padding-right:7px;
	}
		#header2 .sub-nav li a {
			display:block;
			float:left;
			color:#fff;
			text-decoration:none;
			font-size:1.2em;
			height:57px;
			line-height:57px;
			padding:0 10px;
		}
		#header2 .sub-nav li a:hover, #header2 .sub-nav li a.current {
			background:#191919;
		}
		
/*===== content =====*/
.section {
	padding-bottom:7px;
}

.works {
	width:100%;
	overflow:hidden;
}
	.works li {
		padding-bottom:7px;
	}

.list1 {
	padding-bottom:15px;
}
	.list1 li {
		background:url(images/arrow1.gif) no-repeat left 4px;
		padding:0 0 8px 22px;
	}
	.list1 li.last {
		padding-bottom:0;
		margin-bottom:-15px;
	}
	
		.list1 li a {
			color:#939393;
		}

.list2 {
	margin-bottom:-16px;
}
	.list2 li {
		padding-bottom:16px;
		text-align:right;
	}
		.list2 li blockquote {
			text-align:left;
		}


.list3 {
	margin-bottom:-30px;
}
	.list3 dt {
		margin-bottom:24px;
	}
	.list3 dd {
		padding:0 5px 30px 5px;
	}


.img-list li {
	float:left;
	width:177px;
	margin-right:8px;
}
	.img-list li img {
		margin-bottom:16px;
	}
/* ===== Darkbox begin ===== */
.darkbox-frame {
	position:fixed;
	top:0;
	left:0;
	display:none;
	overflow:hidden;
	width:100%;
	height:100%;
	z-index:999;
}
.darkbox-frame-on {
	display:block;
	}

/* Shadow */
.darkbox-shadow {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0;
}

/* Canvas */
.darkbox-canvas {
	position:absolute;
	top:50%;
	left:50%;
	overflow:hidden;
	margin:-40px 0 0 -40px;
	width:80px;
	height:80px;
	background:#000 url(images/spinner.gif) 50% 50% no-repeat;
	opacity:.5;
	}
	.darkbox-canvas img {
		display:block;
		visibility:hidden;
		border:2px solid #d2d2d2;
		}
.darkbox-canvas-load {
	background-image:none;
	border-radius:0;
	}
.darkbox-canvas-done {
	overflow:visible;
	opacity:1;
	}
	.darkbox-canvas-done img {
		visibility:visible;
		opacity:0;
		}

/* Button */
.darkbox-button {
	position:absolute;
	top:-13px;
	display:none;
	width:28px;
	height:28px;
	background:url(images/lightbox-btn-close.png) no-repeat;
	cursor:pointer;
	z-index:1;
	}
.darkbox-button-on {
	display:block;
	}
.darkbox-button-left {
	left:-16px;
	}
.darkbox-button-right {
	right:-16px;
	}
/* ===== Darkbox end ===== */


/*===== footer =====*/
#footer .col-1 {
	padding:5px 0 22px 29px;
	width:390px;
	font-size:.91em;
	color:#767676;
}
	#footer .col-1 a {
		color:#767676;
	}
	#footer .col-1 div {
		padding:6px 0 0 0px;
	}
#footer .col-2 {
	width:180px;
	border-right:1px solid #484848;
	border-left:1px solid #484848;
}
#footer .col-3 {
	width:325px;
}
#footer .col-4 {
	width:100%;
	font-size:.91em;
	color:#767676;
	padding:5px 30px 0px 30px;
}

.social-links {
	text-align:center;
	padding:5px 0 16px 0;
}
	.social-links dt {
		font-size:18px;
		color:#fff;
		line-height:1.2em;
		margin-bottom:10px;
	}
	.social-links dd img {
		padding:0 2px;
	}


.contacts {
	padding:5px 0 15px 51px;
	line-height:18px;
	background:url(images/contacts-bg.jpg) no-repeat right 20px;
}
.contacts dt {
	font-size:18px;
	color:#fff;
	line-height:1.2em;
	margin-bottom:5px;
}
	.contacts dd, .contacts dd a {
		color:#939393;
	}


/*----- forms -----*/
#contacts-form fieldset {
	border:none;
}
	#contacts-form label { 
		display:block;
		height:51px;
	} 
		#contacts-form label input { 
			width:340px;
			padding:4px 0 4px 3px;
			color:#fff;
			background:#939393;
			border:1px solid #767676;
		}
		#contacts-form textarea {
			width:340px;
			height:245px;
			padding:4px 0 4px 3px;
			margin-bottom:20px;
			color:#fff;
			overflow:auto;
			background:#939393;
			border:1px solid #767676;
		}

/*==========================================*/

/* CSS Document */

#categories { float:left; width:150px; padding:0 5px 0 0px; }
#categories ul {width:140px; height:100%; background:#161616; margin-top:8px; display: block;}
#categories ul {list-style-type: none;}
#categories ul a { color:#939393; text-decoration:none; background: /images/marker.gif) 0 5px no-repeat; }
#categories ul a:hover { color:#FFFFFF; text-decoration:underline;}
#categories ul a.activeCategory { color:#FFFFFF; text-decoration:underline;}


#box-search { background:#FCDA7C; margin-top:25px; float: left;}
.orange_box_top_tall { background: /images/orange_box_top_tall.gif) top repeat-x; float: left;}
.orange_box_bot_tall { background: /images/orange_box_bot_tall.gif) bottom repeat-x; float: left;}
#box-search .corner-top-left { background: /images/orange_corner_top_l.gif) top left no-repeat; float: left;}
#box-search .corner-top-right { background: /images/orange_corner_top_r.gif) top right no-repeat; float: left;}
#box-search .corner-bot-left { background: /images/orange_corner_bot_l.gif) bottom left no-repeat; float: left;}
#box-search .corner-bot-right { background: /images/orange_corner_bot_r.gif) bottom right no-repeat; float: left;}
#box-search .bg { background: /images/search.png) 20px 23px no-repeat; padding:16px 5px 16px 80px; float: left;}

.box-template h3 { color:#70AB9C; padding:0 0 15px 12px;}
.box-template { margin-top:15px; color:#000; float: left; width: 100%;}
.box-template .border-top { float: left; width: 100%; background: /images/template-corner-top-left.gif) top left no-repeat;}
.box-template .border-top div { background: /images/template-corner-top-right.gif) top right no-repeat; padding:0 7px;}
.box-template .border-top div div { background:  /images/template-border.gif) top repeat-x #FFF; height:7px; padding:0; line-height:0px; font-size:0px;}
.box-template .border-bot { float: left; width: 100%; background: /images/template-corner-bot-left.gif) bottom left no-repeat;}
.box-template .border-bot div { background:  /images/template-corner-bot-right.gif) bottom right no-repeat; padding:0 7px;}
.box-template .border-bot div div { background:  /images/template-border.gif) bottom repeat-x #FFF; height:7px; padding:0; line-height:0px; font-size:0px;}
.box-template .box-content { background:#FFF; padding:13px 0 13px 0px; border-left:1px solid #C5D6C5; border-right:1px solid #C5D6C5; float: left; width: 705px;}

.box-template .indent { padding:0 25px 0 15px;}

.box-template dl { text-align:justify;}
.box-template dt { font-size:1.167em; font-weight:bold; padding-bottom:15px;}
.box-template dd { padding-bottom:30px;}
.box-template dd ul { padding:15px;}
.box-template dd a { color:#000; text-decoration:underline;}
.box-template dd a:hover { text-decoration:none;}



/* ============================= search form ====================== */
#searchForm { line-height:1em; }

#searchForm div.formRow { width: 700px; height: 26px;}

#searchForm label {float: left; line-height: 1.3;}

#searchForm span {
	color:#939393;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
	padding:0 4px;
}

#searchForm select {
    font-size:11px;
    width:250px;
    height:19px;
    border:1px solid #DCBE6B;
    color:#000;
    line-height:1em;
    color:#7D7D7D;
    padding:1px 1px 1px 0;
    margin: 4px 50px 0 0;
}

#searchForm .inp1, #searchForm .inp2 {
    font-size:11px;
    width:73px;
    height:13px;
    border:1px solid #000000;
    color:#000;
    line-height:13px;
    padding:2px 0 2px 2px;
    margin: 4px 4px 0 0;
    color:#7D7D7D;
}

#searchForm .inp3 {
    font-size:11px;
    width:175px;
    height:13px;
    border:1px solid #000000;
    color:#000;
    line-height:13px;
    padding:2px 0 2px 2px;
    color:#7D7D7D;
    margin: 4px 4px 0 7px;
}

.s_button { margin: 0px 0px 10px 50px; float: left;}

/* Contact, Terms, Faq, affiliate-program pages css */


#searchPage .contentContainer {
    padding: 0 0 0 22px;
}

#affiliatePage .contentContainer {
    padding: 0 15px 0 15px;
}

#searchPage .box-content {
    padding: 13px 0 0 0;
}

#sampleTemplatesPage .contentContainer {
    padding: 20px 0 0 100px;
}

#clipartLibraryPage .contentContainer {
    padding: 0 0 0 75px;
}


#adarea { width: 100%; margin-top:15px; text-align: center;}

.banners { width: 100%; margin-top:15px; text-align: center;}
.banners a { border:none;}
.banners .space { margin-right:7px;}
