/*
Theme Name: MiniSMart	
Theme URI: www.rattiste.com
Description: Minismart wordpress theme
Version: 1.0
Author: Marek Rattiste
Author URI: www.rattiste.com
*/

/* reset, overal styles and main wrap */

html, div, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;  }

ol, ul { list-style: none; }
ul, li {  
	margin: 0; 
	padding: 0;  
}  
blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }

:focus { outline: 0; }

ins {	text-decoration: none; }

del {	text-decoration: line-through; }

body {	
	margin: 0;
	font-family:Verdana;
	color: #fff;
	font-size: 12px;
	line-height: 1.4;
	background: #000;
background:#000 url(images/bg_top.jpg) repeat-x;	
}

h1 {	margin-left: 0%;}
h2 {	margin-left: 0%;}
h3 {	margin-left: 0%;}	
h4, h5, h6 { margin-left: 0%; }

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

a:hover { text-decoration: underline; }

pre { 	font-family: monospace; }

table { 
	margin-left: auto;
 	margin-right: auto; 
}
fieldset { border:none; }
img {border:0;}


/* main */


#container { 	
	margin:0 auto;
	padding:0;
	
	text-align:left;
	vertical-align: middle;	
}



/* header */
#header 				{  margin:0 auto; padding:0; height:51px;width:980px;}

#header h1			{ background:url(images/logo1.jpg) no-repeat; height:33px; width:207px; text-indent:-999em; margin:10px 0px 5px 0px; float:left; }



/* topnav */

#topnav	{ 
width:500px; 
height:50px;  
list-style:none;
float:right; }
#topnav ul 			{ margin-top:18px;padding:0; list-style:none; padding-left:0px; width:500px;}
#topnav li.first			{ padding: 5px 15px; float:left; position:relative; z-index:99; display:block; background:url(images/nav_separator.gif) right no-repeat;}
#topnav li			{ padding: 0 17px; float:left; position:relative; z-index:99; display:block; background:url(images/nav_separator.gif) right no-repeat;}
#topnav .clickable 			{ display:block; color:#535353; font-size:18px; text-decoration:none; cursor:pointer;}
#topnav a:hover		{ text-decoration:underline;}
#topnav li:hover		{  }
#topnav a {
color:#fff;
font-size:15px;
text-decoration:none;
}



/*left column (only side column specific stuff here)*/
#leftcolumn {
float:left;
margin-top:40px;
background:url(images/bg_innerpage.jpg) no-repeat;
height:558px;
width:250px;
}

/*right column (only main column specific stuff here)*/
#maincolumn {}
#maincolumnS {
float:left;
width:730px;
margin-top:20px;
}
#maincolumnS a {
color:#C12E7F!important;
text-decoration:underline;
}


/* first page boxes */

#box1, #box2 {
height:370px;
background:#222222 url(images/box_corner.jpg) right bottom no-repeat; 
float:left;
margin-left:20px;
margin-top:40px; 
}

#box1 {
width:470px;
}

#video_front {
margin:45px 10px 20px 40px;
}
#box1 #text {
font-size:20px;
margin-left:110px;
font-weight:bold;
}

#box2 {
width:420px;
}
#box2 img {
margin:40px 0px 20px 60px;
}
#box2 p {
font-size:16px;
line-height:27px;
}
/*main area */

#centerColumn { 	
margin:0 auto;
width:980px;

}

#centerColumn p {
margin:0;
padding:20px;

}

#centerColumn h1 {
margin:0;
padding:30px 0 25px 20px;
font-size:22px;
letter-spacing:.1em;

}
#centerColumn h2 {
margin:0;
padding:10px 0 10px 20px;
font-size:16px;
letter-spacing:.1em;
}

/* services */
#services {
float:left;
margin-top:60px;
height:250px;
border-top:1px solid #242424;
border-bottom:1px solid #242424;
width:100%;
background:url(images/bg_middle.jpg); 
}

#services_container {
width:980px;
margin:0 auto;
}
#services h1 {
font-size:24px;
text-align:center;
margin-top:10px;
}
#services ul {
margin-top:10px;
}
#services li {
float:left;
width:340px;
font-size:16px;
margin-left:120px;
background:url(images/checkbox1.png) no-repeat left top;
padding-left:25px;
}
/*footer*/
#footer-border {
float:left;
margin-top:60px;
height:1px;
width:100%;
border-top:1px solid #242424;
}

#footer {
font-size:16px;
margin:0 auto;
width:980px;
color:#c5c5c5;
}
#footer ul {

}
#footer li {
float:left;
margin-left:70px;
margin-top:10px;
}
/*misc*/
blockquote {
margin:1em;
padding:.5em;
background-color:#eeeeee;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;

}

blockquote p {
margin:.2em;
}

/* contact page style */

#contact-text {
font-family:Verdana;
font-size:18px;
margin:40px 0 100px 150px;
}
#contact-map {
border:2px solid #bababa;
width:630px;
}