:focus {
	outline:0;
}
body {
	line-height:1;
	color:black;
	background:white;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}


.rightContent
{
font-size:12px;
}

.clearer {
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	width:1px;
	overflow:hidden;
}
#container {
	position:relative;
	width:960px;
	font-size:1.2em;
	margin:0 auto;
}
.icon {
	background:url(/images/icons/csg-48f779ca28c85.gif) no-repeat left top;
}
.corners {
	background:url(/images/corners/csg-48f77d9ed8895.gif) no-repeat left top;
}
.buttons {
	background:url(/images/buttons/csg-58810354jads.gif) no-repeat left top;
}
.hosting-packages {
	background:url(/images/hosting/csg-588199734isaf.gif) no-repeat left top;
}
.top-corner {
	background-position:0 -60px;
}
.bottom-corner {
	background-position:0 0;
}
.about-us {
	background-position:80px -5px;
}
.hosting {
	background-position:70px -33px;
}
.pointer {
	background-position:center 47px;
}
.work {
	background-position:110px -61px;
}
.labs {
	background-position:50px -89px;
}
.rss {
	background-position:0 -117px;
}
.orange-left {
	background-position:-15px 0;
}
.orange-right {
	background-position:84px 0;
}
.white-left {
	background-position:-15px -40px;
}
.white-right {
	background-position:110px -40px;
}
.bronze {
	background-position:0 0px;
}
.silver {
	background-position:0 -96px;
}
.gold {
	background-position:0 -192px;
}
.platinum {
	background-position:0 -288px;
}
a {
	color:#1c9bc8;
}
a:hover {
	text-decoration:none;
}
.cream {
	color:#fef5d8 !important;
}
.grey {
	color:#333333 !important;
}
.green {
	color:#6e9f27 !important;
}
.grey {
	color:#666 !important;
}
.red {
	color:#ff0000 !important;
}
.inlinePhoto {
	clear:both;
	float:left;
	border:1px solid #cccccc;
	margin:0 15px 0 0;
}
div.buttonOrange {
	float:left;
	display:inline;
	background:url(/images/buttons/button-left-orange.gif) left top no-repeat;
}
div.buttonOrange a {
	display:block;
	background:url(/images/buttons/button-right-curve-orange.gif) right top no-repeat;
	padding:13px 15px 13px 15px;
	color:white;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}
div.buttonOrange.hostingOrder {
	margin:10px 0 0 50px;
}
.success, .problem {
	padding:20px;
	text-align:center;
	font-size:24px;
}
.success span, .problem span {
	font-size:14px;
}
.success {
	background:#8cca7f;
}
.problem {
	background:#ff7f7f;
}
h1#logo {
	float:left;
	position:relative;
	overflow:hidden;
	margin-left:15px;
	display:inline;
}
h1#logo, h1#logo span {
	height:105px;
	width:153px;
	cursor:pointer;
}
h1#logo span {
	position:absolute;
	left:0;
	top:0;
	background:url(/images/3magine-logo.gif) left top no-repeat;
}
ul#mainNav {
	float:right;
	list-style-type:none;
	margin:55px 0 0 0;
	padding:0;
}
ul#mainNav li {
	float:left;
	text-align:center;
	margin:0 0 0 40px;
	height:51px;
}
ul#mainNav li.first {
	margin-left:0;
}
ul#mainNav li a {
	display:block;
	text-decoration:none;
	color:#333;
	font-size:18px;
}
ul#mainNav li a span {
	font-size:12px;
	color:#666;
}
#content {
	clear:both;
	float:left;
	width:930px;
	background-color:white;
	padding:15px 15px 0 15px;
}
#content p {
	color:#666;
	line-height:18px;
	margin:10px 0 20px 0;
}
.columnRight h3 a {
	font-size:12px;
	font-weight:normal;
}
#feature {
	float:left;
	background:url(/images/feature-bg.jpg) 0 0 no-repeat;
	width:930px;
	height:306px;
}
#feature h2 {
	font-size:24px;
	color:white;
	font-weight:bold;
	font-style:italic;
	width:550px;
	margin:50px 0 0 35px;
}
#feature h2 a {
	color:white;
	text-decoration:none;
	border-bottom:1px solid white;
}
#feature h2 a:hover {
	border-bottom:none;
}
#feature div.buttons {
	float:left;
	margin:15px 0 0 35px;
	display:inline;
}
#feature div.buttons a {
	float:left;
	padding:12px 13px;
	color:#f8ac33;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.column {
	float:left;
	width:255px;
	margin-left:39px;
	padding:0!important;
	display:inline;
}
.column.first {
	margin-left:0;
}
.columnLeft {
	float:left;
	width:610px;
	margin-left:-5px;
}
.columnRight {
	float:right;
	width:250px;
	padding-top:15px;
	margin-top:-18px;
	position:relative;
	z-index:999;
	left:22px;
	text-align:justify;
	
}

h2 {
	font-size:22px;
	color:#9ac237;
}
.column h3 {
	margin-top:10px;
}
h3 {
	font-size:18px;
	color:#333333;
	font-weight:normal;
	padding:2px 0;
}
h4 {
	font-size:14px;
	color:#666;
}
.projectThumb {
	float:left;
	width:154px;
	padding:10px;
	background:#f1f1f1;
	margin:20px 15px 5px 0;
	text-align:center;
}
.projectThumb.last {
	margin-right:0;
}
.projectThumb p {
	margin:5px 0 0 0 !important;
}
.projectThumb p a {
	color:#666;
}
ul.contentNav {
	list-style-type:none;
	margin:17px 0 0 0;
	padding:0;
	width:930px;
	float:left;
}
ul.contentNav li {
	display:inline;
	margin-left:0px;
	color:#666;
	padding:5px 9px;
	float:left;
}
ul.contentNav li.first {
	margin-left:0;
}
ul.contentNav li.active {
	background:#f1f1f1;
}
.hideLink {
	text-decoration:none;
	color:#666;
}
#portfolio {
	float:left;
	width:930px;
	clear:both;
	height:auto;
}
#screen {
	width:587px;
	height:376px;
	overflow:hidden;
	margin-left:-4px;
}
#screen div img {
	float:left;
}


#screen2 {
	width:587px;
	height:376px;
	overflow:hidden;
	margin-left:-4px;
}
#screen2 div img {
	float:left;
}

#screen3 {
	width:587px;
	height:376px;
	overflow:hidden;
	margin-left:-4px;
}
#screen3 div img {
	float:left;
}

#screen4 {
	width:587px;
	height:376px;
	overflow:hidden;
	margin-left:-4px;
}
#screen4 div img {
	float:left;
}


#screen5 {
	width:587px;
	height:376px;
	overflow:hidden;
	margin-left:-4px;
}
#screen5 div img {
	float:left;
}
.prevNext {
    float:right;
	color:#CCC;
	top:200px;
	position:relative;
	
}
.notActive {
	background-color:#FFFED9;
}
.deadLink {
	background-color:#FBDAD7;
}

.imageAnchor {
	display:block;
	margin-bottom:10px;
}
.disabled {
	text-decoration:none;
	color:#CCC;
}
ul.footerNav {
	list-style-type:none;
	margin:0;
	padding:0;
	float:right;
	width:300px;
	text-align:right;
}
ul.footerNav li {
	display:inline;
	margin:0;
	padding:0 5px;
	color:#666;
}
ul.barList {
	float:left;
	list-style-type:none;
	padding:0;
	margin:10px 0 0 0;
}
ul.barList li {
	float:left;
	display:inline;
	color:#999;
	margin:0;
	border-left:1px solid #ccc;
	padding:0 5px;
	font-size:11px;
}
ul.barList li.first {
	padding-left:0;
	border:none;
}
#projectFull {
	padding:5px;
	background:#ffffff;
	width:auto;
	margin:-25px 0 0 0;
	height:100%;
	
}

.projFullImg
{
border:2px #3c91c9 solid;

}
.projFullImg5
{
border:2px #004675 solid;
background:#ffffff;

}
.projectView {
	float:left;
	width:94px;
	padding:10px;
	background:#f1f1f1;
	margin:10px 10px 0 0;
	
}

.projectView.last {
	margin-right:0;
}
.projectView.active {
	background:#32a1ec;
}





.projectView2 {
	float:left;
	width:94px;
	padding:10px;
	background:#f1f1f1;
	margin:10px 10px 0 0;
	
}

.projectView2.last {
	margin-right:0;
}
.projectView2.active {
	background:#0059a4;
}

.projectView3 {
	float:left;
	width:94px;
	padding:10px;
	background:#f1f1f1;
	margin:10px 10px 0 0;
	
}

.projectView3.last {
	margin-right:0;
}
.projectView3.active {
	background:#2a487d;
}




.projectView4 {
	float:left;
	width:94px;
	padding:10px;
	background:#f1f1f1;
	margin:10px 10px 0 0;
	
}

.projectView4.last {
	margin-right:0;
}
.projectView4.active {
	background:#3d4c55;
}

.projectView5 {
	float:left;
	width:94px;
	padding:10px;
	background:#f1f1f1;
	margin:10px 10px 0 0;
	
}

.projectView5.last {
	margin-right:0;
}
.projectView5.active {
	background:#004675;
}
.hostingPlan {
	float:left;
	width:216px;
	padding-left:15px;
	display:inline;
	border-left:1px solid #f1f1f1;
}
div.hostingPlan.first {
	padding:0 15px 0 0;
	border-left:none;
}
.price {
	float:left;
	width:216px;
}
.priceDollars {
	float:left;
	font-size:72px;
	color:#b43a0e !important;
	margin:35px 0 0 40px !important;
	line-height:60px !important;
	display:inline;
}
.priceCents {
	float:left;
	font-size:24px;
	color:#b43a0e !important;
	margin:40px 0 0 5px !important;
	line-height:normal !important;
	display:inline;
}
.priceCents span {
	font-size:12px;
}
.hostingPlan div.buttons {
	float:left;
	margin:20px 0 0 50px;
	display:inline;
}
.hostingPlan div.buttons a {
	float:left;
	padding:12px 13px;
	color:white;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
ul.recentBlogs {
	list-style-type:none;
	padding:0;
	margin:0 0 20px 0;
}
ul.recentBlogs li {
	margin-bottom:10px;
}
.data {
	background:#FFFFFF none repeat scroll 0% 0%;
	border-collapse:collapse;
	margin:20px 0 0 0;
	text-align:left;
	width:100%;
}
.data th {
	border-bottom:1px solid #CCCCCC;
	color:#f8ac33;
	font-size:18px;
	font-weight:normal;
	padding:10px 8px;
}
.data td {
	border-bottom:1px solid #f1f1f1;
	color:#666;
	padding:8px 10px;
}
.data td.alt {
	background:#F7F7F7;
}
.data td.empty {
	border-bottom:1px solid white;
}
.vcard {
	line-height:18px;
	margin:10px 0 15px 0;
	color:#666;
}
.org {
	font-weight:bold;
}
#footer {
	clear:both;
	float:left;
	width:930px;
	padding:25px 15px 15px;
	color:#90908b;
}
#footer p {
	float:left;
}
form.wufoo {
	margin:0;
	padding:0;
}
.wufoo li {
	width:100%;
}
form ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	font-size:100%;
}
form li {
	margin:10px 0 0 0;
	padding:0;
	position:relative;
	clear:both;
}
form li:after, .buttons:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
form li, .buttons {
	display:inline-block;
}
* html form li, * html .buttons {
	height:1%;
}
form li, .buttons {
	display:block;
}
* html form li div {
	display:inline-block;
}
form li div, form li span {
	margin:0;
	padding:0;
}
form li span {
	float:left;
}
form li div.address {
	padding-bottom:0;
}
form li div.left {
	display:inline;
	float:left;
	width:47%;
}
form li div.right {
	display:inline;
	float:right;
	width:47%;
}
.clear {
	clear:both !important;
}
.info {
	display:inline-block;
	clear:both;
	border-bottom:1px dotted #ccc;
	margin:0 0 1em 0;
}
.info[class] {
	display:block;
}
.info h2 {
	font-weight:normal;
	font-size:160%;
	margin:0 0 3px 0;
	clear:left;
}
.info p {
	font-size:95%;
	line-height:135%;
	margin:0 0 12px 0;
}
form hr {
	display:none;
}
form li.section {
	border-top:1px dotted #ccc;
	margin-top:9px;
	padding-top:13px;
	padding-bottom:0px;
	padding-left:9px;
	width:97% !important;
}
form ul li.first {
	border-top:none !important;
	margin-top:0px !important;
	padding-top:0px !important;
}
form .section h3 {
	font-weight:normal;
	font-size:110%;
	line-height:135%;
	margin:0 0 2px 0;
}
form .section p {
	font-size:85%;
	margin:0 0 10px 0;
}
label.desc {
	line-height:150%;
	padding:0 0 1px 0;
	border:none;
	color:#222;
	display:block;
	font-size:95%;
	font-weight:bold;
}
form li div label, form li span label {
	margin:0;
	padding-top:3px;
	clear:both;
	font-size:9px;
	line-height:9px;
	color:#444;
	display:block;
}
input.text, input.file, textarea.textarea, select.select {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	font-size:100%;
	color:#333;
}
input.text, textarea.textarea, .firefox select.select {
	border:1px solid #d3d3d3;
}
#search {
	border-color:white;
}
input.text, input.file, textarea {
	padding:8px 10px;
}
select.select, .firefox select.select {
	padding:15px 16px;
}
select.select option, .firefox select.select option {
	padding:0 0 0 20px;
}
#provinces p a {
	display:block;
	width:603px;
	height:42px;
	padding:16px 0 0 20px;
	border:1px solid #aeaeae;
	font-size:2em;
	text-decoration:none;
	color:#333;
	margin:3px 0 3px 3px;
	background:white url(/images/icons/province_arrow_out.gif) 565px 20px no-repeat;
}
#provinces p a:hover {
	background:white url(/images/icons/province_arrow_over.gif) 565px 20px no-repeat;
}
#provinces p a.error {
	border:1px solid red;
}
ul#provincesDropdown {
	float:left;
	width:623px;
	margin-left:3px;
	border-left:1px solid #e0dfdf;
	border-right:1px solid #e0dfdf;
	border-bottom:1px solid #e0dfdf;
	display:inline;
}
ul#provincesDropdown li {
	float:left;
	display:block;
}
ul#provincesDropdown li a {
	display:block;
	width:583px;
	height:32px;
	font-size:2em;
	text-decoration:none;
	padding:10px 20px;
	color:#333;
}
ul#provincesDropdown li a:hover {
	background:#F6F6F6;
}
label.choice {
	font-size:100%;
	display:block;
	line-height:1.5em;
	margin:-1.65em 0 0 25px;
	padding:.44em 0 .5em 0;
	color:#222;
	width:90%;
}
input.checkbox, input.radio {
	display:block;
	line-height:1.5em;
	margin:.6em 0 0 3px;
	width:13px;
	height:13px;
}
span.symbol {
	font-size:115%;
	line-height:130%;
}
form li .datepicker {
	float:left;
	margin:.1em 5px 0 0;
	padding:0;
	width:16px;
	height:16px;
	cursor:pointer !important;
}
.button {
	display:block;
	float:left;
	cursor:pointer;
	border:none;
	outline:none;
	width:87px;
	height:40px;
	background:url(/images/buttons.gif) no-repeat;
}
.butAdd {
	width:66px;
	background-position:-87px 0;
}
.butEdit {
	width:66px;
	background-position:-153px 0;
}
.butLogin {
	width:77px;
	background-position:-219px 0;
}
.butRegister {
	width:96px;
	background-position:-296px 0;
}
.butBrowse {
	width:89px;
	background-position:-392px 0;
}
.butSave {
	width:72px;
	background-position:-481px 0;
}
.butDelete {
	width:81px;
	background-position:-553px 0;
}
.butCancel {
	width:86px;
	background-position:-634px 0;
}
.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, .rtl div label, .rtl span label, .rtl input.text, .rtl textarea.textarea, .rtl select.select, .rtl p.instruct, .rtl .section h3, .rtl .section p, .rtl input.btTxt {
	direction:rtl;
}
.third {
	width:32% !important;
}
.half {
	width:48% !important;
}
.full {
	width:100% !important;
}
input.small, select.small {
	width:205px;
}
input.medium, textarea.medium {
	width:350px;
}
select.medium {
	width:350px;
}
input.large, select.large, textarea.large {
	width:588px;
	;
}
textarea.small {
	height:5.5em;
}
textarea.medium {
	height:10em;
}
textarea.large {
	height:10em;
}
.errorMsg {
	width:99%;
	margin:10px auto 0;
	background:#fff;
	border:1px dotted red;
	margin-bottom:1em;
	text-align:center;
	padding-top:4px;
	padding-left:0px;
	padding-right:0px;
}
.errorMsg h3 {
	margin:7px 0 5px 0 !important;
	padding:0;
	font-size:125%;
	color:#DF0000 !important;
}
.errorMsg p {
	margin:0 0 .8em 0 !important;
	font-size:100%;
}
.errorMsg p strong {
	background-color:#FFDFDF;
	padding:2px 3px;
	color:red;
}
.successMsg {
	width:99%;
	margin:10px auto 0;
	background:#fff;
	border:1px dotted green;
	margin-bottom:1em;
	text-align:center;
	padding-top:4px;
	padding-left:0px;
	padding-right:0px;
}
.successMsg h3 {
	margin:7px 0 5px 0 !important;
	padding:0;
	font-size:125%;
	color:green !important;
}
.successMsg p {
	margin:0 0 .8em 0 !important;
	font-size:100%;
}
form li.error {
	display:block !important;
	background-color:#FFDFDF !important;
	margin:3px 0;
}
form div.error input.text, form div.error textarea.textarea {
	border:1px solid red !important;
}
form li.error label {
	color:#DF0000 !important;
}
form p.error {
	float:left;
	color:red;
	background:#FFDFDF;
	font-weight:bold;
	margin:5px 0;
	padding:2px 3px;
	clear:both;
}
form li.error p.error {
	display:block;
}
.leftLabel p.error, .rightLabel p.error {
	margin-left:30%;
	padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error {
	margin-left:35%;
	padding-left:15px;
}
form .req {
	float:none;
	color:red !important;
	font-weight:bold;
	margin:0;
}
form li.focused {
}
form .instruct {
	position:absolute;
	top:0;
	left:100%;
	z-index:1000;
	width:42%;
	margin:0 0 0 8px;
	padding:8px 10px 9px 10px;
	border:1px solid #e6e6e6;
	background:#f5f5f5;
	line-height:130%;
	font-size:80%;
	color:#444;
}
form .instruct small {
	font-size:105%;
}
form li.focused .instruct, form li:hover .instruct {
	visibility:visible;
}
li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct {
	visibility:visible;
	position:static;
	margin:-2px 0 0 0;
	padding:0 0 7px 0;
	background:none;
	border:none;
	width:100%;
	font-size:9px;
	clear:left;
}
.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel {
	width:74% !important;
	padding-top:9px;
}
.leftLabel .small, .rightLabel .small {
	width:17%;
}
.leftLabel .medium, .rightLabel .medium {
	width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea, .rightLabel .large, .rightLabel textarea.textarea, .leftLabel .address, .rightLabel .address {
	width:64%;
}
* html .leftLabel .small, * html .rightLabel .small {
	width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium {
	width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea, * html .rightLabel .large, * html .rightLabel textarea.textarea {
	width:97%;
}
.leftLabel label.desc, .rightLabel label.desc {
	float:left;
	width:30%;
	margin:2px 15px 0 0;
}
.rightLabel label.desc {
	text-align:right;
}
.leftLabel .address, .rightLabel .address {
	float:left;
}
.leftLabel p.instruct, .rightLabel p.instruct {
	width:27%;
	margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct {
	margin-left:30% !important;
	padding-left:15px;
	width:65%;
}
.leftLabel .buttons, .rightLabel .buttons {
	margin-left:15px;
}
.leftLabel .buttons input, .rightLabel .buttons input {
	margin-left:30%;
}
.noI .instruct {
	display:none !important;
}
.noI form li, .noI form li.buttons {
	width:97% !important;
}
.noI form li.section {
	padding-left:9px !important;
}
.noI .leftLabel .large, .noI .leftLabel textarea.textarea, .noI .rightLabel .large, .noI .rightLabel textarea.textarea, .noI .leftLabel .address, .noI .rightLabel .address {
	width:60%;
}
* html .noI .leftLabel .small, * html .noI .rightLabel .small {
	width:23%;
}
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium {
	width:55%;
}
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea, * html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea {
	width:97%;
}
.noI .leftLabel label.desc, .noI .rightLabel label.desc {
	width:35%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input {
	margin-left:35%;
}
form li.leftHalf, form li.rightHalf {
	width:46% !important;
}
li.leftHalf {
	clear:left;
	float:left;
}
li.rightHalf {
	clear:none;
	float:right;
}
li.leftHalf .medium, li.rightHalf .medium, li.leftHalf .small, li.rightHalf .small {
	width:100%;
}
div.dropDown a.box, div.fileBox a.box {
	background:white url(/images/drop_down_arrow.gif) 338px 1px no-repeat;
	height:15px;
	width:350px;
	padding:9px 10px;
	border:1px solid #d3d3d3;
	color:#333;
}
div.fileBox a.box {
	height:33px;
	width:370px;
	padding:0;
}
div.dropDown ul {
	width:370px;
	border:1px solid #d3d3d3;
	border-top:none;
	position:absolute;
	left:0px;
	top:53px;
	background:white;
}
div.dropDown ul li {
	margin-top:0;
}
div.dropDown a.box, div.dropDown ul li a, div.fileBox a.box {
	text-decoration:none;
	display:block;
}
div.dropDown ul li a {
	padding:8px 10px;
	width:350px;
	margin:0;
	color:#333;
}
div.dropDown ul li.focus a {
	background:#eeefef;
}
div.dropDown.error a.box, div.dropDown.error ul, div.fileBox.error a.box {
	border:1px solid red;
}
div.dropDown.error ul {
	border-top:none;
}
div.dropDown.focused a.box, div.dropDown.focused ul, div.fileBox.focused a.box {
	border-color:#197cbb;
}
div.fileBox a.box {
	background:white url(/images/browse.gif) 280px 1px no-repeat;
}
div.fileBox a.box span {
	position:absolute;
	width:260px;
	height:15px;
	padding:5px 0 9px 10px;
	display:block;
	overflow:hidden;
	line-height:24px;
}
div.fileBox a.box input {
	float:right;
	margin:5px 5px 0 0;
}
#detailsBox div.dropDown a.box {
	background:white url(/images/drop_down_arrow.gif) 228px 1px no-repeat;
	width:240px;
	border-color:white;
}
#detailsBox div.dropDown.focused a.box {
	border-color:#197cbb;
}
#detailsBox div.dropDown ul {
	width:260px;
}
#detailsBox div.dropDown ul li a {
	width:240px;
}
#detailsBox input.text {
	padding:9px 10px;
}


.loading {
	background:white url(/images/gear_loader_animation.gif) right -45px no-repeat;
}