@charset "utf-8";
/* CSS Document */

body
{
	background:url(../site_images/bg_pattern.jpg) repeat-x scroll;
	background-color:#F0F0F0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#wrapper
{
	margin-top:40px;
	margin-bottom:15px;
}


/*---------------------------------HEADER-----------------------------------*/
#header
{
	background:url(../site_images/header_bg_pattern.jpg) repeat-x;
	margin:0px auto;
	width:1010px;
	height:170px;
	padding:0px;
	position:relative;
}

#header_left
{
	background:url(../site_images/header_bg_left.jpg) left no-repeat;
	height:170px;
}

#header_right
{
	background:url(../site_images/header_bg_right.jpg) right no-repeat;
	height:170px;
}


#logo
{
	padding:50px 0px 0px 40px;
	color:#FFFFFF;
	float:left;
}


#logo img
{
	border:none;
}


h1
{
	font-size:18px;
	color:#FFFFFF;
	margin: 0px 40px;
	padding: 14px 0px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 a
{
	color:#FFFFFF;
	text-decoration:none;
}


h2
{
	
}


#nav
{
	list-style:none;
	float:right;
	padding-top:73px;
	margin-right:15px;
}

#nav li
{
	float:left;
	padding: 0px 5px 0px 5px;
}

#nav a
{
	background: url(../site_images/button_bg_right.jpg) no-repeat top right;
	display:block;
	line-height: 31px;
	text-align:center;
	color:#006699;
	text-decoration: none;
	font-size:13px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#nav a span
{
	background: url(../site_images/button_bg_left.jpg) no-repeat scroll top left;
	display:block;
	padding-left: 15px;
	padding-right: 15px;
}


#nav a:hover
{
	background-position:bottom right;
}

#nav a:hover span
{
	background-position:bottom left;
}



#nav_comp
{
	list-style:none;
	float:right;
	margin:-66px 10px 0px 0px;
}

#nav_comp li
{
	float:left;
}

#nav_comp a
{
	display:block;
	color:#FFFFFF;
	text-decoration: none;
	line-height: 50px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:right;
}

#nav_comp a span
{
	padding-left: 5px;
	padding-right: 15px;
	vertical-align:middle;
}

#nav_comp a img
{
	margin-top: 0px;
	vertical-align:middle;
	border: none;
}

#nav_comp a:hover
{
	background:url(../site_images/indicator1.png) no-repeat center;
}



#auth
{
	list-style:none;
	float:right;
	margin:10px 18px 0px 5px;
	color:#006699;
}

#auth li
{
	float:left;
	padding: 0px 5px 0px 5px;
	display:block;
	text-align:center;
	line-height:22px;
	color:#006699;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

#auth a
{
	float:left;
	color:#006699;
	text-decoration: none;
	font-weight:bold;
	margin-right:10px;
}



/*---------------------------------CONTENT-----------------------------------*/


#banner
{
	margin-left:50px;
}


#content
{
	background: #FFFFFF;	
	width: 1000px;
	margin: 10px auto 10px;	
}

#content_main
{
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

#content_top
{
	background: url(../site_images/content_header2.jpg) top no-repeat;
}

#content_bottom
{
	background: url(../site_images/content_bottom.jpg) bottom no-repeat;
	padding-bottom: 7px;
}


#intro
{
	margin-left: 40px;
	height: 350px;
}

#intro h2
{
	padding-top: 30px;
	font-size:16px;
	color:#066;
}

#intro ul
{
	padding:0px;
	list-style:none;
}

#intro ul li
{
	width:270px;
	height: 100px;
	margin-right:49px;
	margin-top:30px;
	float:left;
}

#intro ul li h3
{
	font-size:13px;
	color:#066;
}

#intro ul li p
{
	font-size:12px;
	color:#717171;
	text-align:justify;
}


#last_post
{
	width:610px;
	height:120px;
	float: left;
	margin-left:40px;
}

#last_post #blog_date
{
	font-size:10px;
	margin-top:3px;
	color: #666;
}

#last_post a
{
	font-size:12px;
	float: left;
	margin-right: 20px;
	color: #666;
	font-weight:bold;
	text-decoration:none;
}


#newsletter
{
	width: 300px;
	height:120px;
	float: left;
	margin-left:40px;
}


#newsletter #subscribe
{
	width:190px;
	border: 1px solid  #D3D3D3;
	background:url(../site_images/input_bg.jpg);
	float:left;
	margin-right:5px;
	height:22px;
}


#newsletter #subscribe_button
{
	background:#EFEFEF;
	border:solid 1px #CCC;
	color:#666;
	font-size:14px;
	line-height:16px;
	height:26px;
}


#twitter
{
	height:120px;
	float: left;
	margin-left:40px;
}



#content p
{
	color:#333333;
}

#content #text
{
	margin:0px;
	text-align:justify;
	font-size: 15px;
	color: #555555;
	padding: 20px 40px 20px 40px;
}


#text
{
	margin:0px;
	text-align:justify;
	font-size: 12px;
	color: #555555;
	padding: 20px 40px 20px 40px;
}

#text ul
{
	list-style-image: url(../site_images/bullet.jpg);
	padding:0px 30px;
	font-size: 12px;
}

#text ul li
{
	margin:20px auto;
}

#text a
{
	color:#000000;
}

#text p
{
	color:#555555;
	font-size:12px;
}

#home_page_text
{
	margin:0px;
	text-align:justify;
	font-size: 15px;
	color: #555555;
	padding: 20px 40px 20px 40px;
}

/***********Collection****************/

#collection
{
	padding: 30px 0px;	
	text-align: justify;
	height: 700px;
}

#collection_header
{
	padding-top: 30px;
	font-size:16px;
	color:#066;
	margin-left:40px;
}

.collection-item
{
	/*background:url(../site_images/collection_bg.jpg);*/
	background: #F9F9F9;
	border:solid 1px #E7E7E7;
	padding: 0px;
	float:left;
	height:200px;
	width: 298px;
	margin: 0px 0px 30px 25px;
	padding: 0px 0px;
	text-align:center;
}

.collection-item:hover
{
	background: #F3F3F3;
	border:solid 1px #DDDDDD;
	/*background:url(../site_images/collection_bg_hover.jpg);*/
}

.collection-item img
{
	margin: 10px auto 10px;
}

#collection .collection-item h2
{
	color:#006699;
	padding:0px 0px;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:20px;
	font:Verdana, Geneva, sans-serif;
	font-size:15px;
	text-align:left;	
}

#collection .collection-item p
{
	font-size:12px;
	color:#717171;
	text-align:left;
	margin:0px 20px;
	text-align:justify;
}

#collection .collection-item a
{
	color:#006699;
	text-decoration:none;
}


.collection-item img
{
	border:0px;
}


/***********Component Pages***********/
#flashdiv
{
	width:900px;
	margin:20px 50px;
}

#section
{
	padding: 30px 40px;	
	text-align: justify;
}

#section #features p
{
	margin: 0px 0px;
	font-size:14px;
	color:#666666;
}

#section a
{
	color:#222222;
}

#section h2
{
	font-size:16px;
	font-weight:bold;
	color:#066;
	margin: 0px 0px;
	padding:10px 0px;
}

#section h3
{
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	color:#222222;
}

#section #features
{
	list-style:none;
	padding:0px;
	margin:0px;
}

#section #features li
{
	margin-top: 10px;
	margin-bottom: 50px;
	color:#222222;
	width:440px;
	float:left;
	height:70px;
	margin-right:39px;
}

#section #features li p
{
	font-size:12px;
	margin-top: 5px;
	line-height:16px;
	padding-left: 55px;
}

#section #features li a
{
	color:#666666;
}

#section #features #icon
{
	float:left;
	margin-right: 15px;
	padding-top: 20px;
}

#section #about
{
	font-size:15px;
	color:#666666;
}





#section #examples, #section #transition_explorer_basic, #section #transition_explorer_advanced
{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	height: 490px;
}

#section #transition_explorer_basic
{
	height: 230px;
}

#section #transition_explorer_advanced
{
	height: 430px;
}

#section #examples li, #section #transition_explorer_basic li, #section #transition_explorer_advanced li
{
	text-align:center;
	width:180px;
	float:left;
	margin: 0px 24px;;
	height: 270px;
}

#section #examples li img, #section #transition_explorer_basic li img, #section #transition_explorer_advanced li img
{
	border-width:5px;
	border-color:#EBEBEB;
}

#section #examples li p, #section #transition_explorer_basic li p, #section #transition_explorer_advanced li p
{
	font-size:11px;
	margin:5px 5px;
	padding:0px;
}


#home_presentation
{
	height:500px;
}

#home_presentation p
{
	font-size: 13px;
	text-align:justify;
	color:#666666;
	margin:0px;
	padding: 10px 20px;
}


#home_presentation a
{
	color:#666666;
}


#home_presentation h2
{
	font-size: 14px;
	text-align:justify;
	margin-left: 20px;
	color:#006699;
	margin: 0px;
	padding-top: 20px;
	padding-left: 20px;
}


#home_presentation ul
{
	font-size: 13px;
	color:#666666;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	list-style:none;
	padding-left:20px;
}


#left_section
{
	margin-left: 20px;	
	width: 600px;
	/*background:#E6F2F7;*/
	float:left;
}


#right_section
{
	margin-left: 40px;	
	width: 320px;
	/*background:#E6F2F7;*/
	float:left;
}


#right_section form
{
	padding-left: 20px;	
}



#home_presentation #features
{
	list-style:none;
	padding:0px;
	margin:10px 0px 0px 20px;
}

#home_presentation #features li
{
	color:#222222;
	width:290px;
	float:left;
}

#home_presentation #features li p
{
	font-size:12px;
}

#home_presentation #features li a
{
	color:#666666;
	text-decoration:none;
}


#home_presentation #features li a:hover
{
	text-decoration:underline;
}


#home_presentation #features #icon
{
	float:left;
	margin-right: 10px;
	margin-top: 7px;
}


#content #auth_form
{
	margin-left:220px;
	width: 480px;
	text-align:center;
	font-weight:bold;
	color:#999;
}

#content #auth_form a
{
	color:#999;
}


#input_form
{
	background:#F9F9F9;
	height: 485px;
	width: 490px;
	border: #E6E6E6 1px solid;
	margin-left:220px;
}


#input_form label
{
	float: left;
	width: 140px;
	text-align: right;
	display: block;
	margin-right: 30px;
	vertical-align:bottom;
	margin-top: 20px;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
}


#input_form span
{
	font-size: 11px;
	font-weight:normal;
	display: block;
	color:#999;
}


#input_form #label_error
{
	color:#F00;
}


#input_form input
{
	background:url(../site_images/input_bg.jpg);
	float: left;
	width: 300px;
	margin-top: 20px;
	height: 20px;
	vertical-align:middle;
	border: 2px solid  #D3D3D3;
}


#input_form input:focus
{
	border: 2px solid #A2D6F4;
}


#input_form #submit_button
{	
	width: 154px;
	margin-left: 170px;
	height: 39px;
	background:url(../site_images/submit_button.jpg);
	border:none;
	font-weight:bold;
	color:#666;
	font-size:18px;
	line-height:18px;
	vertical-align:middle;
}


#input_form #checkbox
{
	width:20px;
	margin-left: 170px;
}


#input_form #keep
{
	font-size:14px;
	font-weight:normal;
	padding-top: 3px;
}

#input_form #register_news
{
	font-size:12px;
	color:#666;
	font-weight:normal;	
	width: 280px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
}


#input_form #pass
{
	font-size:11px;
	font-weight:normal;
	text-align:left;
	width: 300px;
	margin-left: 170px;
}



/***********Contact***********/

#form-div
{
	font-size:13px;
	color: #666666;
	padding-top: 10px;
	padding-bottom: 50px;
	padding-left: 50px;
}

#form-div #results
{
	font-size:13px;
	font-weight:400;
	margin-left:10px;
}

#form-div #results a
{
	color:#666;
}

#gbcf-form .button
{
	width: 100px;
	font-size:15px;
	font-weight:bold;
	color:#066;
	margin-left: 10px;
	background-color:#F0F0F0;
	border:solid 4px #DDD;
}


/***********Buy***********/

#buy_buttons
{
	padding-top: 0px;
}

#buy_buttons td
{
	width:170px;
	height: 38px;
}

#buy_buttons td p
{
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	color:#132430;
	font-weight:bold;
	font-style:italic;
}



/*---------------------------------FOOTER-----------------------------------*/

#footer
{
	width:1000px;
	margin:0px auto;
	padding-bottom:50px;
}

#footer ul
{
	float:left;
	list-style:none;
	margin: 0px 0px;
}


#footer ul li
{
	float:left;
	padding: 0px 5px;
	text-align:center;	
	text-decoration: none;
	font-size:12px;
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;	
}

#footer a
{
	float:left;
	text-decoration: none;
	color:#999999;
	margin-right:10px;
}

#footer a:hover
{
	text-decoration:underline;
}

#copyright
{
	color:#999999;
	font-size:12px;
	float:right;
	margin-right: 40px;
}


#slideshow_table
{
	margin-top: 30px;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-spacing: 0px;
}

#slideshow_table p
{
	color:#069;
	margin:5px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
}

#slideshow_table td
{
	border-bottom: 1px solid  #ddd;
	border-left: 1px solid  #ddd;
	border-spacing: 0px;
	text-align:center;
}

#slideshow_table tr
{
	background-color:#F4F4F4;
}

#slideshow_table .odd
{
	background-color:#EAEAEA;
}

#slideshow_table thead p
{
	font-weight:bold;
	line-height:20px;
	vertical-align:middle;
}

#slideshow_table thead #first
{
	width:200px;
}

#slideshow_table thead td
{
	width:173px;
	height:30px;
}

#slideshow_table img
{
	position:relative;
}

#slideshow_table input
{
	vertical-align:middle;
}


#date
{
	font-size:12px;
	font-weight:bold;
	margin-top:30px;
}


#version
{
	font-size:12px;
	font-style:italic;
}


#change
{
	font-size:12px;
	padding-left:50px;
	margin-right:40px;
}


/*---------------------------------CART-----------------------------------*/


#form_cart #cart_button
{
	margin-top: 20px;
	height: 30px;
	background:url(../site_images/cart_btn_bg.jpg) repeat-x;
	border: 2px solid #ddd;
	font-size: 14px;
	font-weight:bold;
	color:#069;
}


#form_cart #cart_buttons
{
	margin-left:470px;
}
	
	
#cart
{	
	border-bottom: 2px solid #099;
	border-top: 2px solid #099;
	width: 920px;
	font-size:14px;
}

#cart thead
{
	color:#069;
	font-weight:bold;
	vertical-align:middle;
	background:#EBEBEB;
}


#cart tbody td
{	
	color:#036;
	background:#F4F4F4;
	vertical-align:middle;
	font-size:12px;
}


#cart tbody tr:hover td
{	
	background:#EAEAEA;
}


#cart thead td
{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #099;
}


#cart tfoot
{
	color:#069;
	font-weight:bold;
	vertical-align:middle;
	background:#EBEBEB;
}


#cart tfoot td
{
	padding-top: 15px;
}


#cart td
{
	padding-left: 5px;
}


#cart img
{
	vertical-align:middle;
}


#cart #combobox
{
	width:120px;
	color:#036;
	font-size:12px;
}


#cart #quantity
{
	color:#036;
	font-size:12px;
}

/*---------------------------------ACCOUNT-----------------------------------*/



#account_content
{
	height:500px;
}


#account_section
{
	padding-left:40px;
	padding-top:30px;
	padding-bottom:10px;
	float:left;
}

#account_section_profile
{
	margin-left:680px;
	padding-top:30px;
	padding-bottom:10px;
}


#account_table
{	
	width:600px;
	border-spacing: 0px;
	margin-bottom: 30px;
}

#account_table td
{	
	border-top: 2px solid #FFF;
}

#account_table thead
{
	color:#069;
	font-weight:bold;
	vertical-align:middle;
	background:#EBEBEB;
}


#account_table thead th
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	border-bottom: 1px solid #099;
	font-size:12px;
	text-align:left;
}


#account_table thead #top_left
{
	background:url(../site_images/table_top_left.jpg) top left no-repeat;
}


#account_table thead #top_right
{
	background:url(../site_images/table_top_right.jpg) top right no-repeat;
}


#account_table tbody td
{	
	color:#036;
	background:#F4F4F4;
	vertical-align:middle;
	font-size:11px;	
}


#account_table tbody tr:hover td
{	
	background:#EAEAEA;
}

#account_table td
{
	padding-left: 5px;
	padding-right: 5px;
}


#account_table a
{
	color:#036;
}


#account_table img
{
	vertical-align:middle;
}


#account_table tfoot
{
	color:#069;
	background:#F4F4F4;
	font-size:12px;
}


#account_table tfoot a
{
	color:#069;
}




#api_table
{
	width: 920px;
	border: 0px;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-spacing: 0px;
}


#api_table thead
{
	color:#099;
	background:#E4E4E4;
	font-size:14px;
	
}


#api_table thead th
{
	height:20px;
	padding:10px;
	border-bottom: 1px solid  #ccc;
	border-left: 1px solid  #ccc;	
}


#api_table tbody
{
	color:#999;
	background:#F5F5F5;
	font-size:12px;
}


#api_table td
{
	padding:10px;
	border-bottom: 1px solid  #ccc;
	border-left: 1px solid  #ccc;
	text-align:left;
}


#api_table tbody tr:hover td
{
	background:#EEE;
}


/*---------------------------------TUTORIALS-----------------------------------*/


#section #tutorial_main_category
{
	margin:20px 40px 0px 20px; 
	font-size:14px; 
	font-weight:bold;
}


#section #tutorial_main_category a
{
	text-decoration:none;
	color:#069;
}


#tutorial_main_entry
{
	height:30px;
}


#section #tutorial_main_title
{
	float:left; 
	margin:10px 40px 0px 40px; 
	font-size:12px;
	font-weight:normal;
}


#section #tutorial_main_title a
{
	color:#069;
	text-decoration:none;
}


#content #tutorial_main_date
{
	float:right;
	margin:10px 20px 0px 40px;
	font-size:10px;
	color:#999;	
}


#content #tutorial_main_views
{
	float:right; 
	margin:10px 200px 0px 40px; 
	font-size:10px; 
	color:#999;
	width:60px;
}


#tutorial_category
{
	margin:20px 0px;
}


#tutorial_category_header
{
	height:35px; 
	border-bottom:solid 2px #DFDFDF; 
	background:#EBEBEB;
}


#section #tutorial_category_title
{
	float:left; 
	margin:9px 40px 0px 20px; 
	font-size:14px; 
	font-weight:bold; 
	color:#069;
}


#section #tutorial_category_title a
{
	color:#069;
	text-decoration:none;
}


#content #tutorial_category_date
{
	float:right; 
	margin-top:14px; 
	margin-right:20px;
	font-size:10px; 
	color:#069;
}


#content #tutorial_category_views
{
	float:right; 
	margin-top:14px; 
	margin-right:20px; 
	font-size:10px; 
	color:#069;
	width:60px;
}


#tutorial_category_excerpt
{
	padding:0px; 
	margin:0px; 
	padding: 15px 20px; 
	font-size:12px; 
	background:#F5F5F5;	
}


#tutorial_entry_header
{
	height:35px;
}


#section #tutorial_entry_title
{
	float:left; 
	margin:9px 40px 0px 20px; 
	font-size:14px; 
	font-weight:bold; 
	color:#777;
}


#content #tutorial_entry_date
{
	float:right;
	margin-top:23px;
	margin-right:20px;
	font-size:10px;
	color:#999;
}


#content #tutorial_entry_views
{
	float:right; 
	margin-top:23px; 
	margin-right:20px; 
	font-size:10px; 
	color:#999;
}


#tutorial_entry_content
{
	padding:0px; 
	margin:0px; 
	padding: 15px 20px; 
	font-size:12px;
	line-height: 20px;
}


#tutorial_entry_content ul
{
	list-style:none;
	padding-left:0px;
}


#tutorial_entry_content #tutorial_code
{
	color:#063;
	border:solid 1px #D2D2D2;
	background:#F5F5F5;
	padding:10px;
}



/*---------------------------------ERROR PAGE-----------------------------------*/

#error404
{
	margin-bottom:20px;
	text-align:justify;
	font-size: 24px;
	color: #003366;
}