@charset "utf-8";
body { margin:0; padding:0; width:100%; font: 16px Arial, Helvetica, sans-serif; }
html { padding:0; margin:0;}

/* for referrence only; do not change these colors */
.dark_red { color: #550000; }
.red { color: #FF0000; }
.light_red { color: #dd4118; }
.dark_orange { color: #fd3410; }
.orange { color: #f88c00; }
.green { color: #669933; }
.blue { color: #596aa1; }
.grey { color: #555555; } 

#flash {
position: absolute;
color: #dd4118;
border-bottom: 3px solid #333333;
background: #E5E5E5;
font-size: 36px;
font-weight: bold;
text-align: center;
width: 100%;
padding: 35px;
height: 35px;
}

#userMessage {
position: absolute;
color: #dd4118;
border-bottom: 3px solid #333333;
background: #E5E5E5;
font-size: 36px;
font-weight: bold;
text-align: center;
width: 100%;
padding: 10px;
height: 40px;
}

a { text-decoration:none; color: #669933; }
a:hover { text-decoration:underline;}

/* main */
.main { padding:0; margin:0 auto;}

/* header */
.blok_header { margin:0; padding:0; background: #FFFFFF;}
.header { width:960px; margin:0 auto; padding:0;}

/* logo */
.logo { padding:10px; margin:0; width:139px; float:left;}

/* menu headeposition: relative;
float: right;
border: 1px solid #FF6600;
background: #FFCC00;
text-align: center;
width: 20%;
padding: 5px;r */	
.menu { padding:0; margin-top:60px; width:400px; float:right; }
.menu ul { text-align: right;  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:10px 0; color:#8a8a8a; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li a span { padding:12px 10px; background:none;}
.menu ul li a:hover { color:#bdbdbd;  background: #333333; text-decoration:none; }
.menu ul li a:hover span { color:#FFFFFF; background: #333333;}
.menu ul li a.active { color:#bdbdbd; background: #dd4118;}
.menu ul li a.active span { color:#FFFFFF; background: #dd4118;}

/* menu top */
.menu_top_bg { margin:0; padding:0; background: #1e1e1e url(../img/menu_top_bg.gif) top repeat-x; }
.menu_top_bg p { padding:10px; margin:0;}
.menu_top_bg_resize { margin:0 auto; padding:0; width:960px;}

/* menu bar */	
.menu_bar { padding:0px; margin:0; width:800px; float:left; }
.menu_bar ul { text-align: left;  padding:0; margin:0; list-style:none; border:0; float:left;}
.menu_bar ul li { float:left; margin-right:10px; padding:0; border:0;}
.menu_bar ul li a { float:left; margin:0; padding:12px 0; color:#CCCCCC; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; }
.menu_bar ul li a:hover { color: #FFFFFF; text-decoration:none; }
.menu_bar ul li a.active { text-decoration:none; }
.menu_bar ul li a.active span { color:#FFFFFF; background: #dd4118; }
.menu_bar ul li a span { padding:12px 10px; background:none;}
.menu_bar ul li a:hover span { color:#FFFFFF; background: #dd4118; text-decoration:none; }
.menu_bar ul li a.active_static span { color:#FFFFFF; background: #555555;}

/* menu side */	
.side_menu { 
float:left;
font: 20px Arial, Helvetica, sans-serif; 
padding: 0px;
margin-top: -20px;
}
.side_menu ul { 
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
.side_menu ul li { 
margin-bottom: 10px;
padding: 0px;
}
.side_menu ul li a { 
display: block;
width:150px;
background: #E5E5E5;
border-left: 3px solid #777777;
text-decoration: none;
color: #333333;
margin:0; 
padding:10px;
font-size: 14px; 
}
.side_menu ul li a span { background:none; }
.side_menu ul li a.active { color:#FFFFFF; background: #dd4118; border-left: 3px solid #333333;}
.side_menu ul li a.active span { color:#FFFFFF;  background: #dd4118;}
.side_menu ul li a:hover { color: #FFFFFF; border-left: 3px solid #333333; background: #dd4118;}
.side_menu ul li a:hover span { color:#FFFFFF;  background: #dd4118;}

/* search */
.search { padding:8px 0 0 0; margin:0; width:320px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(../img/search_bg.gif) left top no-repeat; width:216px; padding:0; height:29px;}
.search form .keywords { line-height:15px; height:15px; width:206px; float:left; background: url(../img/search_bg.gif) left top no-repeat; border:0;  padding:7px 5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#fff;}
.search form .button { float:left; margin:0; padding:0;}

/* header text */
.header_text_bg { background: #f0f0f0 url(../img/grey_bg.gif) top repeat-x; margin:0; padding:0;}
.header_text_bg h2 { margin:0; padding:10px 0;}
.header_text { margin:0; padding:0; background:#fafafa; border-bottom:1px solid #f0f0f0; border-top:1px solid #fff;}
.header_text_resize {padding:5px 10px; width:940px; margin:0 auto;}
.header_text h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#525252; padding:5px 0; margin:0;}
.header_text h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#a2a2a2;}
.header_text img { float:right; margin:0; padding:5px 0 0 0;}

/* Ca3er style */
.cu3er_resize { width:960px; margin:0 auto; padding:10px 0 40px 0; }
#cu3er-container { width:960px; outline:0; }

/* body */
.body_resize { margin:0; padding:0;}
.body { width:940px;  margin:0 auto; padding:10px 10px;}
.body h3 { font: normal 24px Arial, Helvetica, sans-serif; color:#343434; padding:5px 5px; margin:0;}
.body h3 span { font: italic 12px Arial, Helvetica, sans-serif; color:#7d7d7d;}
.body h2 { width:279px; height:40px; font: normal 18px Arial, Helvetica, sans-serif; color:#fff; margin:0;  padding: 5px 10px; background:url(../img/h2_bg.gif) top no-repeat;}
.body h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#9d9d9d;}
.body img {  padding:0; margin:10px auto;}
.body img.floated { float:left; padding:0; margin:10px 15px 10px 0;}
.body ul { list-style:none; margin:10px auto; padding:20px 0;}
.body li { padding:3px 5px; margin:0; font: normal 12px Arial, Helvetica, sans-serif; color:#7d7d7d;}
.body li a { font: normal 12px Arial, Helvetica, sans-serif; color:#7d7d7d; text-decoration:none;}
.body li a:hover { color:#c52100;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#605f5f; line-height:1.8em; padding:5px 5px; margin:0;}
.body a { text-decoration:none; color:#c52100; line-height:1.8em; font: normal 12px Arial, Helvetica, sans-serif;}
.block { width:255px; float:left; margin:10px; padding:0;}
.port_resize { width:299px; float:left; margin:10px 5px 10px 8px; padding:0;}
/* content body */
.content_box { border-top: 2px solid gray; padding: 10px; background: #FFFFFF; }

/* black bar */
.block_three_black { background:#262626; border-top:1px solid #383838; margin:0; padding:0;}
.block_three_black_resize { width:960px; margin:0 auto; padding:20px 0;}
.block_three_black_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#818181; padding:5px; margin:0; line-height:1.8em;}
.block_three_black_resize a { color:#fdfdfd; font: normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
.block_three_black_resize h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#dfdfdf; padding:5px; margin:0; text-transform:uppercase;}
.block_three_black_resize img { float:left; margin:10px 5px; padding:0;}
.block_three_black_resize .blog { width:310px; float:left; margin:0; padding:10px 5px; background:url(../img/fbg_bg.gif) right center no-repeat;}
.block_three_black_resize .blog2 { width:310px; float:left; margin:0; padding:10px 5px;}

/* block four black */
.block_four_black { width:980px; padding: 15px 0; margin:0 auto; background:#3b3b3b; border-bottom:1px solid #262626;}
.block_four_black img { float:left; margin:0; padding:5px;}
.block_four_black h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#fff4f4; padding:5px; margin:0;}
.block_four_black p { font:normal 11px Arial, Helvetica, sans-serif; color:#fff; padding:5px; margin:0; line-height:1.8em;}
.block_four_black a { font:bold 12px Arial, Helvetica, sans-serif; color:#730f0f; text-decoration:none;}
.block_four_black strong { color:#2a2a2a; font: bold 12px Arial, Helvetica, sans-serif;}
.block_four_black .item { width:219px; float:left; margin:0; padding:10px; border-right:1px solid #575757;}
.block_four_black .item2 { width:219px; float:left; margin:0; padding:10px;}

/* block four */
.block_four { background:#f3f3f3; border-top:1px solid #e7e7e7; margin:0; padding:0;}
.block_four_resize { width:960px; margin:0 auto; padding:10px 0;}
.block_four_resize a { text-decoration:none; color:#c52100; line-height:1.8em; font: normal 12px Arial, Helvetica, sans-serif;}
.block_four_resize p { font: normal 12px Arial, Helvetica, sans-serif; color:#605f5f; padding:5px; margin:0; line-height:1.8em;}
.block_four_resize p span { color:#2b2b2b;}
.block_four_resize ul { list-style:none; margin:10px auto; padding:0;}
.block_four_resize li { padding:0 5px; margin:0;}
.block_four_resize li a { font: normal 12px/1.6em Arial, Helvetica, sans-serif; color:#605f5f; text-decoration:none;}
.block_four_resize li a:hover { color:#2b2b2b;}
.block_four_resize h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#2b2b2b; padding:5px; margin:0;}
.block_four_resize .left { width:205px; float:left; margin:10px 5px 10px 15px; padding:10px 5px;}
/* block four gray */
.block_four { background:#333333; border-top:1px solid #e7e7e7; margin:0; padding:0; color: #e7e7e7; }
.block_four_resize { width:960px; margin:0 auto; padding:10px 0;}
.block_four_resize a { text-decoration:none; color:#fd3410; line-height:1.8em; font: normal 12px Arial, Helvetica, sans-serif;}
.block_four_resize p { font: normal 12px Arial, Helvetica, sans-serif; color:#e7e7e7; padding:5px; margin:0; line-height:1.8em;}
.block_four_resize p span { color:#fd3410;}
.block_four_resize ul { list-style:none; margin:10px auto; padding:0;}
.block_four_resize li { padding:0 5px; margin:0;}
.block_four_resize li a { font: normal 12px/1.6em Arial, Helvetica, sans-serif; color:#605f5f; text-decoration:none;}
.block_four_resize li a:hover { color:#fd3410;}
.block_four_resize h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#e7e7e7; padding:5px; margin:0;}
.block_four_resize .left { width:205px; float:left; margin:10px 5px 10px 15px; padding:10px 5px;}

/* portfolio items */
.portfolio_resize { margin:0; padding:0; border-top:1px solid #141414; background:#FFFFFF;}
.portfolio { width:960px;  margin:0 auto; padding:10px 0;}
.portfolio h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#171717; margin:0;  padding:10px 10px;}
.portfolio h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#ababab;}
.portfolio h3 { font: normal 36px Arial, Helvetica, sans-serif; color:#212121; margin:0 0 20px 0;  padding:15px 5px; border-bottom:1px solid #d7d7d7;}
.portfolio h3 span { font: normal 14px Arial, Helvetica, sans-serif; color:#898989;}
.portfolio img {  padding:0; margin:10px 0;}
.portfolio img.floated { float:left; padding:0; margin:10px 20px;}
.portfolio p { font:normal 12px Arial, Helvetica, sans-serif; color:#605f5f; line-height:1.8em; padding:5px 10px; margin:0;}
.portfolio a { text-decoration:none; color:#0097e7; line-height:1.8em; font: normal 12px Arial, Helvetica, sans-serif;}
.portfolio_left { width:463px; float:left; padding:5px 0; margin:5px 15px 5px 0; border:1px solid #ececec; background:#fff;}
.port { width:958px;  padding:5px 0; margin:10px  auto; border:1px solid #ececec; background:#fff;}

/* tour box */
.tour_box { margin:0 auto; padding:0; background:  url(../img/tour_box_bg.gif) top repeat-x; }
.tour_box_text { margin:0 auto; padding:0; height:185px; width:975px; background: url(../img/tour_box.jpg) top center no-repeat;}
.tour_box table { font-size: 10px; padding-top: 7px;}
.tour_box span { 
	position:absolute;
	left:800px;
	top:220px;
	width:500px; float:right; text-align:right; font: italic 10px Arial, Helvetica, sans-serif; color:#959595; padding: 0 0 0 0; margin-right: 30px;
}
.tour_box h1 { font: bold 50px Arial, Helvetica, sans-serif; color:#dd4118; padding: 10px 0 0 10px; margin:0; width:300px; float:left; background-color: transparent; }
.tour_box h2 { font: bold 30px Arial, Helvetica, sans-serif; color:#555555; padding: 15px 0 0 10px; margin:0; width:1000px; float:left;}
.tour_box p.small { border: 0px solid gray; font: bold italic 16px Arial, Helvetica, sans-serif; color:#f88c00; padding: 5px; margin-right: 10px; height: 75px; width:410px; float:right; text-align:left; }
.tour_box p.big { border: 0px solid gray; font: bold italic 22px Arial, Helvetica, sans-serif; color:#f88c00; padding: 2px; margin-right: 15px; height: 70px; width:400px; float:right; text-align:left; }
.tour_box form {
	position:relative;
	left: -30px;
	top:30px;
}
input.tour_button {
	width: auto;
	padding: 10px;
	font-size: 24px;
	font-weight: normal;
	color: #555555;
	cursor: pointer;
	border: 3px solid grey;
}
input.tour_button_splashy {
	width: auto;
	padding: 10px;
	font-size: 36px;
	font-weight: normal;
	color: #FFF;
	background: #669933;
	cursor: pointer;
	border: 3px solid #CCCCCC;
}
.tour_button_bottom { margin-top: 50px; margin-bottom: 50px; float: right; }

/* breadcrumb box progress bar */
.breadcrumb_boxes {
	position:relative;
	left: 0px;
	top:0px;

}
.boxes td.on {
	font-size: 10px;
	background-color: #f88c00;
	margin: 10px;
	width: 10px;
}
.boxes td.off {
	font-size: 10px;
	background-color: grey; 
	margin: 10px;
	width: 10px;
}
.boxes_label {
font-size: 10px;
color: #333333;
text-align: center;
}

/* footer */
.footer {padding:0;  margin:0; background:#f9f9f9; border-top:1px solid #e8e8e8;}
.footer_resize { width:940px; margin:0 auto; padding:20px 10px;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#737373;}
.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#444; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right;} 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:15px 0 0 0; float:left;} 

/* contact form */
#contactform { margin:0; padding:10px;}
#contactform * { color:#555555; width: 750px; }
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding-top: 18px; font: inherit; color: #596aa1; font-weight: bold; text-transform: capitalize;}
#contactform label span { font: inherit;}
#contactform input.text { font: inherit; font-size: 18px; width:200px; border:1px solid #e8e8e8; margin:5px 0; padding:10px 10px; height:20px; background:#f8f8f8; }
#contactform input.text_small { font: inherit; font-size: 18px; width:125px; border:1px solid #e8e8e8; margin:5px 0; padding:10px 10px; height:20px; background:#f8f8f8; }
#contactform select { font: inherit; font-size: 18px; width:175px; border:1px solid #e8e8e8; margin:0px 5px 0px; padding:10px 10px; height:42px; background:#f8f8f8; }
#contactform textarea { font: inherit; font-size: 18px; width:480px; border:1px solid #e8e8e8; margin:5px 0; padding:10px 10px; background:#f8f8f8; height:150px;}
#contactform li.buttons input { 
	width: 125px;
	margin-top: 25px; 
	margin-right: 50px; 
	padding: 10px;
	font-size: 26px;
	font-weight: normal;
	color: #555555;
	cursor: pointer;
	border: 3px solid grey;
	float: right;
}
#contactform input.button_inline { 
	width: 125px;
	padding: 5px;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #596aa1;
	cursor: pointer;
	border: 3px solid grey;
}
input.button {
	width: auto;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	background-color: #669933;
	color: #FFFFFF;
	cursor: pointer;
	margin: 5px;
}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}

/* overriding stepup css for templates */
.comparisonGrid td img { padding: 3px; margin: 0px; }
.comparisonGrid th img { padding: 3px; margin: 0px; }
.comparisonGrid td { padding: 3px; margin: 0px; }

.content { font-size: 16px; color:#605f5f; line-height:1.4em; padding:0; margin:0; }
.content h1 { font: normal 30px Arial, Helvetica, sans-serif; color:#333333; background: none; width: 100%; margin-bottom: 25px; margin-top: 5px; padding: 0px; }
.content h2 { font: normal 24px Arial, Helvetica, sans-serif; color:#dd4118; background: none; width: 100%; margin-bottom: 0px; margin-top: 5px; padding: 0px; }
.content h3 { font: normal 18px Arial, Helvetica, sans-serif; color:#596aa1; background: none; width: 100%; margin-top: 10px; margin-bottom: 5px; padding: 0px; }

.content img {  padding:0; margin:10px auto;}
.content img.floated { float:left; padding:0; margin:10px 15px 10px 0;}
.content ul { list-style:none; margin:10px auto; padding:20px 0;}
.content li { font-size: 16px; }
.content li a { text-decoration:underline; color: #596aa1; font: inherit; }
.content li a:hover { background-color: #596aa1; color: #FFFFFF; font: inherit; }
.content p { font-size: inherit; line-height:1.4em; padding:0px 0px 20px 0px; margin:0;}
.content a { text-decoration:underline; color: #596aa1; font: inherit; }
.content a:hover { background-color: #596aa1; color: #FFFFFF; font: inherit; }

ul {
	list-style-type: none;
}
ul.plus {
	list-style-image: url(../img/icons_small/positive.gif);
}
ul.greenBullets {
	list-style-image: url(../img/icons_small/bullet-green.png);
	padding-left: 20px;
}
li.icon {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0px;
}

/* ERRORS & NOTICES */
div.messageBox {
	color: #333333;
	padding: 15px;
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
}

div.messageBox a, messageBox a:visited {
	color: #dd4118;	
	padding: 5px;
}
div.messageBox a:hover {
	color: #FFFFFF;
	background-color: #dd4118;
	padding: 5px;
}

div.error {
	color: #333333;
	background-color: #FFFF99;
	border: 2px solid #dd4118;
	padding: 15px;
}

div.error .title {
	color: #dd4118;
	font-size: 24px;
}

div.warning {
	color: #333333;
	background-color: #FCFDD7;
	border: 2px solid #dd4118;
	padding: 15px;
}

div.warning .title {
	color: #FF6600;
	font-size: 24px;
}

div.success {
	color: #333333;
	background-color: #CCFFCC;
	border: 2px solid #336600;
	padding: 15px;
}

div.success .title {
	color: #336600;
	font-size: 24px;
}