/* CSS Document */

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0px;
	padding:0px;
	background:#FFFFFF;
	color:#000000;
	line-height: 16pt;
}

a img{
	border:0px;
}

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

/* --------- ID# ----------------------------------------------- */

#page_top{
	width:100%;
	background:url(http://www.askgraphics.com/images/page_top.gif) repeat-x left top;
}

#page{
	width:100%;
	background:url(http://www.askgraphics.com/images/page_bg.gif) repeat-x top left;
}

#page #page_body{
	width:1000px;
	text-align:left;
	margin:0px auto;
}

/* Header Styles */
#header{
	width:100%;
	height:171px;
	background:url(http://www.askgraphics.com/images/header_end.gif) no-repeat bottom center;
}

#header #header_top{
	width:100%;
	height:128px;
}

#header #header_end{
	width:100%;
	height:43px;
}

#header #header_top #header_logo{
	position:relative;
	top:20px;
	left:20px;
	float:left;
}

#header_contact{
	float:right;
	background:url(http://www.askgraphics.com/images/contact_us.gif) no-repeat top right;
	width:242px;
	height:44px;
}

#header_contact img{
	position:relative;
	left:53px;
	top:5px;
}

#header #header_end #header_menu{
	padding-left:22px;
	margin-top:3px;
}

#header #header_end #header_menu img{
	margin-right:3px;
}


/* Body Styles */
#body{
	width:100%;
	margin-bottom:30px;
	background:#ffffff;
	float:left;
}

#body #body_border{
	width:100%;
	background:url(http://www.askgraphics.com/images/body_border_bg.gif) no-repeat top left;
	float:left;
}

#body #body_border #body_padding{
	padding-left:20px;
}

/* Left Styles */
#body_left{
	width:649px;
	float:left;
}

/* Right Styles */
#body_right{
	width:318px;
	float:left;
	padding-left:6px;
	padding-top:6px;
	background:url(http://www.askgraphics.com/images/right_bg.gif) repeat-y top left;
}

/* Left Classes*/
/* body_left_padding */
#body_left #body_left_padding{
	width:620px;
}

#body_left #wellcome{
	font-size:23px;
	color:#ffc900;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	padding-top:20px;
	padding-left:15px;
	font-weight:bold;
}
#body_left #wellcome h1{
	font-size:23px;
	color:#ffc900;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	font-weight:bold;
	margin-top:7px;
	margin-left:0px;
	margin-bottom:7px;
}

#body_left .wellcomm_text{
	font-size:13px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:15px;
	padding-top:10px;
}

#body_left .wellcomm_text p{
	padding:0px;
	margin:0px;
	padding-bottom:12px;
}

#body_left .wellcomm_text p span{
	color:#f26522;
}

#body_left .wellcomm_line{
	width:610px;
	height:17px;
	background:url(http://www.askgraphics.com/images/wellcome_line.gif) no-repeat top right;
	margin-left:10px;
	clear:left;
}

/* our services */

#body_left #our_services{
	margin-left:10px;
	padding-bottom:15px;
	float:left;
}

#body_left #our_services h2{
	padding:0px;
	margin:0px;
	margin-bottom:5px;
}

#body_left #our_services .our_sevices_item{
	padding:0px;
	margin:0px;
	padding-top:10px;
	margin-left:40px;
	_margin-left:20px;
	width:95%;
	float:left;
}

#body_left #our_services .our_sevices_item div{
	list-style:none;
	background:url(http://www.askgraphics.com/images/our_services_li_line.gif) no-repeat left bottom;
	padding-bottom:20px;
	float:left;
	width:290px;
}

#body_left #our_services .our_sevices_item div a{
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	padding-left:38px;
	padding-top:12px;
	padding-bottom:12px;
	line-height:22px;
}

#body_left #our_services .our_sevices_item div a:hover{
	color:#666666;
}

#body_left #our_services .our_sevices_item div a span{
	position:relative;
	top:5px;
}

#body_left #our_services a#our_webdesign{
	background:url(http://www.askgraphics.com/images/ours_websitedesign.gif) no-repeat bottom left;
}

#body_left #our_services a#ours_flash{
	background:url(http://www.askgraphics.com/images/ours_flash.gif) no-repeat bottom left;
}

#body_left #our_services a#ours_blog{
	background:url(http://www.askgraphics.com/images/ours_blog.gif) no-repeat bottom left;
}

#body_left #our_services a#ours_ecomm{
	background:url(http://www.askgraphics.com/images/ours_ecomm.gif) no-repeat bottom left;
}

#body_left #our_services a#ours_mark{
	background:url(http://www.askgraphics.com/images/ours_mark.gif) no-repeat bottom left;
}

#body_left #our_services a#ours_logo{
	background:url(http://www.askgraphics.com/images/ours_logo.gif) no-repeat bottom left;
}

#body_left #our_services a#ours_prog{
	background:url(http://www.askgraphics.com/images/ours_prog.gif) no-repeat bottom left;
}

/* our portfolio */
#body_left #portfolio_box{
	width:641px;
	background:url(http://www.askgraphics.com/images/our_porfolio_box_bg.gif) no-repeat top center;
	margin-top:5px;
	height:81px;
}

#body_left #portfolio_box ul{
	padding:0px;
	margin:0px;
	padding-top:25px;
	padding-left:24px;
}

#body_left #portfolio_box ul li{
	list-style:none;
	display:inline;
	padding-right:20px;
}

#body_left #portfolio_box_items {
	padding-top:10px;
	width:100%;
	padding-left:7px;
}

#body_left #portfolio_box_items ul{
	margin:0px;
	padding:0px;
	padding-bottom:3px;
}

#body_left #portfolio_box_items ul li{
	list-style:none;
	display:inline;
}

/* contact us box */

#contact_us_box{
	background:url(http://www.askgraphics.com/images/contact_us_box_bg.gif) no-repeat top left;
	padding-top:45px;
	margin-top:20px;
	padding-left:30px;
	width:600px;
}

#contact_us_box .wellcomm_text{
	padding-left:0px;
}

#contact_form{
	margin-left:60px;
	margin-top:20px;
}

#contact_form .form_field{
	background:#f9faf5;
	padding:6px;
	margin-bottom:8px;
	width:85%;
	float:left;
}

#contact_form .form_label{
	float:left;
	width:33%;
}

#contact_form .form_text{
	float:left;
	width:67%;
}

#contact_form .form_field_sub{
	border-top:5px solid #f9faf5;
	width:370px;
	padding-top:10px;
	padding-left:100px;
	margin-top:10px;
	float:left;
}

#contact_form .form_field textarea{
	margin-top:10px;
	background:#FFFFFF;
	border:1px solid #999999;
	width:457px;
}

#contact_form .form_field input.text{
	width:300px;
	background:#FFFFFF;
	border:1px solid #999999;
	padding:3px;
}

#contact_form label{
	background:url(http://www.askgraphics.com/images/contact_label_ar.gif) no-repeat center left;
	padding-left:9px;
	padding-right:50px;
	position:relative;
	top:3px;
}

/* raq us box */

#raq_box{
	background:url(http://www.askgraphics.com/images/raq_box_bg.gif) no-repeat top left;
	padding-top:45px;
	margin-top:20px;
	padding-left:30px;
	width:600px;
}

#raq_box .wellcomm_text{
	padding-left:0px;
}

#raq_form{
	margin-left:60px;
	margin-top:20px;
}

#raq_form .form_field{
	background:#f9faf5;
	padding:6px;
	margin-bottom:8px;
	width:85%;
	float:left;
}

#raq_form .form_label{
	float:left;
	width:33%;
}

#raq_form .form_text{
	float:left;
	width:67%;
}

#raq_form .form_field_sub{
	border-top:5px solid #f9faf5;
	width:370px;
	padding-top:10px;
	padding-left:100px;
	margin-top:10px;
	float:left;
}

#raq_form .form_field_url_like{
	background:#f6f7f4;
	padding:8px;
	padding-bottom:12px;
	width:455px;
	float:left;
}

#raq_form .form_field textarea{
	margin-top:10px;
	background:#FFFFFF;
	border:1px solid #999999;
	width:457px;
	_width:455px;
}

#raq_form .form_field .file{
	background:#FFFFFF;
	border:1px solid #e6e6e6;
	padding:3px;
	width:300px;
}

#raq_form .form_field input.text{
	width:250px;
	background:#FFFFFF;
	border:1px solid #999999;
	padding:3px;
}

#raq_form label{
	background:url(http://www.askgraphics.com/images/contact_label_ar.gif) no-repeat center left;
	padding-left:9px;
	padding-right:50px;
	position:relative;
	top:3px;
}


/* featured_box */
#body_left #featured_box{
	width:639px;
	background:url(http://www.askgraphics.com/images/featured_box_bg.gif) repeat-y top center;
	margin-top:15px;
}

#body_left #featured_box #featured_box_top{
	width:100%;
	height:61px;
	background:url(http://www.askgraphics.com/images/featured_box_top_bg.gif) no-repeat top center;
}

#body_left #featured_box #featured_box_body{
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	background:url(http://www.askgraphics.com/images/featured_box_body_bg.gif) no-repeat top center;
}

#body_left #featured_box #featured_box_body ul{
	margin:0px;
	padding:0px;
	padding-bottom:3px;
}

#body_left #featured_box #featured_box_body ul li{
	list-style:none;
	display:inline;
}

#body_left #featured_box #featured_box_end{
	width:100%;
	height:37px;
	background:url(http://www.askgraphics.com/images/featured_box_end_bg.gif) no-repeat bottom center;
	text-align:right;
}

#body_left #featured_box #featured_box_body div{
	padding-top:12px;
	padding-right:25px;
	text-align:right;
}

#body_left #about_box_line{
	width:614px;
	height:37px;
	background:url(http://www.askgraphics.com/images/about_box_line.gif) no-repeat center;
	margin-top:40px;
	margin-left:10px;
}

#body_left #our_porfolio{
	width:104px;
	height:25px;
	background:url(http://www.askgraphics.com/images/our_porfolio.gif) no-repeat center;
	margin-top:25px;
	margin-left:10px;
}

/* clients_box */
#body_left #clients_box{
	width:619px;
	background:url(http://www.askgraphics.com/images/clients_box_bg.gif) repeat-y top center;
	margin-top:25px;
	margin-left:10px;

}

#body_left #clients_box #clients_box_top{
	width:100%;
	height:54px;
	background:url(http://www.askgraphics.com/images/clients_box_top_bg.gif) no-repeat top center;
}

#body_left #clients_box #clients_box_body{
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
}

#body_left #clients_box #clients_box_end{
	width:100%;
	height:49px;
	background:url(http://www.askgraphics.com/images/clients_box_end_bg.gif) no-repeat bottom center;
}

#body_left #clients_box #clients_box_body .clients_box_block{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:18px;
	background:url(http://www.askgraphics.com/images/clients_line.gif) no-repeat bottom left;
	padding-bottom:10px;
	padding-top:10px;
	width:565px;
}

#body_left #clients_box #clients_box_body .clients_box_block .clients_box_block_text{
	padding-bottom:10px;
	line-height: 16pt;
}

#body_left #clients_box #clients_box_body .clients_box_block .clients_box_block_link{
	font-size:11px;
	font-weight:bold;
	color:#f26522;
}

#body_left #clients_box #clients_box_body .clients_box_block .clients_box_block_link a{
	text-decoration:none;
	color:#4b4b4b;
}

#body_left #clients_box #clients_box_body .clients_box_block .clients_box_block_link a:hover{
	text-decoration:underline;
	color:#000000;
}

/* Right Classes*/
/* request_free_box */
#body_right #request_free_box{
	width:311px;
	background:url(http://www.askgraphics.com/images/request_free_bg.gif) repeat-y left top;
}

#body_right #request_free_box #request_free_box_top{
	width:100%;
	height:76px;
	background:url(http://www.askgraphics.com/images/request_free_top_bg.gif) no-repeat top left;
}

#body_right #request_free_box #request_free_box_body{
	width:100%;
	padding-left:13px;
	padding-top:5px;
	font-size:12px;
	color:#7a7a7a;
}

#body_right #request_free_box #request_free_box_end{
	width:100%;
	height:14px;
	background:url(http://www.askgraphics.com/images/request_free_end_bg.gif) no-repeat bottom center;
}

#body_right #request_free_box #request_free_box_top div{
	font-size:10px;
	color:#7c7c7c;
	position:relative;
	top:47px;
	left:70px;
}

#body_right #request_free_box #request_free_box_body form .text_box{
	background:#FFFFFF;
	border:1px solid #e6e6e6;
	font-size:13px;
	padding:3px;
	color:#7c7c7c;
	margin-top:4px;
	margin-bottom:4px;
	width:282px;
}

#body_right #request_free_box #request_free_box_body form .text_box_file{
	background:#FFFFFF;
	border:1px solid #e6e6e6;
	font-size:13px;
	padding:3px;
	color:#7c7c7c;
	margin-top:4px;
	margin-bottom:4px;
	width:290px;
}

#body_right #request_free_box #request_free_box_body form label{
	padding-bottom:4px;
}

#body_right #request_free_box #request_free_box_body form label span{
	color:#ff0000;
}

#body_right #request_free_box #request_free_box_body #request_free_box_body_required{
	color:#ff0000;
	text-align:right;
	font-size:11px;
	padding-right:30px;
	padding-top:5px;
}

/* latest_news */
#body_right #latest_news{
	width:275px;
	padding-left:15px;
	padding-top:10px;
	padding-bottom: 30px;
}

#body_right #latest_news #latest_news_top{
	background:url(http://www.askgraphics.com/images/latest_news_top_bg.gif) no-repeat left top;
	height:33px;
}

#body_right #latest_news #latest_news_blocks{
	width:100%;
	padding-top:10px;
	color:#818181;
	line-height:17px;
}

#body_right #latest_news #latest_news_blocks .latest_news_block{
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	border-left:4px solid #ff9933;
	margin-bottom:20px;
}

#body_right #latest_news #latest_news_blocks .latest_news_block a{
	font-size:10px;
	font-weight:bold;
	color:#790000;
	text-decoration:none;
}

/* contact_box */
#body_right #contact_box{
	padding-left:15px;
	padding-bottom:10px;
}

#body_right #contact_box #contact_box_top{
	background:url(http://www.askgraphics.com/images/contact_top_bg.gif) no-repeat left top;
	height:31px;
}

#body_right #contact_box #contact_box_blocks{
	width:100%;
	padding-top:10px;
	color:#666666;
}

#body_right #contact_box #contact_box_blocks #contact_box_ca{
	width:270px;
	height:49px;
	background:url(http://www.askgraphics.com/images/contact_ca_bg.gif) no-repeat left top;
	padding-bottom:10px;
}

#body_right #contact_box #contact_box_blocks #contact_box_in{
	width:270px;
	height:49px;
	background:url(http://www.askgraphics.com/images/contact_in_bg.gif) no-repeat left top;
	padding-bottom:10px;
}

#body_right #contact_box #contact_box_blocks #contact_box_email{
	width:282px;
	height:30px;
}

/* Footer Styles */
#footer{
	width:100%;
	height:71px;
	background:url(http://www.askgraphics.com/images/footer_bg.gif) no-repeat top center;
	text-align:right;
	clear:left;
}

#footer #footer_left{
	float:left;
	width:82%;
	padding-top:25px;
	line-height: 12pt;
}

#footer #footer_left a.ask{
	color:#f6502f;
	text-decoration:none;
}

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

#footer #footer_left a.privacy{
	color:#000000;
	text-decoration:underline;
}

#footer #footer_left a.privacy:hover{
	color:#f6502f;
	text-decoration:none;

}

#footer #footer_right{
	float:right;
	padding-top:25px;
	padding-right:10px;

}
/* quote page */
#gaq_quotepage {
	width:600px;
	height:400px;
	margin-top: 30px;
}
.gaq_row {
	float:left;
	marign-left: 30px;
	margin-bottom:12px;

}
.gaq_row1 {
	float:left;
	marign-left: 30px;
	margin-bottom:7px;
	width:400px;
	padding-left: 150px;

}
.gaq_feildname {
	float:left;
	width: 100px;
	text-align:right;
}
.gaq_sep {
	float:left;
	width: 50px;
	text-align:center;
}
.gaq_feild {
	float:left;

}
.gaq_req {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	width: 10px;
	vertical-align:top;
	float:left;
}
#gaq_quotepage .gaqtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3d3d3d;


}

.gaq_quotepageinput {
	FONT-SIZE: 12px;
	BACKGROUND: url(inputbg.gif) repeat;
	COLOR: #666666;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #DBDBDB;
	height: 20px;
	width: 277px;


}
#gaq_quotepage .INPUTbudget {
	FONT-SIZE: 12px;
	BACKGROUND: url(inputbg.gif) repeat;
	COLOR: #666666;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #DBDBDB;
	height: 24px;
	width: 190px;


}
#gaq_quotepage textarea {
	height: 123px;
	width: 416px;
	border: 1px solid #E5E5E5;

}
#gaq_quotepage .textareadesc {
	height: 153px;
	width: 416px;
	border: 1px solid #E5E5E5;

}
#gaq_submit {
	width:85px;

}