/*  RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Make HTML 5 elements display block-level for consistent styling */   
header, nav, article, footer, address { 
	display: block;
}  
body {
	background: url(images/pd_bg.gif) repeat;
	font-family: Arial, Verdana, sans-serif ;
	font-size: 15px;
	color: #000;
	padding-top: 60px;
}
#container {
	width: 1020px;
	margin: 0 auto;
	background: #FFFFFF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #fff;

}


/* 
* ** *** Header *** ** * 
*/


#header {
	background: #161616 url(images/pd_header_bg.gif) repeat-x top;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	overflow: hidden;
	padding-bottom: 23px;
}
#header h1 {display: none; font-family: Century Gothic, serif; font-weight: 200; font-size: 20px;}

#logo {
	height: 52px;
	width: 230px;
	margin: 25px 0px 0px 75px;
	float: left
}
#nav {
	float: right;
	margin-top: 34px;
	margin-right: 20px;
}
#nav li {
	float: left;
	padding: 8px 0;
	margin-left: 5px;
}
#nav li a {
	padding: 6px 10px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	text-transform: lowercase;
}
#nav li.active {
	background: url(images/btn_nav.jpg) repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #34a9f2;
	padding: 7px 0;
}
#nav li a:hover {
	background: url(images/btn_nav.jpg) repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #34a9f2;
	padding: 5px 9px;
}


/*
* ** *** Slider *** ** *
*/

#slider-container {
	height: 426px;
	background: #e8e8e8 url(images/pd_feature_bg.gif) repeat-x;
	border-top: 1px solid #47b8ff;
	border-bottom: 1px solid #fff;
	position: relative;
	overflow: hidden;
}
#slider {
	padding: 10px 25px;
}
/*
* ** *** Content *** ** *
*/	


#content {
	background: #e8e8e8;
	padding: 50px 30px;
	overflow: hidden;
}
#features {
	background: url(images/shadow.png) no-repeat bottom; /* Not IE6 Compatible */
	overflow: hidden;
	padding-bottom: 80px;
	display: inline-block;
}
.feature {
	width: 258px;
	padding: 80px 30px 0 30px;
	float: left;
	border-right: 1px solid #fff;
	border-left: 1px solid #b3b3b3;
}
.feature h3{
	font-family: Century Gothic; 
	font-size: 26px;
	color: #238bce;
	margin-bottom: 20px;
	text-indent: -9999px;
}
.feature p {
	line-height: 1.3;
	font-size: 14px;
	height: 155px;
	padding-bottom: 20px;
}
.btn-more img {
	margin: 0 auto;
	display: block;
}
#support {
	background: url(images/help.png) no-repeat top; /* Not IE6 Compatible */
	border-left: none;
	position: relative;
}
#time {
	background: url(images/clock.png) no-repeat top; /* Not IE6 Compatible */
}
#quality {
	background: url(images/graph.png) no-repeat top; /* Not IE6 Compatible */
	border-right: none;
}
#support h3 {
	background: url(images/support.png) no-repeat; /* Not IE6 Compatible */
	margin-left: 75px; 
}
#time h3 {
	background: url(images/time.png) no-repeat; /* Not IE6 Compatible */
	margin-left: 35px;
}
#quality h3 {
	background: url(images/quality.png) no-repeat; /* Not IE6 Compatible */
	margin-left: 50px;
}


/* 
* ** *** Sidebar *** ** *
*/


#sidebar {
	width: 230px;
	float: left;
	background-image: -moz-linear-gradient(top, #fff, #ebebeb); /* FF3.6 [start], [color [stop]], [color [stop]]*/
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fff),color-stop(1.0, #ebebeb)); /* Saf4+, Chrome */
	-moz-box-shadow: 0px 0px 10px #000; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 10px #000; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 10px #000; /* Opera 10.5, IE 9.0 */
	/* [horizontal] [vertical] [blur] [color]*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #fff;
	
}
#sidebar li {
	border-top: 1px solid rgba(211,211,211,.2);
	border-bottom: 1px solid rgba(0,0,0,.2);
	text-align: left;
	text-indent: 10px;
}
#sidebar .first {border-top: none; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px;}
#sidebar .last {border-bottom: none;}
#sidebar a{
	text-decoration: none;
	color: #238bce;
}
#sidebar h2 {
	padding: 13px 0;
	font-size: 18px;
	font-family: Century Gothic, serif;
	font-weight: 200;
}
#sidebar li.first h2 {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}
#sidebar li.last h2 {
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#sidebar li:hover {
	border: none;
}
#sidebar a h2:hover {
	background: rgba(35,139,206,.1);
	padding: 14px 0;
}
#sidebar .first a h2:hover {
	padding: 13px 0 14px 0;
	background: rgba(35,139,206,.1);
}
#sidebar .last a h2:hover {
	padding: 14px 0 13px 0;
	background: rgba(35,139,206,.1);
}
#sidebar h3 {
	padding: 4px 0;
	font-size: 16px;
	font-family: Century Gothic, serif;
	font-weight: 200;
	background: rgba(0,0,0,.1);
	text-indent: 35px;
}
#sidebar li:hover {
	border: none;
}
#sidebar a h3:hover, #sidebar a h4:hover, #sidebar a h5:hover, #sidebar a h3 .active, #sidebar a h4 .active, #sidbar a h5.active {
	background: rgba(35,139,206,.2);
	padding: 5px 0;
}
#sidebar h4{
	padding: 4px 0;
	font-size: 14px;
	font-family: Century Gothic, serif;
	font-weight: 200;
	background: rgba(0,0,0,.1);
	text-indent: 50px;
}
#sidebar h5{
	padding: 4px 0;
	font-size: 14px;
	font-family: Century Gothic, serif;
	font-weight: 200;
	background: rgba(0,0,0,.1);
	text-indent: 75px;
}


/* 
* ** *** Inside Content *** ** *
*/


#inside-content {
	width: 670px;
	float: right;
}
#inside-content h2 {
	font-family: Century Gothic, serif;
	font-weight: 200;
	font-size: 28px;
	color: #238bce;
	margin-bottom: 20px;
}
#inside-content p {
	font-family: Arial;
	font-size: 14px;
	color: #505150;
	line-height: 1.4;
}
#inside-content a {
	text-decoration: none;
	color: #238bce;
}
/*
#inside-content a:hover {
	text-shadow: 0px 0px 2px #5eccff;
}
*/
#inside-content ul {
	list-style: inside;
	margin-left: 20px;
	padding-top: 10px;
}
#inside-content li {
	line-height: 1.5;
	color: #505150;
}
#service-time {
	background-image: -moz-linear-gradient(top, #000, #505150);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #000),color-stop(1, #505150));
	-moz-border=radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	width: 200px;
	height: 25px;
	padding: 3px 0 3px 12px;
	float: right;
	border: 1px solid #000;
}
#service-time p {
	font-family: Arial;
	font-size: 18px;
	color: #238bce;
	/*text-shadow: 1px 1px 1px #fff;*/
}

/*
* ** *** Products *** ** *\
*/
#products .catalog-btn {
	width: auto;
	height: auto;
	margin: 15px 0 15px 450px;
/*	padding: 8px 25px 7px 9px; */
	display: inline-block;
/*	background-image: url(images/arrow.jpg), url(images/btn_more.jpg);
	background-repeat: no-repeat, repeat-x;
	background-position: 63px 8px, 0 0;
	font-family: Tahoma, Arial;
	font-size: 15px;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 1px 1px 1px #000; */
}
#products .start-btn {
	width: auto;
	height: auto;
	margin: 15px 0;
/*	padding: 8px 25px 7px 9px; */
	display: inline-block;
/*	background-image: url(images/arrow.jpg), url(images/btn_more.jpg);
	background-repeat: no-repeat, repeat-x;
	background-position: 93px 8px, 0 0;
	font-family: Tahoma, Arial;
	font-size: 15px;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 1px 1px 1px #000; */
}
#products .product-list {
	background-image: -moz-linear-gradient(top, #fff, #ebebeb); /* FF3.6 [start], [color [stop]], [color [stop]]*/
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fff),color-stop(1.0, #ebebeb)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#ebebeb'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#ebebeb')"; /* IE8 */
	-moz-box-shadow: 0px 0px 10px #000; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 10px #000; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 10px #000; /* Opera 10.5, IE 9.0 */
	/* [horizontal] [vertical] [blur] [color]*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #fff;
	width: 630px;
	padding: 10px 20px;
	margin:  10px 0;
	list-style: none;
	display: inline-block;
}
#products ul.product-list li {
	padding-right: 15px;
	width: 200px;
	height: 150px;
	text-indent: 10px;
	margin-bottom: 20px;
	float: left;
}
#products .product-list li.np {
	padding-right: 0;
}
#products .product-list li a {
	clear: both;
}
#products .product-list li a img {
	-moz-box-shadow: 0px 0px 4px #000; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 4px #000; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 4px #000; /* Opera 10.5, IE 9.0 */
	/* [horizontal] [vertical] [blur] [color]*/
	width: 200px;
	height: 130px;
	
}
#products .product-list li a img:hover {
	-moz-box-shadow: 0px 0px 10px #000; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 10px #000; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 10px #000; /* Opera 10.5, IE 9.0 */
	/* [horizontal] [vertical] [blur] [color]*/
}

#pricing table, #pricing td, #pricing tr, #pricing th {
	border: 1px solid #000000;
	color: #505150;
	font-size: 16px;
	background: #ffffff;
}
#pricing td, #pricing th {
	padding: 0 10px;
}
#pricing .tcenter {text-align: center;}
#pricing .tright {text-align: right;}
#pricing .tleft {text-align: left;}
#pricing {}
/*
* ** *** Get Started Form *** ** *
*/


#get-started {
	width: 590px;
	overflow: hidden;
}
#get-started p {margin-top: 9px;position: relative;}
#get-started label{
	margin-right: 10px; 
	font-size: 14px; 
	font-family: Arial;
	width: 190px;
	float: left;
	padding-top: 4px;
}
#get-started input{
	padding: 7px 14px;
	font: normal 15px/100% Arial, sans-serif;
	width: 110px;
	color: #238dce;
	background: #141313;
	background: -webkit-gradient(linear, 0 0, 0 32, color-stop(0,#000), color-stop(4,#fff));
	background-image: -moz-linear-gradient(top, #000, #fff 128px);
	-moz-box-shadow: rgba(256,256,256,0.2) 0px 0px 4px;
	-webkit-box-shadow: rgba(256,256,256,0.2) 0px 0px 4px;
	box-shadow: rgba(256,256,256,0.2) 0px 0px 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 0;
}
#get-started .done {
	display: hidden;
}
#photography {
	display: block; 
	width: 310px; 
	float: left; 
	color: #505150; 
	position: relative;
}
#photography input {}
#photography #left {width: 150px; float: left; margin-right: 10px;}
#photography #right {width: 150px;float: left;}
#photography .checkbox {
	width: auto;
}
#get-started .xlong {width: 310px;}
#get-started .long {width: 230px;}
#get-started .med {width: 190px;}
#get-started .double {margin-left: 200px; margin-top: 3px;}
#get-started input:hover, #get-started textarea:hover, #get-started input:focus, #get-started textarea:focus {
	border-color: #c9c9c9;
	-moz-box-shadow: rgba(256,256,256,0.3) 0px 0px 8px;
	-webkit-box-shadow: rgba(256,256,256,0.3) 0px 0px 8px;
	box-shadow: rgba(256,256,256,0.3) 0px 0px 8px;
}
#businfo {width: 510px;}
#businfo p{margin-top: 9px; position: relative;}
#businfo label{width:310px; margin-right: 10px; padding: auto 0;}
#businfo select{
	padding-left: 5px;
	border: 0;
	font: normal 15px/100% Arial, sans-serif;
	width: 110px;
	color: #238dce;
	background: #141313;
	background: -webkit-gradient(linear, 0 0, 0 20, color-stop(0,#000), color-stop(1,#141313));
	background: -moz-linear-gradient(top, #232323 0px, #505050 5px, #505050 9px, #000 10px, #505050 18px);
	-moz-box-shadow: rgba(256,256,256,0.2) 0px 0px 4px;
	-webkit-box-shadow: rgba(256,256,256,0.2) 0px 0px 4px;
	box-shadow: rgba(256,256,256,0.2) 0px 0px 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}
#businfo #hear_about {width: 190px;}
#get-started .submit{
	width: auto;
	height: 30px;
	padding: 8px 41px 7px 9px;
	background-image: url(images/arrow.jpg), url(images/btn_more.jpg);
	background-repeat: no-repeat, repeat-x;
	background-position: 90px 8px, 0 0;
	font-family: Tahoma, Arial;
	font-size: 15px;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 1px 1px 1px #000;
	line-height: .5;
}
#get-started input.error, #photography.error{
	border: 2px solid #ff0000;
}
#inside-content div.error {
	color: #ff0000;
	float: left;
	padding-bottom: 10px;
}
div.error label.error {
	display: block;
	width: auto;
}
#photography.error
/* 
* ** *** Lower-Content *** ** *
*/


#lower-content {
	margin-top: 20px;
	overflow: hidden;
}
#lower-content h4 {
	font-family: Century Gothic;
	font-size: 26px;
	color: #238bce;
	padding-bottom: 15px;
	text-indent: -9999px; /* use until fontface is working */
}
#who h4 {
	background: url(images/who.png) no-repeat; /* Not IE6 Compatible */
	width: 163px;
	height: 20px;
}
#team h4 {
	background: url(images/team.png) no-repeat; /* Not IE6 Compatible */
	width: 131px;
	height: 20px;
}
#quote blockquote {
	background: url(images/quote.png) no-repeat; /* Not IE6 Compatible */
	color: #238bce;
	padding: 8px 0 16px 60px;
	margin-top: 16px;
	line-height: 1.3;
	font-size: 14px;
	font-style: italic;
}
#quote blockquote span{color: #000;}
#about {
	float: left;
	width: auto;
	padding: 0 30px 0 10px;	
}
#who {padding-bottom: 22px;}



/* 
* ** *** Twitter Feed *** ** *
*/


#follow {
	background: url(images/follow_bg.jpg) repeat-x;
	clear: both;
	margin-top: 40px;
	position: relative;
}
#follow p {
	background: url(images/twitter_bg.jpg) no-repeat;
	padding: 30px 320px 20px 85px;
	font-size: 15px;
	display: inline-block;
}
#follow p small{
	color: #fff;
	font-style: italic;
	padding-left: 10px;
	font-size: 15px;
}
#follow p a {color: #fff;}
#follow a.social {
	display: block;
	position: absolute;
	height: 59px;
	width: 56px;
	text-indent: -9999px;
	top: 0;
}
#follow a#fb {
	right: 40px;
	background: url(images/follow_sprite.jpg) no-repeat -56px 0; 
}
#follow a#twitter {
	right: 111px;
	background: url(images/follow_sprite.jpg) no-repeat 0 0;
}


/*
* ** *** Footer *** ** *
*/


#footer {
	background-color: #202020; /*fallback color*/
	background-image: url(/images/bottom_bg.jpg) repeat-x; /* fallback image */
	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #111), color-stop(8%, #202020));
	background: -moz-linear-gradient(top, #111 0%, #202020 8%);
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-radius-bottom-right: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-radius-bottom-left: 20px;
}
#footer-content {
	padding: 49px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #181818;
	overflow: hidden;

}
#footer-content h4{
	height: 23px;
	margin-bottom: 5px;
	font-family: Century Gothic;
	font-size: 23px;
	text-indent: -9999px; /* Just till @fontface works */
}
#footer-content h5 {
	border-bottom: 1px solid #151515; /* next border #2f2f2f */
	font-size: 15px;
	font-weight: normal;
	color: #d3d3d3;
	padding-bottom: 11px;
}
#footer-content .column-container {
	border-top: 1px solid #2f2f2f;
	height: 12px;
}


	/* Let Us Talk */


#contact {
	width: 280px;
	float: left;
	margin: 0 40px 0 50px;
}
#contact h4 {
	background: url(images/talk.png) no-repeat; /* Not IE6 Compatible */
	width: 150px;
}
	/* CSS3 Form */
#contact p {
	margin-top: 9px;
	position: relative;
}
input, textarea {
	padding: 7px 14px;
	border: 0;
	font: normal 15px/100% Arial, sans-serif;
	width: 210px;
	color: #238dce;
	background: #141313;
	background: -webkit-gradient(linear, 0 0, 0 25, from(#000), to(#141313));
	background: -moz-linear-gradient(top, #000, #141313 25px);
	-moz-box-shadow: rgba(256,256,256, 0.2) 0px 0px 4px;
	-webkit-box-shadow: rgba(256,256,256, 0.2) 0px 0px 4px;
	box-shadow: rgba(256,256,256, 0.2) 0px 0px 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
textarea {
	width: 210px;
	max-width: 210px;
	height: 110px;
}
input:hover, textarea:hover, input:focus, textarea:focus {
	border-color: #c9c9c9;
	-moz-box-shadow: rgba(256,256,256, 0.3) 0px 0px 8px;
	-webkit-box-shadow: rgba(256,256,256, 0.3) 0px 0px 8px;
	box-shadow: rgba(256,256,256, 0.3) 0px 0px 8px;
}
.submit button.buttonSubmit {
	width: 100px;
	height: 30px;
	background: url(images/send_btn.jpg) no-repeat;
	border: none;
	cursor: pointer;
}
#contactSuccess {
	color: #238dce;
	font: normal 15px Arial;
	display: none;
}


	/* Testimonials */
#testimonials {
	width: 280px;
	margin-right: 40px;
	float: left;
}
#testimonials h4 {
	background: url(images/testimonials.png) no-repeat; /* Not IE6 Compatible */
	width: 190px;
}
#testimonials h6 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #d3d3d3;
}
#testimonials p {
	color: #fefefe;
	font-size: 14px;
	margin-bottom: 10px;
}
#testimonials blockquote {
	color: #238dce;
	font-size: 14px;
}
.testimonial {
	margin-bottom: 20px;
}
	/* Latest News */
#news {
	width: 280px;
	margin-right: 50px;
	float: left;
}
#news h4 {
	background: url(images/news.png) no-repeat; /* Not IE6 Compatible */
	width: 190px;
}
#news h6 {
	font-size 15px;
	font-weight: bold;
	color: #238dce;
	margin-bottom: 7px;
}
#news p {
	font-size: 14px;
	line-height: 1.3;
	color: #fff;
}
#news p.date {
	padding-bottom: 10px;
	font-weight: bold; 
}
.post {padding-bottom: 15px;}
.btn-seemore {
	width: 81px;
	background: url(images/arrow.jpg) no-repeat 85px 7px, url(images/btn_more.jpg) repeat-x 0 0;
	margin-top: 10px;
	padding: 8px 15px 7px 9px;
	display: block;
	color: #fff;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 1px 1px 1px #000;
	float: right;
}


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


#footer-footer {
	border-top: 1px solid #2f2f2f;
	height: 32px;
	padding: 21px 35px 0 35px;
	color: #fff;
	font-family: Arial;
	font-size: 15px;

}
#copyright p {
	float: left;
}
#copyright a {
	color: #238dce;
	text-decoration: none;
}
#footer-nav {
	float: right;
}
#footer-nav li {
	float: left;
}

#footer-nav li a {
	color: #fff;
	text-decoration: none;	
}

#footer-nav li a.active, #footer-nav li a:hover {
	color: #238dce;
}


.hidden{
	display: none;
}
.error{
	background-color: #AB0000;
	color: white;
	font-size:12px;
	font-weight: bold;
	padding:5px;
	border: 1px solid #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 4px #ffffff;
	-webkit-box-shadow: 0px 0px 4px #ffffff;
	box-shadow: 0px 0px 4px #ffffff;
	position: absolute;
	width: 125px;
	left: 150px;
	top: 3px;
}

/* 
CSS3 style classes 
*/

/* 
	The CSS3 Text-Shadow property contains the following values
	horizontal-offset (length, required) | vertical-offset (length, required) | blur-radius (length, optional) | shadow-color (color, optional) 
*/
.shadow {	text-shadow:1px 1px 1px #666;}/*<-- edit the color you wish to use in your shadows */



.rounded_main {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border:1px solid #fff;
}

.rounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
}

.rounded_top_right {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-left:5px;
	border-top-left-radius:5px;
	border:1px solid #ccc;
}


.rotate {
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
}

.box_round {
	-moz-border-radius: 12px; /* FF1+ */
	-webkit-border-radius: 12px; /* Saf3+, Chrome */
	border-radius: 12px; /* Opera 10.5, IE 9 */
}
  

/* */

.box_shadow { /* [horizontal] [vertical] [blur] [color]*/
	-moz-box-shadow: 0px 0px 4px #fff; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 4px #fff; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 4px #fff; /* Opera 10.5, IE 9.0 */
}
 .box_shadow_right {
	-webkit-box-shadow: 2px 2px 3px #ccc;
	-moz-box-shadow: 2px 2px 3px #ccc;
	box-shadow: 2px 2px 3px #ccc;
}
 
/* */

.box_gradient {
	background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 [start], [color [stop]], [color [stop]]*/
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; /* IE8 */
}

/* */

.box_rgba {
	background-color: #B4B490;
	background-color: rgba(180, 180, 144, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490')"; /* IE8 */
}

/* */

.box_rotate {
	-moz-transform: rotate(7.5deg);  /* FF3.5+ */
	-o-transform: rotate(7.5deg);  /* Opera 10.5 */
	-webkit-transform: rotate(7.5deg);  /* Saf3.1+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
		M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', 
		M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104)"; /* IE8 */
               zoom: 1;
}
  
/* */

.box_transition {
	-moz-transition: all 0.3s ease-out;  /* FF3.7+ */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5 */
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
}

/* 

@font-face {
	font-family: 'Century Gothic';
	src: url('fonts/CenturyGothic.eot');  /* IE6+ * /
	src: local('☺'), 
		url('fonts/CenturyGothic.woff') format('woff'),  /* FF3.6 * /
		url('fonts/CenturyGothic.ttf') format('truetype');  /* Saf3+,Chrome,FF3.5,Opera10+ * /
}

*/