/* Reset
------------------------------------------------------------ */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { background:#ffffff; font-size: 13px; color: #666666;  font-family:"Open Sans",Arial,sans-serif;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
h1 {
	margin-bottom: 10px;
	color: #111111;
	font-size: 1.4em;
}	

#wowslider-container1, #wowslider-container1 .ws_images, #wowslider-container1 .ws_images ul a, #wowslider-container1 img{cursor: default;

}   

a, img { outline: none; border:none; color: #000; font-weight: bold; text-transform: uppercase;}
p {
	margin: 0 0 10px;
	line-height: 1.4em;
	font-size: 1.1em;
}
img { display: block; margin-bottom: 10px;}
aside { font-style: italic; font-size: 0.9em;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}
	
/* Structure */
#wrapper {
	width: 100%;
	height: auto;
	background-color: #E4F1FE;
	margin: auto;
	/*padding: 2%*/;
	padding-top: 1%;
	} 


#menu nav ul li a {
	text-align: center;
	text-decoration: none;
	display: inline;
	float: left;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	text-transform: none;
	color: #03C;
}

#menu nav ul li a:hover{
	color:#009;
}
#menu nav {
	margin-left: 30%;
}



	#main {
	width: 65%;
	/*width: 95%;*/
	margin-right: 5%;
	float: left;
	background-image: url(../images/cont-tail.png);
	margin-top: 2%;
		}		
		
	aside {
	width: 30%;
	float: right;
	margin-top: 2%;
		}

/* Logo H1 */
header h1 {
	/*height: 70px;*/
	height: 100px;
	/*width: 160px;*/
	width: 285px;
	float: left;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;	/*background-position: 0 0;*/
	margin-left: 5%;
	}
		
/* Nav */
header nav {
	float: right;
	margin-top: 40px;
	margin-right: 5%;
	}
	
	header nav li {
		display: inline;
		margin-left: 15px;
		text-transform:none;
		font-family:"Open Sans",Arial,sans-serif;
		}
		
	header nav li a{
		text-decoration:none;
		color:#03C;
		text-transform:none;
	}
header nav ul li a:hover{
	color:#03C;
	background:#FFF;
	}
/* Banner */			
#banner {
	/*float: left;*/
	float: left;
	margin-bottom: 15px;
	width: 100%;
	}

	#banner img {
		width: 100%;
		}


/* Media Queries */
@media screen and (max-width: 480px) {
	
	header nav, #main, aside {
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
		}	
		header nav li {
			margin: 0;
			background: #efefef;
			display: block;
			margin-bottom: 3px;
			}
			header nav a {
				display: block;
				padding: 10px;
				text-align: center;
				}			
}
#cleaner {
	background-color: #E4F1FE;
	clear: both;
	float: none;
	height: 1px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#footer {
	background-color: #E4F1FE;
	height: 100%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #4183D7;
	margin-top: 2%;
}
#menu {
}

#copyright {
	/*clear: both;*/
	width: auto;
	height: 35px;
	text-align: center;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font-size: 1em;
	color: #FFFFFF;
	background-color:#2574A9;
}

#copyright a {
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	border-left: 1px solid rgb(39, 37, 37);
	color: #009;
	font-size: 0.9em;
	text-transform: none;
}

.list, .list1, .list2, .list3, .list4, .list5, .list6, .list7, .list8, .list9, .list10, .list11, .list12, .list13, .list14, .list15 {margin-bottom:-11px}
.list li, .list1 li, .list2 li, .list3 li, .list4 li, .list5 li, .list6 li, .list7 li, .list8 li, .list12 li, .list9 li, .list10 li, .list11 li, .list13 li, .list14 li, .list15 li{
	padding: 0 0 11px 98px;
	min-height: 74px;
	height: auto!important;
	height: 74px;
	line-height: 1.43em;
	position: relative;
	background-repeat: no-repeat;
	background-position: left top;
}

.list li {background-image: url(../images/ware.png);
	} 
.list1 li {
	background-image: url(../images/onlin.png);
} .list2 li {background-image: url(../images/network.png);} .list3 li {background-image: url(../images/servicerepair.png);} .list4 li {background-image: url(../images/grahics.png);} 
.list5 li {background-image: url(../images/data.png);} .list6 li {background-image: url(../images/boss.png);} .list7 li {background-image: url(../images/anibare.png);} .list8 li {background-image: url(../images/anibare.png);} .list9 li {background-image: url(../images/helpdesk.png);} .list10 li {background-image: url(../images/anibare.png);} .list11 li {background-image: url(../images/anibare.png);} .list12 li {background-image: url(../images/anibare.png);} .list13 li {background-image: url(../images/oca.png);} .list14 li {background-image: url(../images/cip.png);} .list15 li {background-image: url(../images/ifdc.png);}




.list li a, .list1 li a, .list2 li a, .list3 li a, .list4 li a, .list5 li a, .list13 li a, .list14 li a, .list15 li a, #main p a{color:#4e4e4e; text-decoration:none; text-transform: none;}

.list li a:hover, .list1 li a:hover, .list2 li a:hover, .list3 li a:hover, .list4 li a:hover, .list5 li a:hover{text-decoration:underline}
.list li strong, .list1 li strong, .list2 li strong, .list3 li strong, .list4 li strong, .list5 li strong, .list li strong a, .list1 li strong a, .list2 li strong a, .list3 li strong a, .list4 li strong a, .list5 li strong a, .list6 li strong a, .list7 li strong a, .list8 li strong a, .list9 li strong a, .list10 li strong a, .list11 li strong a, .list12 li strong a, .list13 li strong a, .list14 li strong a, .list15 li strong a{
	font-size: 1.05em;
	text-transform: none;
	font-weight: bold;
	color:#666;
}
a, .list li strong a:hover, .list1 li strong a:hover, .list2 li strong a:hover, .list3 li strong a:hover, .list4 li strong a:hover, .list5 li strong a:hover, .list13 li strong a:hover, .list14 li strong a:hover, .list15 li strong a:hover, #main p a:hover {
	text-decoration: none;
	color: #06F;
}


/* FORMS */
#contacts-form {clear:right;width:100%;overflow:hidden}
#contacts-form fieldset {border:none;float:left}
#contacts-form .field {clear:both}
#contacts-form label {float:left;width:106px;line-height:18px;padding-bottom:8px}
#contacts-form input {width:246px;padding:1px 0 1px 3px;border:1px solid #e2e2e2;color:#70635b;background:#fff}
#contacts-form textarea {width:443px;height:305px;padding:1px 0 1px 3px;border:1px solid #e2e2e2;color:#4e4e4e;background:#fff;margin-bottom:15px;overflow:auto}
.alignright {text-align:right}
#content {
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#tooplate_footer_wrapper {
	clear: both;
	/*background: #1f1f1f;*/
	/*border-top: 5px solid #3a3a3a;*/
	width: 100%;
	/*background-color:#00C;*/
	background-color :#3A539B;
}

#tooplate_footer {
	width: 960px;
	margin: 0 auto;
	padding: 20px 10px;
	color: #666666;
	height: 155px;
}

#tooplate_footer a { 
	color: #fff; text-decoration: none; 
}

#tooplate_footer .footer_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

#tooplate_footer .footer_list li {
	border-bottom: 1px #404040;
	padding: 5px 0px;
}

#tooplate_footer .footer_list li a { 
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}
.col_last { margin: 0 }
.col_allw300 { 
	float: left; 
	width: 295px; 
	margin-right: 25px; 
}

#tooplate_footer h4 {
	color: #fff;
	padding-bottom: 10px;
	/*background: url(../images/tooplate_h4_divider.jpg) repeat-x bottom;*/
}#footer #tooplate_footer_wrapper #tooplate_footer .col_allw300.col_last p {
	color: #FFF;
}
#footer #tooplate_footer_wrapper #tooplate_footer .col_allw300 .footer_list li a {
	text-transform: none;
}