/* General Cleaning */

::selection {
	background: #5889f7;
	color:#fff;
	} 
::-moz-selection {
	background: #5889f7;
	color:#fff;
	}

* {margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:9pt;
	}
body {
	background-color:#b5e0fe;
	}
table, img {
	border:0;
	}
table {
	border-collapse:collapse;
	}
table td {
	padding:0px;
	vertical-align:top;
	}
div {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	}

a, a:link, a:visited, a:active {
	color:#1e8cdc;
	}
a:hover {
	color:#52bef5;
	}
	

h1 {
	font-size:22pt;
	color:#005d99;
	font-family:Lucida Sans Unicode, Lucida Grande, Helvetica, Arial, sans-serif;
	font-weight:normal;
	margin-bottom:25px;
	}
h2 {
	font-size:14pt;
	color:#005d99;
	font-family:Lucida Sans Unicode, Lucida Grande, Helvetica, Arial, sans-serif;
	font-weight:normal;
	padding-top:24px;
	padding-bottom:8px;
	}
h3 {
	font-size:10pt;
	color:#489ed9;
	padding:21px 0 7px 0;
	}
	
h4 {
	color:#ff6666;
	padding-top:18px;
	padding-bottom:6px;
	}
h5 {
	padding-top:15px;
	padding-bottom:5px;
	}
	
p, div {
	line-height:1.3;
	}
	
ul li {
	list-style-image:URL(http://www.magicwebsolutions.co.uk/mwsbox/images/li_ul.jpg);
	}
div.presenta_items ul li, div#presenta_item_allx_inner ul li, div#presenta_item_allx_inner ul li, div#su_area ul li {
	margin-left:15px;
	}

/* Special Elements */


div#general {
	background:#fff URL(http://www.magicwebsolutions.co.uk/mwsbox/images/div_general.jpg) repeat-x left -20px;
	/* padding-top:20px; */
	text-align:center;
	}

	
div#wrapper {
	text-align:left;
	margin:0 auto;
	max-width:1100px;
	width:expression(document.body.clientWidth > 1200? "1100px": "auto" );
	position:relative;
	}

	
div#extratop {
	margin:0;
	height:180px;
	background:URL(http://www.magicwebsolutions.co.uk/mwsbox/images/div_logo.jpg) no-repeat;
	}
div#extratop.minified {
	height:140px;
	}
div#extratopmain {
	margin:0;
	height:390px;
	background:URL(http://www.magicwebsolutions.co.uk/mwsbox/images/div_logo.jpg) no-repeat;
	}
	
div#extratopLogo {
	float:left;
	height:100%;
	}
div#extratopLogo img {
	float:left;
	display:none;
	}
div#extratopLogo a {
	display:block;
	position:absolute;
	left:125px;
	top:25px;
	width:200px;
	height:100px;
	}

div#extratopAddress {
	position:absolute; 
	right:40px; 
	top:353px; 
	z-index:1300; 
	color:#2b70a0; 
	font-size:8pt; 
	width:530px; 
	text-align:right;
	}

div#extratopMenu {
	padding-top:53px;
	height:100%;
	background:URL(http://www.magicwebsolutions.co.uk/mwsbox/images/div_extratopmenu.jpg) no-repeat right 53px;
	padding-right:16px;
	margin-right:36px;
	}
div#extratopMenu ul {
	float:right;
	height:51px;
	background:URL(http://www.magicwebsolutions.co.uk/mwsbox/images/div_extratop.gif) repeat-x;
	position:relative;
	}
div#extratopMenu ul li {
	display:block;
	height:51px;
	width:111px;
	/*padding:0 25px; */
	float:left;
	list-style-type:none;
	background:URL(http://www.magicwebsolutions.co.uk/mwsbox/images/li_extratopmenu.jpg) no-repeat;
	overflow:hidden;
	}
div#extratopMenu ul li.first {
	background:URL(http://www.magicwebsolutions.co.uk/mwsbox/images/div_extratop.jpg) no-repeat;
	}
div#extratopMenu ul li a {
	display:block;
	height:100%;
	text-align:center;
	line-height:51px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	padding-top:2px;
	_padding-top:0;
	}
div#extratopMenu ul li a:hover, div#extratopMenu ul li span {
	display:block;
	height:100%;
	text-align:center;
	line-height:51px;
	text-decoration:none;
	color:#d1ebfe;
	font-weight:bold;
	padding-top:2px;
	_padding-top:0;
	}
div#extratopMenu ul li a#menu_contactus {
	color:#fD0;
	}
	
div#extratopMenuMore {
	position:absolute;
	right:465px;
	top:103px;
	background:white;
	padding:10px;
	text-align:right;
	border:2px solid #5fb0f0;
	z-index:13000;
	display:none;
	}
div#extratopMenuMore ul li {
	list-style-type:none;
	list-style-image:none;
	padding-bottom:5px;
	}
	
div#extratopMenuOurwork {
	position:absolute;
	right:333px;
	top:103px;
	background:white;
	padding:10px;
	text-align:right;
	border:2px solid #5fb0f0;
	z-index:13000;
	display:none;
	}
div#extratopMenuOurwork ul li {
	list-style-type:none;
	list-style-image:none;
	padding-bottom:5px;
	}
	
	
div#decorate {
	margin:0 60px;
	clear:both;
	position:absolute;
	left:0;
	top:125px;
	background:URL(http://www.magicwebsolutions.co.uk/mwsbox/images/div_decor.jpg) no-repeat right 26px;
	height:210px;
	width:85%;
	}
	
div#decorateMotto {
	float:left;
	width:45%;
	padding-top:40px;
	}
div#decorateMotto p, div#decorateMotto h2 {
	color:#fff;
	padding-bottom:12px;
	line-height:1.3;
	}
div#decorateMotto h2 {
	font-size:12pt;
	color:#cae4f7;
	}
div#decorateMotto p#learnmore {
	text-align:right;
	}
a#learnaboutus {
	float:right;
	display:block;
	width:142px;
	height:62px;
	background:URL(http://www.magicwebsolutions.co.uk/mwsbox/images/a_learnmore.png) no-repeat;
	text-indent:-12345px;
	margin-right:20px;
	}
	

	
div#presenta, div#presenta_np  {
	margin:0 60px;
	clear:both;
	position:relative;
	padding-top:45px;
	min-height:150px;
	height:auto !important;
	height:150px;
	}
div#presenta_np {
	padding-top:0;
	text-align:center;
	}
div#presenta.minf {
	padding-top:0;
	}
	
div#presenta_lightened {
	margin:0 60px 30px 60px;
	clear:both;
	position:relative;
	padding-top:45px;
	min-height:150px;
	height:auto !important;
	height:150px;
	background:#fff URL(http://www.magicwebsolutions.co.uk/mwsbox/images/div_lightened.jpg) repeat-x;
	padding:25px;
	border-bottom:3px solid #d8eeff;
	border-top:7px solid #d8eeff;
	padding-left:90px;
	}
	
h1.lightened {
	font-size:24pt;
	font-weight:normal;
	margin-bottom:20px;
	}
	
div#presenta_item1 {
	width:30%;
	float:left;
	margin-right:2%;
	min-height:150px;
	height:auto !important;
	height:150px;
	padding-right:10px;
	/* border-bottom:20px solid #fff; */
	}
div#presenta_item1.indented {
	padding-top:20px;
	}
	
div.presenta_items {
	width:30%;
	float:left;
	margin-right:2%;
	min-height:50px;
	height:auto !important;
	height:50px;
	padding-right:10px;
	border-bottom:15px solid #fff;
	color:gray;
	}
div.presenta_items p {
	padding-bottom:5px;
	}
div.presenta_items img {
	margin:5px 0;
	}
div.presenta_items h2 {
	min-height:30px;
	height:auto !important;
	height:30px;
	}
div.presenta_items h5 {
	color:black;
	font-weight:normal;
	}
	
div#presenta_item1.specif ul li {
	list-style-image:none;
	list-style:none;
	}
	
	
a#a_oneminute {
	display:block;
	margin-top:10px;
	width:99%;
	min-height:34px;
	height:auto !important;
	height:34px;
	background:URL(http://www.magicwebsolutions.co.uk/mwsbox/images/a_pinch.jpg) no-repeat right top;
	padding-right: 47px;
	padding-top:3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	}
	
div#presenta_item1 h2 {
	padding:20px 0;
	}
div#presenta_item1 p {
	padding:0 20px 5px 0;
	}
	
div#presenta_item2 {
	width:68%;
	float:left;
	background:#ccebff;
	min-height:150px;
	height:auto !important;
	height:150px;
	padding-bottom:10px;
	border-bottom:3px solid #bbdaee;
	}
div#presenta_item_all {
	width:66%;
	float:left;
	min-height:250px;
	height:auto !important;
	height:250px;
	border-bottom:20px solid #fff;
	}
div#presenta_item_allx {
	width:820px;
	min-height:450px;
	height:auto !important;
	height:450px;
	background:URL(http://www.magicwebsolutions.co.uk/mwsbox/images/div_webpages.jpg) no-repeat;
	margin:0 auto;
	position:relative;
	text-align:left;
	}
div#presenta_item_allx_inner {
	width:670px;
	padding:20px 30px;
	}
div#presenta_itemx {
	position:absolute;
	right:0;
	top:52px;
	width:150px;
	text-align:right;
	}
div#presenta_item_all h2 {
	margin-bottom:20px;
	}
	
div#presenta_freshwork {
	width:45%;
	float:left;
	}
div#presenta_freshwork h2 {
	height:62px;
	background:URL(http://www.magicwebsolutions.co.uk/mwsbox/images/h2_fresh.jpg) no-repeat;
	line-height:62px;
	padding-left:60px;
	}
div#presenta_freshwork p  {
	padding:0 20px 5px 20px;
	}
div#presenta_item_all p {
	padding-bottom:10px;
	}
p.sample {
	text-align:center;
	}
	
div#presenta_services {
	width:45%;
	float:left;
	background:#fff;
	margin:10px 0 0 10px;
	
	min-height:200px;
	height:auto !important;
	height:200px;
	}
div#presenta_services h2 {
	height:54px;
	background:URL(http://www.magicwebsolutions.co.uk/mwsbox/images/h2_services.jpg) no-repeat;
	line-height:54px;
	padding-left:60px;
	margin:-5px 0 0 -8px;
	}
div#presenta_services p {
	padding:0 20px 5px 20px;
	}
	
a#allservices {
	display:block;
	margin-top:10px;
	width:107px;
	height:33px;
	background:URL(http://www.magicwebsolutions.co.uk/mwsbox/images/a_allservices.jpg) no-repeat right top;
	text-indent:-12345px;
	float:right;
	}
	
div#news {
	margin:0 60px;
	clear:both;
	height:250px;
	overflow:hidden;
	background:URL(http://www.magicwebsolutions.co.uk/mwsbox/images/div_news.jpg) repeat-x;
	position:relative;
	border-top:20px solid #fff;
	}
div#news h2 {
	padding:20px 0 10px 0;
	}
	
div.news_item {
	width:30%;
	float:left;
	margin-right:2%;
	}
div.news_item span {
	color:#aeaeae;
	margin-right:10px;
	}
div.news_item h3 {
	display:inline;
	}
div.news_item div.news_text {
	display:block;
	padding-top:10px;
	color:#314453;
	}
	
div#news_courtain {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:146px;
	background:URL(http://www.magicwebsolutions.co.uk/mwsbox/images/design_whitegrad.png) repeat-x;
	}
	

	
div#extrabottom {
	height:53px;
	line-height:53px;
	background:#d0ebff URL(http://www.magicwebsolutions.co.uk/mwsbox/images/div_extrabottom.jpg) repeat-x;
	clear:both;
	position:relative;
	float:none;
	border-bottom:1px solid #52bef5;
	}
div#extrabottomDecor {
	height:53px;
	width:76px;
	background:#d0ebff URL(http://www.magicwebsolutions.co.uk/mwsbox/images/div_extrabottomdecor.jpg) repeat-x;
	position:absolute;
	left:0;
	top:0;
	}


div.putdown {
	position:absolute;
	right:10px;
	top:10px;
	}
div.putdown input {
	padding:0 5px;
	cursor:pointer;
	}
	
	
input#submit {
	background:#489ed9 URL(http://www.magicwebsolutions.co.uk/mwsbox/images/input_submit.jpg) no-repeat;
	color:white;
	width:125px;
	height:30px;
	line-height:30px;
	border:0;
	cursor:pointer;
	margin-top:10px;
	font-weight:bold;
	}	
input#submit:hover {
	background:#489ed9 URL(http://www.magicwebsolutions.co.uk/mwsbox/images/input_submit.jpg) no-repeat left bottom;
	color:white;
	width:125px;
	height:30px;
	line-height:30px;
	border:0;
	cursor:pointer;
	margin-top:10px;
	font-weight:bold;
	}	
	
ul#altermenu li {
	margin-bottom:7px;
	}	
	
div#su_area {
	width:100%;
	}
div#su_area textarea {
	width:750px;
	}
	
table.portfolio  {
	margin-right:100px;
	}	
table.portfolio td {
	padding:0 20px 20px 0;
	}	
table.portfolio td p {
	margin:0;
	padding:0 0 2px 0;
	}	
p.p_year {
	margin:20px 0;
	}
	

p.breadcrumbs {
	margin-bottom:20px;
	color:silver;
	font-size:8pt;
	}
p.breadcrumbs a {
	color:#999;
	font-size:8pt;
	}
p.breadcrumbs a:hover {
	color:#666;
	font-size:8pt;
	}
	
div.break {
	clear:both;
	}
	
input#yournameid, input#youremailid, input#yoursubjid, input#yourphoneid, input#yourfileid, select#yourtypeid {
	width:350px;
	}
select#yourtypeid {
	height:25px;
	}
span.compulsory {
	color:red;
	margin-right:4px;
	}
span.compulsory2 {
	color:blue;
	margin-right:4px;
	}
	
div#portable_mailbox {
	position:absolute; 
	right:77px; 
	top:97px; 
	background:white; 
	border:2px solid #5daeed; 
	padding:10px; 
	z-index:15000;
	display:none;
	}
p#close_portable_mailbox, p#leave_portable_mailbox, p#leave_portable_mailbox a {
	text-align:right;
	color:#5daeed;
	font-size:10pt;
	cursor:pointer;
	font-weight:bold;
	}

/* letterform */

form#letterformid div {
	position:relative;
	margin-bottom:5px;
	}
form#letterformid div span.compulsory {
	position:absolute;
	left:0; 
	top:0;
	}
form#letterformid div span#example.compulsory {
	position:static;
	}
form#letterformid div input, form#letterformid div textarea, form#letterformid div select {
	margin-left:10px;
	border:1px solid silver;
	padding:3px;
	}
form#letterformid div input#yourphonechhid {
	margin-left:0;
	border:0;
	padding:0;
	}
form#letterformid div span#task input {
	margin-left:0;
	border:0;
	padding:0;
	}
form#letterformid div input.text:hover, form#letterformid div textarea:hover {
	margin-left:10px;
	border:1px solid orange;
	padding:3px;
	}
form#letterformid div textarea {
	width:400px;
	height:300px;
	}
form#letterformid div input#submit {
	border:0;
	padding:0;
	}
form#letterformid div input, form#letterformid div label {
	display:inline;
	}
form#letterformid div label {
	cursor:pointer;
	}
form#letterformid div#yourfilediv label, form#letterformid div#yourfilediv input, 
form#letterformid div#taskdiv span#task {
	display:block;
	margin-left:10px;
	}	
form#letterformid div#taskdiv span#task, form#letterformid div#taskdiv input {
	display:inline;
	}	
form#letterformid div#taskdiv input {
	margin-left:0;
	}	
div#resumeediv {
	padding:5px 10px;
	}
form#letterformid div input#yourphonechhid {
	display:none;
	border:0;
	}
form#letterformid div textarea {
	width:444px;
	}
	

div.inner {
	padding-left:20px;
	}	
table.pad {
	margin:9px 0;
	}
table.pad td {
	padding:3px 7px;
	}
	
	
div#pmbplus p#close_portable_mailbox, div#pmbplus p#leave_portable_mailbox {
	display:none;
	}
	
	
	
div#presenta_item_allx_inner strong, div#su_area strong {
	color:#777;
	}
u, span.emphatic {
	font-weight:bold; 
	color:#600;
	text-decoration:none;
	}

	
form#commentform label, form#commentform input {
	display:inline;
	}
	

	
/* portfolio 2 */

/*
div.pf_item {
	min-height:300px;
	height:auto !important;
	height:300px;
	float:left;
	width:350px;
	background:URL(/mwsbox/images/pf_item.jpg);
	margin-right:20px;
	margin-bottom:30px;
	}
div.pf_name {
	background:URL(/mwsbox/images/pf_top.jpg);
	padding:20px 20px 5px 20px;
	margin-bottom:5px;
	color:#5593e1;
	font-weight:bold;
	font-size:11pt;
	}
div.pf_field {
	padding:5px 20px;
	}
div.pf_field img {
	margin-bottom:5px;
	}
div.pf_moreimages {
	padding:0 20px 10px 20px;
	color:#999;
	font-size:9pt;
	}
div.pf_moreimages a {
	color:#999;
	font-size:9pt;
	}
div.pf_moreimages a:hover {
	color:#555;
	}
div.pf_descr {
	min-height:80px;
	height:auto !important;
	height:80px;
	padding:5px 20px;
	color:#333;
	position:relative;
	padding-bottom:15px;
	}
div.pf_descr_hide {
	background:URL(/mwsbox/images/hide.png) repeat-x left bottom;
	position:absolute;
	left:20px;
	bottom:0;
	height:80px;
	width:310px;
	_background:URL();
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/mwsbox/images/hide.png', sizingMethod='scale');
	}
div.pf_rest {
	padding-left:20px;
	min-height:50px;
	height:auto !important;
	height:50px;
	background:URL(/mwsbox/images/pf_down.jpg) left bottom;
	}
div.pf_rest a {
	color:#999;
	}
div.pf_rest a:hover {
	color:#1e8cdc;
	}
	
*/

div.pf_item {
	margin-bottom:5px;
	position:relative;
	}
div.pf_name {
	padding:10px 10px 5px 0;
	margin-bottom:5px;
	color:#5593e1;
	font-weight:bold;
	font-size:11pt;
	border-bottom:1px solid #eee;
	}
div.pf_field {
	padding:5px 0;
	}
div.pf_field_img {
	padding:5px 0;
	float:left;
	width:300px;
	}
div.pf_field img {
	margin-bottom:5px;
	}
div.pf_moreimages {
	margin:10px 0;
	}
div.pf_moreimages a {
	color:#999;
	font-size:9pt;
	}
div.pf_moreimages a:hover {
	color:#555;
	}
div.pf_descr {
	min-height:80px;
	height:auto !important;
	height:80px;
	padding:5px 0;
	color:#333;
	position:relative;
	padding-bottom:15px;
	}
div.pf_descr_hide {
	clear:both;
	float:none;
	height:40px;
	border-top:1px solid #eee;
	}
div.pf_rest {
	min-height:10px;
	height:auto !important;
	height:10px;
	}
div.pf_rest a {
	color:#999;
	}
div.pf_rest a:hover {
	color:#1e8cdc;
	}
div.pf_longdesc {
	margin-left:310px;
	padding-right:20px;
	}
	
div.mini {
	text-align:center;
	color:#1e8cdc;
	font-size:8pt;
	padding:10px 0;
	}
div.mini a {
	font-size:8pt;
	}