@charset "utf-8";
/* CSS Document */


/**** Start Site wide ****/

html{
width:100%;
height:100%;
margin:0;
padding:0;
}

body, html{
background-position: 50% 50%;
padding:0;
font-size:80%;
color:#390;
background-color:#eee;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#div.admin_links{
	position:absolute;
	left:10px;
	top:100px;
	width:170px;
	background:pink;
}

#logo{
position:absolute;
left:50%;
top:50%;
height:500px;
width:70px;
margin-left:400px;
margin-top:-250px;
}

li{
color:green;
}

#footer{
position:absolute;
bottom:15px;
left:50%;
margin-left:-450px;
width:900px;
text-align:center;
border-top:1px solid green;
}

#footer p{
	margin-top:1px;
text-align:center;
}


h1{
text-align:center;
}

p, li{
text-align:justify;
font-size:1.1em;
font-weight:bold;
margin:10px 12px 0px 12px;
line-height:1.2em;
}

#header{
position:absolute;
left:50%;
top:50%;
margin:-350px 0px 0px -450px;
width:900px;
height:50px;
background-color:#eee;
}

a.inline{
font-size:1.1em;
color:#FFB9B9;
font-weight:bold;
margin:0px;
text-decoration:underline;
}

a.inline:visited{
font-size:1.1em;
color:#FFB9B9;
font-weight:bold;
margin:0px;
text-decoration:underline;
}

a.inline:hover {
text-align:justify;
font-size:1.1em;
font-weight:bold;
color:purple;
margin:0px;
text-decoration:underline;
}

p.smalltext {
text-align:justify;
font-size:0.9em;
margin:10px 40px 0px 40px;
}

/**** End Site Wide ****/

/**** Start Main Menu ****/
#menu{
position:absolute;
left:50%;
top:50%;
margin:-250px 0px 0px -520px;
width:300px;
height:500px;
background:3fff;
}

p.menu{
background-repeat:no-repeat;
width:300px;
height:70px;
text-align:center;
line-height:70px;
font-size:1.5em;
font-weight:bold;
background-image:url(http://www.dogg-design.com/new/closed_t.png);
}

p.menu:hover{
width:300px;
height:70px;
font-weight:bold;
background-image:url(http://www.dogg-design.com/new/open.png);
text-align:center;
}

a.menum{
display:block;
height:70px;
width:300px;
color:green;
text-decoration:none;
}

a.menum:hover{
width:300px;
margin-left:0px;
}

#menu1{
Margin:40px 0px 0px 130px;
height:70px;
width:150px;
background-image:url(http://www.dogg-design.com/new/closed_t.png)
}
#menu1:hover{
display:block;
Margin:40px 0px 0px -60px;
height:70px;
width:300px;
background-image:url(http://www.dogg-design.com/new/open.png);
}

h2.topmenu{
	text-align:left;
	font-size:1.8em;
	margin-left:95px;
	margin-top:5px;
}
h3.topmenu{
	text-align:left;
	font-size:1.4em;
	margin-left:95px;
	margin-bottom:5px;
}
/* Main Menu End ****/


/* Start Page content */
#page{
position:absolute;
top:50%;
left:50%;
height:500px;
width:700px;
margin:-250px 0 0 -250px;
overflow:auto;
text-align:left;
/*border:1px solid #000;*/
}



/****************************/
/**** Contact Form Start ****/

form#mcf{
margin-left:80px;
width:480px;
height:420px;
}

form#mcf input{
margin:0px 0px 10px 10px;
width:150px;
}

form#mcf textarea {
width:290px; 
height:80px;
border:1px solid #fff;
margin-left:10px;
margin-bottom:10px; 
padding:0.5em; 
overflow:auto;
background:#fff;
color:#006; 
}

form#mcf legend {
font-size:1.2em; 
font-weight:bold; 
color:purple;
margin: 0 0 1px 10px; 
height: 24px;
line-height: 24px;
width:157px; 
padding: 0 5px;
}

form#mcf label{
clear:left; 
display:block; 
float:left; 
width:110px; 
text-align:right; 
padding-right:10px; 
color:green; 
margin-bottom:10px;
margin-top:4px;
font-size:1.2em;
font-weight:bold; 
}

form#mcf .button1 {
color:purple; 
font-weight: bold;
display: inline;
background:#fff;
border:3px outset green;
width:89px; 
height: 27px;
line-height: 27px;
text-align: center;
margin-left:130px;
}

form#mcf .button1:hover {
border:3px outset purple;

}

form#mcf fieldset {
width:480px; 
display:block; 
border:1px solid green; 
padding:5px; 
margin-bottom:0.5em; 
margin-left: 13px;
line-height:1.2em;
}

h2.contact{
text-align:center;
font-size:1.5em;
margin:0px 0px 0px 10px;
}

/**** End Contact Form ****/
/**************************/
/**** Start captcha *******/


img.captcha{
margin-left:130px;
margin-bottom:5px;
border:2px solid green;
}

/****** End Captcha ******/
/*************************/
/**** Start Portfolio ****/

#porto{
width:600px;
height:118px;
margin-top:20px;
margin-left:0px;
border:1px solid #ccc;
}

#porto img{
float:left;
border:3px solid green;
}

#porto p{
margin-left:170px;
margin-right:10px;
text-align:justify;
font-size:1.1em;
font-weight:normal;
}

#porto h3{
text-align:center;
color:#000;
}

#porto a, #porto a:hover, #porto a:visited{
color:#000;
}


img.porto_img{
margin:20px 0px 10px 120px;
}

p.porto_p{
Margin:10px 35px 10px 35px;
text-align:justify;
}

h1.porto_h1{
color:purple;
margin-top:30px;
}

h2.porto{
}

a.porto_a{
color:green;
}

/* Package sumary */

#pkg{
margin-top:25px;
width:400px;
height:90px;
margin-left:60px;
border-top:1px solid red;
border-left:1px solid red;
}

#pkg_page{
margin-top:20px;
width:550px;
height:90px;
margin-left:10px;
border-top:1px solid red;
}

h2.sub_heading{
color:purple;
text-align:left;
font-size:1.2em;
}

p.features_list{
color:green;
}

p.cost{
color:green;
}



p.pkg_page_cost{
margin-top:10px;
color:green;
text-align:center;
font-size:1.2em;
}

a.heading, a.heading:visited{
color:red;
}

p.note{
margin:20px 50px 10px 50px;
font-style:oblique;
color:#aaa;
}

/* only admin */


#page h2{
text-align:center;
font-size:1.1em;
}


#page img{
float:left;
}


img.index{
margin: 10px 100px 10px 100px;
}

h3.index, h2.index{
text-align:center;
}


/************************/
/**** Start Showcase ****/

#showcase{
float:left;
width:150px;
height:135px;
border:2px solid green;
margin:0px 0px 30px 60px;
}

#showcase p,#showcase a, #showcase a:visited{
font-size:1em;
line-height:2em;
text-align:center;
color:purple;
margin:0px;
border:0px;
}

#showcase img{
border:0px;
border-bottom:2px solid green;
}

img.plp{
height:345px;
width:460px;
margin:5px;
border:2px solid purple;
}

img.plp_small{
width:75px;
height:56;
border:2px solid purple;
margin-top:250px;
}

#plp_left{
float:left;
width:79px;
height:345px;

}

#plp_middle{
float:left;
height:345;
width:474px;
}

#plp_right{
float:left;
width:79px;
height:345px;
}

h1.plp{
width:650px;
text-align:center;
font-size:1.5em;
margin:0px 0px 0px 10px;
}

#plp_bottom{
clear:both;
float:left;
margin-top:10px;
width:650px;
margin-left:20px;
text-align:justify;
}

#plp_bottom p{
width:460px;
margin-left:65px;
text-align:justify;
}

#buynow{
 	position:absolute;
	margin:15px 0 0 40px;
	}
 .paybutton{
 	border:none;
	}
	
#pricebubble{
	font-weight:bold;
	position:absolute;
	margin:15px 0 0 320px;
	height:42px;
	width:145px;
	background: url(http://www.dogg-design.com/images/Price.gif) no-repeat left center;
	}
	
#pricebubble p{
	margin:1px 0 0 17px;
	font-size:1.5em;
	color:#006;
}
#blackout{
	position:absolute;
	margin:5px 0 5px 75px;
	height:60px;
	width:502px;
	/*background: url(images/clock.gif) no-repeat left center;*/

	background-image: url(http://www.dogg-design.com/images/blackout.png);
	background-repeat:repeat;
}

#ItemImage{
	width:700px;
	margin-bottom:10px;
}

#ItemDescBox{
	width:700px;
}

#ItemDescBox p{
	width:500px;
	margin:10px 0 0 80px;
}

h1.ItemName{
	text-align:center;
	font-size:1.3em;
}


img.itemimg{
	margin: 0 75px 0 75px;
	
}



#cats{
width:500px;
margin:15px 0 0 65px;
float:left;
background:#F3F3F3;

border:1px outset #aaa;
padding:20px;
}


h3.sliding{
background-repeat:no-repeat;
width:300px;
height:80px;
text-align:left;
font-size:1.5em;
font-weight:bold;
background-image:url(../images/gs-automated-gate-closed.gif);
padding:0px 0px 0px 20px;
margin:0 0 0 115px;
}

h3.sliding:hover{
width:300px;
height:80px;
font-weight:bold;
background-image:url(../images/sliding-gate-animated.gif);
text-align:left;
margin:0 0 0 115px
}

h3.swing{
background-repeat:no-repeat;
width:300px;
height:80px;
text-align:left;
font-size:1.5em;
font-weight:bold;
background-image:url(../images/swing-closed.gif);
padding:0px 0px 0px 20px;
margin:0px 0 0 40px;
}

h3.swing:hover{
width:300px;
height:80px;
font-weight:bold;
background-image:url(../images/swing-opening.gif);
text-align:left;
margin:0px 0 0 40px
}


a.gscats{
line-height:60px;
display:block;
height:80px;
width:300px;

text-decoration:none;
}

a.gscats:hover{
width:300px;
margin-left:0px;
}

a.gscats:visited{
}

a.swing{
line-height:80px;
display:block;
height:80px;
width:300px;
margin-left:80px;

text-decoration:none;
}

a.swing:hover{
width:300px;
}

a.swing:visited{
}

#UnderPortDesc{
	width:580px;
	clear:both;
	position:relative;
	margin: 10px 0 0 60px;
}

p.UnderPortfolio{
	margin:10px 0 0 0px;
	text-align:justify;
}